* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
word-wrap: break-word;
}
body,
textarea {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
}
body[data-brd="zonavip"], body[data-brd="zonavip"] textarea,
body[data-brd="world"], body[data-brd="world"] textarea,
.threadnav {
font-family: Mona,'MS PGothic',IPAMonaPGothic,sans-serif;
}
body.mainpage,
body.threads {
margin: 0;
}
body.threadpage {
margin: 8px;
}
body.fix {
margin-top: 2em;
}
h1,
h5 {
font-size: 20px;
margin: 0;
}
h2 {
font-size: 16px;
margin: 0 0 7px;
}
h2 span {
margin-right: 2px;
}
h2 a {
font-size: 24px;
text-decoration: none;
}
h3 {
font-size: 18px;
margin: 8px 0;
}
h3 span {
display: inline-block;
font-weight: normal;
}
h4 {
clear: both;
font-weight: normal;
margin: 0;
}
h5 {
margin-bottom: 8px;
}
input[type="text"],
textarea,
select {
background: #fff;
border: 1px inset #ddd;
color: #000;
padding: 1px;
}
input[type="submit"],
input[type="button"],
button {
border: 1px outset #ddd;
background: #eee;
color: #333;
padding: 1px 8px;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active {
border-style: inset;
}
.banner {
display: block;
margin: 0 auto;
}
#rules {
line-height: 1.25em;
margin: 8px 0;
}
.spoil {
background: #000;
color: #000;
}
.spoil:hover {
color: #fff;
}
code {
font-size: 14px;
}
pre {
line-height: 125%;
margin: 0;
white-space: pre-wrap;
}
.cur_brd,
.locked,
.sel {
font-weight: bold;
}
#main_nav {
font-size: 14px;
padding: 4px 0;
text-align: center;
width: 100%;
}
.fix #main_nav {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
padding: 2px 0;
z-index: 9;
}
#main_nav select {
font-size: 90%;
padding: 0;
}
#main_nav a,
#thread_nav a,
#threadlinks a,
.threadlinks a,
label {
display: inline-block;
}
.outerbox,
.mainpage .thread,
#footer,
#content {
margin: 0 2.5% 1em;
}
.innerbox {
padding: 7px;
margin: 7px;
}
.threadnav {
float: right;
}
#search input {
margin-right: 2px;
}
#search input[type="text"] {
padding: 4px;
max-width: 500px;
width: 100%;
}
.links {
font-size: 14px;
text-align: center;
}
#threadlinks {
margin-bottom: 0.5em;
text-align: center;
}
#threadlist {
font-size: 14px;
line-height: 1;
max-height: 15em;
overflow-y: scroll;
}
#threadlist a {
text-decoration: none;
}
.mainpage .postform,
.formpad {
padding-left: 40px;
}
.reply {
clear: both;
line-height: 18px;
margin-bottom: 1em;
overflow: hidden;
}
.num {
color: inherit !important;
font-weight: bold;
text-decoration: none;
}
.name em {
font-style: normal;
}
.del {
visibility: hidden;
}
.reply:hover .del {
visibility: visible;
}
.quoted {
font-size: 12px;
line-height: 1;
}
.msg {
margin: 1em 40px 0;
}
.msg hr {
margin-left: 0;
max-width: 500px;
}
a.thumb {
cursor: zoom-in;
font-size: 14px;
float: left;
margin: 1em 20px 0;
text-align: center;
text-decoration: none;
color: gray !important;
}
a.yt {
margin: 2px 0;
display: inline-block;
font-size: 12px;
line-height: 1.2em;
padding: 5px;
text-decoration: none;
}
a.yt .pvw {
width: 100px;
height: 60px;
overflow: hidden;
float: left;
margin-right: 5px;
}
a.yt .pvw img {
margin-top: -15px;
margin-left: -10px;
}
a.yt b {
font-size: 115%;
}
.deleted {
margin-bottom: 1em;
}
.hidden {
opacity: 0.5;
}
#q-p {
margin-right: 1em;
padding: 8px 8px 0;
position: absolute;
}
#q-p .del,
#q-p .quoted,
#q-p .thumb div {
display: none;
}
.lastposts {
text-align: center;
line-height: 1;
}
.lastposts #n2 {
text-decoration: underline;
}
.threadpage .threadlinks {
margin: 0.5em 0;
}
#size {
color: #f00;
font-family: arial, sans-serif;
font-weight: bold;
margin-bottom: 0.5em;
}
#createbox input,
#createbox textarea {
width: 100%;
}
.pblock {
text-align: right;
white-space: nowrap;
}
form .msg {
margin: 0;
padding: 8px 2px;
text-align: left;
}
.end,
#search {
margin-top: 8px;
}
.warn {
padding: 1px;
}
.stop {
padding: 1em 1px;
}
.yellow {
background: #ff0;
color: #000;
}
.red {
background: #f00;
color: #fff;
}
#listmenu {
margin-top: 7px;
text-align: center;
}
#content a {
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content.list a {
display: block;
line-height: 1;
}
#content.list .row {
display: table-row;
}
#content.list .row div {
display: table-cell;
padding: 5px;
}
#content.list .row div.thread {
padding: 0;
}
#content.list .row div.thread a {
padding: 5px;
}
#content.list .pos,
#content.list .com {
text-align: right;
}
#content.list #header div {
font-weight: bold;
text-align: center;
white-space: nowrap;
}
#content.grid,
#threadlist {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
}
#content.grid .row,
#threadlist a {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
flex: 1 1 auto;
padding: 4px;
}
#content.grid .row div {
display: inline;
}
@media (max-width: 600px) {
br {
line-height: 0.5em;
}
.banner {
width: 100% !important;
height: auto !important;
margin-top: 1em;
}
.outerbox,
.mainpage .thread,
#footer,
#content {
margin: 1em 0;
}
h1,
h2 a,
h5 {
font-size: 18px;
}
h4,
h2 span,
#rules {
font-size: 12px;
}
#threadlist {
overflow-x: auto;
white-space: nowrap;
}
#size,
.postform br {
display: none;
}
div.reply, .deleted {
margin-bottom: 0.5em;
}
.num {
margin: -10px;
padding: 10px;
position: relative;
}
.del {
visibility: visible;
}
div.msg {
margin: 0.5em 0 0;
}
.mainpage .postform,
.formpad {
padding-left: 0;
}
.postform > span {
display: table;
width: 100%;
}
.postform span > * {
display: table-cell;
margin-bottom: 2px;
white-space: nowrap;
}
.postform input,
textarea {
width: 100%;
}
.postform textarea {
height: 128px;
}
form,
#thread_nav,
#footer,
.end,
.locked {
font-size: 14px;
text-align: center;
}
#footer a {
display: block;
}
#content.list .row div {
padding: 0 2px;
}
}
