aboutsummaryrefslogtreecommitdiff
path: root/static/css/txt/bbs.css
blob: 477309aaf591924e3e52f6d6613120c101ef5e31 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
*{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.mainpage,body.threads{margin:0}
body.threadpage{margin:8px}
h1,h5{font-size:18px;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:19px;font-weight:normal;margin:8px 0}
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}
#main_nav .cur_brd,#cur_stl,.locked{font-weight:bold}
#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%}
#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;font-family:mona,monapo,ipamonapgothic,monapo,'ms pgothic',yozfontaa97}
#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:.5em;text-align:center}
#threadlist{font-size:14px;line-height:1;max-height:15em;overflow-y:scroll}
#threadlist a{text-decoration:none}
#thread_nav{padding-left:6px}
.mainpage .postform,.formpad{padding-left:40px}
.reply{clear:both;line-height:1.25em;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:.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:.5em 0}
#size{color:#f00;font-family:arial,sans-serif;font-weight:bold;margin-bottom:.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:720px){
 body{font-size:15px}
 br{line-height:.5em}
 .banner{width:100%!important;height:auto!important;margin-top:1em}
 .outerbox,.mainpage .thread,#footer,#content{margin:1em 0}
 h2 a{font-size:19px}
 h4,h2 span,#rules{font-size:12px}
 .pblock,#footer,.end{font-size:14px}
 #threadlist{overflow-x:auto;white-space:nowrap}
 #size,.postform br{display:none}
 div.reply{margin-bottom:.5em}
 .num{margin:-10px;padding:10px;position:relative}
 .del{visibility:visible}
 div.msg{margin:.5em 0 0}
 .mainpage .postform,.formpad,#thread_nav{padding-left:0}
 .postform>span{display:table;width:100%}
 .postform span>*{display:table-cell;font-size:14px;margin-bottom:2px;white-space:nowrap}
 .postform input,textarea{width:100%}
 .postform textarea{height:100px}
 form,#thread_nav,#footer,.end,.locked{text-align:center}
 #footer a{display:block}
 #content.list .row div{padding:0 2px}
}