* {
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 {
margin: 0;
}
body.threadpage {
margin: 8px;
}
h1,
h5 {
font-size: 20px;
margin: 0;
}
h2 {
font-size: 1em;
margin: 0 0 0.5em;
}
h2 a {
font-size: 1.5em;
text-decoration: none;
}
h3 {
font-size: 18px;
margin: 8px 0;
}
h3 span {
display: inline-block;
font-weight: normal;
}
h4 {
font-size: 14px;
line-height: 1em;
font-weight: normal;
clear: both;
margin: 0;
}
h5 {
margin-bottom: 8px;
}
input[type="text"],
textarea,
select {
background: #fff;
border: 1px inset #ddd;
color: #000;
padding: 1px;
}
#styles {
padding: 0;
}
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 {
margin: 0.5em 0;
}
code {
font-size: 14px;
}
pre {
line-height: 125%;
margin: 0;
white-space: pre-wrap;
}
ul {
margin:0;
padding-left:1em;
}
.cur_brd,
.locked,
.sel {
font-weight: bold;
}
#main_nav {
font-size: 14px;
padding: 3px 0;
text-align: center;
width: 100%;
}
#main_nav select {
font-size: 85%;
padding: 0;
}
#main_nav a,
#thread_nav a,
#threadlinks a,
.threadlinks a,
label {
display: inline-block;
}
.outerbox,
.mainpage .thread,
#footer {
margin: 0 2.5% 1em;
}
.innerbox {
padding: 7px;
margin: 7px;
}
.innerbox.links {
padding: 3px;
}
.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 {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 14px;
line-height: 1;
max-height: 18em;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
}
#threadlist a {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
flex: 1 1 auto;
padding: 3px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
.mainpage .postform,
.formpad {
padding-left: 40px;
}
.postform,
#search,
.end {
margin-top: 0.5em;
}
.reply,
#rules {
clear: both;
line-height: 18px;
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;
display: inline-block;
line-height: 1;
}
.msg {
margin: 1em 40px;
}
.msg hr {
margin-left: 0;
max-width: 500px;
}
a.thumb {
cursor: zoom-in;
float: left;
margin: 1em 20px;
text-decoration: none;
}
.hidden .msg,
.hidden .thumb,
.hidden .quoted {
display: none;
}
a.yt {
margin: 2px 0;
display: inline-block;
font-size: 12px;
line-height: 1.2em;
padding: 4px;
text-decoration: none;
}
a.yt .pvw {
width: 90px;
height: 60px;
overflow: hidden;
float: left;
margin-right: 4px;
}
a.yt .pvw img {
margin-top: -15px;
margin-left: -15px;
}
a.yt b {
font-size: 115%;
}
#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-bottom: 0.5em;
}
#size {
color: #f00;
font-family: arial, sans-serif;
font-weight: bold;
margin-bottom: 0.5em;
}
textarea {
max-width: 100%;
}
#createbox input,
#createbox textarea {
width: 100%;
}
.pblock {
text-align: right;
white-space: nowrap;
}
form .msg {
margin: 0;
padding: 8px 2px;
text-align: left;
}
.warn {
margin: 0.5em 0;
padding: 1px;
}
.stop {
margin: 0.5em 0;
padding: 1em 1px;
}
.yellow {
background: #ff0;
color: #000;
}
.red {
background: #f00;
color: #fff;
}
#listmenu {
text-align: center;
}
#threads td, #threads th {
max-width: 256px;
padding: 2px 4px;
text-align: left;
}
#threads a {
display: block;
text-decoration: none;
}
#threads a:hover {
text-decoration: underline;
}
.minisjis {
font-size: 10px;
line-height: 12px;
}
.end {
line-height: 1;
}
#main_nav.mob {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 0 4px #000;
padding: 2px;
line-height: 1em;
font-size: 12px;
}
@media (min-width: 1600px) {
#threadlist {
max-height: 15em;
}
}
@media (max-width: 600px) {
body {
font-size: 14px;
}
body.threadpage {
margin: 4px;
}
.banner {
width: 100% !important;
height: auto !important;
margin-top: 1em;
}
.outerbox,
.mainpage .thread,
#footer {
margin: 1em 0;
}
.innerbox {
margin: 3px;
padding: 3px;
}
h1,
h2 a,
h5 {
font-size: 18px;
}
h3 {
text-align: center;
}
h2 span,
#rules,
.pblock {
font-size: 12px;
line-height: 14px;
}
.reply {
line-height: 16px;
}
.reply h4,
.quoted {
font-size: 10px;
line-height: 12px;
}
#threadlist a {
font-size: 10px;
padding: 6px 3px;
}
.threadnav,
#size,
.postform br,
.hh {
display: none;
}
.del {
visibility: visible;
}
div.msg,
a.thumb {
margin: 8px;
}
.mainpage .postform,
.formpad {
padding-left: 0;
}
.postform input {
margin-bottom: 2px;
}
.postform > span {
display: table;
width: 100%;
}
.postform input[type="submit"] {
padding: 6px;
}
.postform span > input,
.postform span > span {
display: table-cell;
white-space: nowrap;
}
.postform input,
textarea {
width: 100%;
}
.postform textarea {
height: 128px;
}
form,
#thread_nav,
.locked {
font-size: 14px;
text-align: center;
}
#q-p {
margin: 0 1px 0 6px;
}
#footer,
.end {
font-size: 12px;
text-align: center;
}
#footer a {
display: block;
}
}
