diff options
Diffstat (limited to 'static/css/txt/amber.css')
| -rw-r--r-- | static/css/txt/amber.css | 241 |
1 files changed, 197 insertions, 44 deletions
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css index 4752fe8..7c57816 100644 --- a/static/css/txt/amber.css +++ b/static/css/txt/amber.css @@ -1,44 +1,197 @@ -body{background:#000;text-shadow:1px 1px #000,0 0 10px} -body,a,h2 a,h3,#n2{color:#f9690e} -a:active,#n2:active{color:#FF9F3F} -h4{background:#f9690e;color:#000;padding:0 7px;text-shadow:none} -.threadpage h4{padding:0 3px} -h4 a,.name,.name a{color:#000} -h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}} -h2,.thread .threadnav{margin:7px} -h3{margin:8px 0} -h3 span,#size,.abbrev{color:#f00} -hr{background:#f9690e;border:0;height:1px;box-shadow:0 0 10px #f9690e} -.spoil{background:#f9690e;color:#f9690e;text-shadow:none}.spoil:hover{color:#000} -input,button{font-family:monospace} -input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000} -input[type="text"]:focus,textarea:focus,select:focus{background:#3a1903} -input[type=submit]:active,input[type=button]:active,button:active{background:#f9690e;border-style:solid;color:#000} -#main_nav{background:#000;box-shadow:0 0 10px} -.outerbox,.innerbox{border:1px solid #f9690e} -#threadlist{border:3px double #f9690e} -#threadlist a{border-right:1px solid #f9690e;border-bottom:1px solid #f9690e} -.mainpage .thread,.thread .innerbox{border:1px solid #f9690e} -.thread .innerbox,.threadpage,#q-p{background:#000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=')} -.thread .innerbox{padding:0} -.name em{color:#ff0} -.q{color:#d4b300} -.deleted{background:none;border-color:#f9690e;border-style:solid;border-width:1px 0;color:inherit} -.yt{background:#000;border:1px solid #f9690e} -.mainpage .postform{border-top:1px solid #f9690e;padding:1em 0 1em 40px} -.formpad{padding:0} -form .msg{border:1px dotted #f9690e;background:#000;color:#f9690e} -#q-p{border:1px solid #000;padding:0} -#q-p .reply{border:3px double #f9690e;margin:0;padding-bottom:1em} -#q-p .reply h4{padding:0 1px} -#footer a{color:#f9690e} -#content{border:3px double #f9690e} -#content.list #header{background:#451d04} -#content.list .row:nth-child(odd){background:#251002} -#content.grid{border:1px solid #f9690e} -#content.grid .row{border:1px solid #f9690e} -#content.grid .row:hover{background:#251002;border-color:#f9690e} -@media(max-width:720px){ - div.msg{margin:.5em .5em 0} - .mainpage .postform{padding:.5em} -}
\ No newline at end of file +body { + background: #000; + text-shadow: 1px 1px #000, 0 0 10px; +} +body, +a, +h2 a, +h3, +#n2 { + color: #f9690e; +} +a:active, +#n2:active { + color: #ff9f3f; +} +h4 { + background: #f9690e; + color: #000; + padding: 0 7px; + text-shadow: none; +} +.threadpage h4 { + padding: 0 3px; +} +h4 a, +.name, +.name a { + color: #000; +} +h1:after, +h2 a:after, +h3:after { + content: "_"; + animation: blink 1s infinite; +} +@keyframes blink { + from, + to { + opacity: 0; + } + 50% { + opacity: 1; + } +} +h2, +.thread .threadnav { + margin: 7px; +} +h3 { + margin: 8px 0; +} +h3 span, +#size, +.abbrev { + color: #f00; +} +hr { + background: #f9690e; + border: 0; + height: 1px; + box-shadow: 0 0 10px #f9690e; +} +.spoil { + background: #f9690e; + color: #f9690e; + text-shadow: none; +} +.spoil:hover { + color: #000; +} +input, +button { + font-family: monospace; +} +input, +input[type="submit"], +input[type="button"], +input[type="text"], +textarea, +button, +select { + background: #000; + border: 1px solid #f9690e; + color: #f9690e; + text-shadow: 1px 1px #000; +} +input[type="text"]:focus, +textarea:focus, +select:focus { + background: #3a1903; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #f9690e; + border-style: solid; + color: #000; +} +#main_nav { + background: #000; + box-shadow: 0 0 10px; +} +.outerbox, +.innerbox { + border: 1px solid #f9690e; +} +#threadlist { + border: 3px double #f9690e; +} +#threadlist a { + border-right: 1px solid #f9690e; + border-bottom: 1px solid #f9690e; +} +.mainpage .thread, +.thread .innerbox { + border: 1px solid #f9690e; +} +.thread .innerbox, +.threadpage, +#q-p { + background: #000 + url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII="); +} +.thread .innerbox { + padding: 0; +} +.name em { + color: #ff0; +} +.q { + color: #d4b300; +} +.deleted { + background: none; + border-color: #f9690e; + border-style: solid; + border-width: 1px 0; + color: inherit; +} +.yt { + background: #000; + border: 1px solid #f9690e; +} +.mainpage .postform { + border-top: 1px solid #f9690e; + padding: 1em 0 1em 40px; +} +.formpad { + padding: 0; +} +form .msg { + border: 1px dotted #f9690e; + background: #000; + color: #f9690e; +} +#q-p { + border: 1px solid #000; + padding: 0; +} +#q-p .reply { + border: 3px double #f9690e; + margin: 0; + padding-bottom: 1em; +} +#q-p .reply h4 { + padding: 0 1px; +} +#footer a { + color: #f9690e; +} +#content { + border: 3px double #f9690e; +} +#content.list #header { + background: #451d04; +} +#content.list .row:nth-child(odd) { + background: #251002; +} +#content.grid { + border: 1px solid #f9690e; +} +#content.grid .row { + border: 1px solid #f9690e; +} +#content.grid .row:hover { + background: #251002; + border-color: #f9690e; +} +@media (max-width: 720px) { + div.msg { + margin: 0.5em 0.5em 0; + } + .mainpage .postform { + padding: 0.5em; + } +} |