diff options
Diffstat (limited to 'static/css/txt/bios.css')
-rw-r--r-- | static/css/txt/bios.css | 314 |
1 files changed, 260 insertions, 54 deletions
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css index afbc9cb..22a228a 100644 --- a/static/css/txt/bios.css +++ b/static/css/txt/bios.css @@ -1,54 +1,260 @@ -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} -}
\ No newline at end of file +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: 0.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: 0.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: 0.5em 0.75em 0; +} +.threadpage .reply, +.threadpage .deleted { + padding: 0.5em 0.5em 0; +} +.name em { + background: #fff; + color: #00f; +} +.q, +.deleted, +.abbrev { + color: #5cf; +} +.deleted { + margin-bottom: 0.5em; +} +#size { + margin-left: 0.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: 0.5em; +} +.mainpage .threadlinks { + margin-top: 0.75em; +} +.threadpage .threadlinks { + margin-top: 0; +} +.threadpage .postform { + border-color: #fff; + border-style: double; + border-width: 1px 4px 4px; + padding: 0.5em; +} +.formpad { + padding-left: 0; +} +.mainpage .postform { + border-top: 1px solid #fff; + padding: 0.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: 0.5em; + } + #thread_nav { + margin: -8px 0px 8px; + } +} |