aboutsummaryrefslogtreecommitdiff
path: root/static/css/txt/bios.css
blob: afbc9cbb715d094a7f2165cbff1722b3aab51a29 (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
body,textarea,.lastposts #counter{background:#00A;color:#FFF}
a,a .name,.lastposts #n2{color:#ff0;text-decoration:none}
a:focus,a:active,a:active .name,#n2:active{background:#f00;color:#FFF}
.mainpage .threadlinks a:before,#threadlinks a:before,.lastposts a:before,.lastposts label:before{content:'▶ '}
input[type="text"],textarea,select{background:#00A;border:1px solid #FFF;color:#FFF}
input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 9px}
input[type="submit"]:active,input[type="button"]:active,button:active,select:focus{background:#000;border-style:solid;color:#FFF}
::selection{background:#FFF;color:#000}
::-moz-selection{background:#FFF;color:#000}
hr{display:none}
h2,.thread .threadnav{margin:.75em}
h3{background:#FFF;color:#00A;margin:0;padding:2px 8px}
h3 span{background:#00A;color:#FFF;padding:2px}
#main_nav,#thread_nav{background:linear-gradient(270deg, #0000ff, #000000, #0000ff);background-position:0% 50%;-webkit-animation:bios 6s linear infinite;-moz-animation:bios 6s linear infinite;animation:bios 6s linear infinite;background-size:500% 500%}
@-webkit-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
@-moz-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
@keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
#main_nav a,#thread_nav a,.threadpage .threadlinks a{color:#FFF;text-decoration:underline}
#main_nav .cur_brd{background:#FFF;color:#00A;padding:1px;text-decoration:none}
#thread_nav{margin:-8px -8px 8px;padding:6px 16px}
.innerbox{border:1px solid #FFF;margin:3px;padding:.75em}
.innerbox.links{border-top:0;margin-top:-3px}
#cur_stl{background:#ff0;color:#00A}
.outerbox,.mainpage .thread,#threadlist,#content{border:1px solid #FFF}
#threadlist a{border-right:1px solid #FFF;border-bottom:1px solid #FFF}
.thread .innerbox{padding:0}
.threadpage .thread{border-color:#FFF;border-style:double;border-width:4px 4px 1px}
.reply,.deleted{border-top:1px solid #FFF;padding:.5em .75em 0}
.threadpage .reply, .threadpage .deleted{padding:.5em .5em 0}
.name em{background:#FFF;color:#00f}
.q,.deleted,.abbrev{color:#5cf}
.deleted{margin-bottom:.5em}
#size{margin-left:.5em}
.yt{border:1px solid #ff0}
.yt:active{background:#f00;border:1px solid #f00;color:#FFF}
.msg hr{display:block}
#q-p{background:#00A;border:1px solid #FFF}
#q-p .reply{border:0;padding:0}
.lastposts{border-color:#FFF;border-style:double;border-width:0 4px;color:#00A;padding:.5em}
.mainpage .threadlinks{margin-top:.75em}
.threadpage .threadlinks{margin-top:0}
.threadpage .postform{border-color:#FFF;border-style:double;border-width:1px 4px 4px;padding:.5em}
.formpad{padding-left:0}
.mainpage .postform{border-top:1px solid #FFF;padding:.75em}
form .msg{border:3px double #FFF}
#content.list{border:4px double #FFF}
#content.list #header div{border-bottom:1px solid #FFF}
#content.grid{border:1px solid #FFF;padding:2px}
#content.grid .row{border:1px solid #FFF;margin:2px}
@media(max-width:720px){
 body.threadpage{margin:8px 0}
 h2{margin-bottom:.5em}
 #thread_nav{margin:-8px 0px 8px}
}