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; +  } +} | 
