From 3600b2d2fc91b8a15237cff0f27a2ac423ea6c58 Mon Sep 17 00:00:00 2001 From: Renard Date: Sun, 29 Mar 2020 18:46:20 -0300 Subject: Prettier para CSS --- static/css/buri.css | 115 ++++-- static/css/cyber.css | 219 +++++++++-- static/css/dickgirl.css | 110 ++++-- static/css/easymodo.css | 121 ++++-- static/css/fennec.css | 105 ++++-- static/css/futaba.css | 108 ++++-- static/css/guro.css | 124 +++++-- static/css/ib.css | 427 +++++++++++++++++---- static/css/kraut.css | 129 +++++-- static/css/mobile.css | 726 +++++++++++++++++++++++++++++------- static/css/night.css | 106 ++++-- static/css/photon.css | 115 ++++-- static/css/putaba.css | 245 ++++++++++--- static/css/red.css | 101 +++-- static/css/rene.css | 110 ++++-- static/css/spc/base.css | 733 ++++++++++++++++++++++++++----------- static/css/spc/halloween.css | 248 ++++++++++--- static/css/spc/layout.css | 28 +- static/css/spc/material.css | 453 +++++++++++++++++++---- static/css/spc/material_normal.css | 493 ++++++++++++++++++++----- static/css/spc/navidad.css | 180 ++++----- static/css/spc/skeleton.css | 588 ++++++++++++++++++----------- static/css/spc/valentin.css | 192 +++++----- static/css/spc/valentin2.css | 194 +++++----- static/css/txt/4am.css | 218 ++++++++--- static/css/txt/amber.css | 241 +++++++++--- static/css/txt/ayashii.css | 257 ++++++++++--- static/css/txt/baisano.css | 206 ++++++++--- static/css/txt/bbs.css | 535 ++++++++++++++++++++++----- static/css/txt/bios.css | 314 +++++++++++++--- static/css/txt/blue moon.css | 336 +++++++++++++---- static/css/txt/ciber.css | 311 +++++++++++++--- static/css/txt/cuteanarchy.css | 222 +++++------ static/css/txt/futanari.css | 247 ++++++++++--- static/css/txt/gamer.css | 272 +++++++++++--- static/css/txt/headline.css | 223 ++++++++--- static/css/txt/postal.css | 278 +++++++++++--- static/css/txt/sjis.css | 8 +- static/css/txt/ventanas.css | 308 +++++++++++++--- static/css/vndb.css | 159 ++++++-- 40 files changed, 7803 insertions(+), 2302 deletions(-) diff --git a/static/css/buri.css b/static/css/buri.css index 44169fe..032a07f 100644 --- a/static/css/buri.css +++ b/static/css/buri.css @@ -1,23 +1,92 @@ -html,body{background:#EEF2FF;color:#000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif} -a,a .name,a .name b,.nav label:hover{color:#34345C} -a.rep{color:#000;text-decoration:underline} -a:visited{color:#34345C} -a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#DD0000} -.replymode,.extramode{color:#FFF} -.replymode{background:#0010E0} -.extramode{background:#0040E0} -.postblock{background:#9988EE;color:#000} -.q{color:#789922} -.fs{text-decoration:none} -.subj{color:#0F0C5D;font-weight:bold} -.name{color:#228854} -.name b{color:#117743} -.reply,#q-p{background:#D6DAF0;color:#000} -.omitted,.abbrev{color:#707070} -.highlight{background:#c1c6e2;outline:1px dashed #0F0C5D} -.managertable td{background:#9AD2F6;color:#000} -.managertable th{background:#0F8FE1;color:#000} -#catalog .thread:hover{background:#D6DAF0;box-shadow:0 0 5px 5px #D6DAF0} -#catalog .replies{color:#555555;font-weight:bold} -.yt{background:#E3E6F5;border:1px solid #C1C6E7} -.quoted{border-color:#EEF2FF;color:#707070} \ No newline at end of file +html, +body { + background: #eef2ff; + color: #000; + font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +a, +a .name, +a .name b, +.nav label:hover { + color: #34345c; +} +a.rep { + color: #000; + text-decoration: underline; +} +a:visited { + color: #34345c; +} +a:hover, +a:hover .name, +a:hover .name b, +.nav label:hover { + color: #dd0000; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #0010e0; +} +.extramode { + background: #0040e0; +} +.postblock { + background: #9988ee; + color: #000; +} +.q { + color: #789922; +} +.fs { + text-decoration: none; +} +.subj { + color: #0f0c5d; + font-weight: bold; +} +.name { + color: #228854; +} +.name b { + color: #117743; +} +.reply, +#q-p { + background: #d6daf0; + color: #000; +} +.omitted, +.abbrev { + color: #707070; +} +.highlight { + background: #c1c6e2; + outline: 1px dashed #0f0c5d; +} +.managertable td { + background: #9ad2f6; + color: #000; +} +.managertable th { + background: #0f8fe1; + color: #000; +} +#catalog .thread:hover { + background: #d6daf0; + box-shadow: 0 0 5px 5px #d6daf0; +} +#catalog .replies { + color: #555555; + font-weight: bold; +} +.yt { + background: #e3e6f5; + border: 1px solid #c1c6e7; +} +.quoted { + border-color: #eef2ff; + color: #707070; +} diff --git a/static/css/cyber.css b/static/css/cyber.css index d440e77..5039610 100644 --- a/static/css/cyber.css +++ b/static/css/cyber.css @@ -1,39 +1,180 @@ -html,body{background:#000 url('img/cyb.png');color:#61CE3C;font-family:monospace} -a,a .name,a .name b,.nav label{color:#C80B63} -.reflink a,.rep,.hsbn,#main_nav a{color:#FFF} -a:hover,a:hover .name,a:hover .name b,.nav label:hover,#main_nav a:hover{color:#F00} -.reflink a:hover{text-decoration:underline} -hr{display:none} -.thread hr{border:0;border-top:1px solid #61CE3C;display:block} -input,input[type="text"],input[type="password"],textarea{background:#1A1A1A;border:0;color:#61CE3C} -input[type="submit"]{border:1px outset #999} -input[type="submit"]:active{border-style:inset} -#main_nav{background:#1A1A1A;border-bottom:double 3px #989898;color:#989898;margin:-10px -10px 0;padding:10px} -.logo{color:#C00} -.replymode,.extramode{color:#FFF;text-shadow:1px 1px #000} -.replymode{background:#C00;box-shadow:5px 5px #989898;margin-bottom:1em} -.extramode{background:#001eff;} -.postform,.oekform{background:#2b2b2b;border:1px solid #989898;box-shadow:5px 5px #989898;padding:1px} -.postblock{background:#2e8b57;color:#FFF} -.q{color:#93e0e3} -.quoted{color:#707070} -.fs,.info{color:#989898;text-decoration:none} -.subj{color:#7b68ee;font-weight:bold} -.name{color:#FBDE2D} -.name b{color:#989898} -.omitted,.abbrev{color:#428C29} -.thread{border:solid 1px #7b68ee;background:#1A1A1A;box-shadow:5px 5px #7b68ee;margin-top:1em;margin-bottom:1em;padding:5px} -.reply,#q-p{background:#2b2b2b;border:1px solid #2e8b57!important;box-shadow:5px 5px #2e8b57} -.thread table{margin:0;margin-bottom:10px;margin-right:10px} -.thumb{border:1px solid #4D4D4D;box-shadow:3px 3px #4D4D4D;margin-bottom:5px} -.highlight{border-color:#93e0e3!important;box-shadow:5px 5px #93e0e3} -.pg,.userdelete,.nav{background:#2b2b2b;border:1px solid #2e8b57;box-shadow:5px 5px #2e8b57;color:#89A} -.nav{padding:4px} -#adminmenu table{margin-bottom:10px} -.managertable td{background:#2B2B2B;color:#FFF} -.managertable th{background:#1A1A1A;color:#FFF} -#catalog .thread{border:1px solid #61CE3C;border-radius:0;box-shadow:none} -#catalog .thread:hover{background:#383838} -#catalog .replies{color:#428C29;font-weight:bold} -.yt{background:#222;border:1px solid;box-shadow:2px 2px} -.quoted{border-color:#2e8b57;color:#989898} \ No newline at end of file +html, +body { + background: #000 url("img/cyb.png"); + color: #61ce3c; + font-family: monospace; +} +a, +a .name, +a .name b, +.nav label { + color: #c80b63; +} +.reflink a, +.rep, +.hsbn, +#main_nav a { + color: #fff; +} +a:hover, +a:hover .name, +a:hover .name b, +.nav label:hover, +#main_nav a:hover { + color: #f00; +} +.reflink a:hover { + text-decoration: underline; +} +hr { + display: none; +} +.thread hr { + border: 0; + border-top: 1px solid #61ce3c; + display: block; +} +input, +input[type="text"], +input[type="password"], +textarea { + background: #1a1a1a; + border: 0; + color: #61ce3c; +} +input[type="submit"] { + border: 1px outset #999; +} +input[type="submit"]:active { + border-style: inset; +} +#main_nav { + background: #1a1a1a; + border-bottom: double 3px #989898; + color: #989898; + margin: -10px -10px 0; + padding: 10px; +} +.logo { + color: #c00; +} +.replymode, +.extramode { + color: #fff; + text-shadow: 1px 1px #000; +} +.replymode { + background: #c00; + box-shadow: 5px 5px #989898; + margin-bottom: 1em; +} +.extramode { + background: #001eff; +} +.postform, +.oekform { + background: #2b2b2b; + border: 1px solid #989898; + box-shadow: 5px 5px #989898; + padding: 1px; +} +.postblock { + background: #2e8b57; + color: #fff; +} +.q { + color: #93e0e3; +} +.quoted { + color: #707070; +} +.fs, +.info { + color: #989898; + text-decoration: none; +} +.subj { + color: #7b68ee; + font-weight: bold; +} +.name { + color: #fbde2d; +} +.name b { + color: #989898; +} +.omitted, +.abbrev { + color: #428c29; +} +.thread { + border: solid 1px #7b68ee; + background: #1a1a1a; + box-shadow: 5px 5px #7b68ee; + margin-top: 1em; + margin-bottom: 1em; + padding: 5px; +} +.reply, +#q-p { + background: #2b2b2b; + border: 1px solid #2e8b57 !important; + box-shadow: 5px 5px #2e8b57; +} +.thread table { + margin: 0; + margin-bottom: 10px; + margin-right: 10px; +} +.thumb { + border: 1px solid #4d4d4d; + box-shadow: 3px 3px #4d4d4d; + margin-bottom: 5px; +} +.highlight { + border-color: #93e0e3 !important; + box-shadow: 5px 5px #93e0e3; +} +.pg, +.userdelete, +.nav { + background: #2b2b2b; + border: 1px solid #2e8b57; + box-shadow: 5px 5px #2e8b57; + color: #89a; +} +.nav { + padding: 4px; +} +#adminmenu table { + margin-bottom: 10px; +} +.managertable td { + background: #2b2b2b; + color: #fff; +} +.managertable th { + background: #1a1a1a; + color: #fff; +} +#catalog .thread { + border: 1px solid #61ce3c; + border-radius: 0; + box-shadow: none; +} +#catalog .thread:hover { + background: #383838; +} +#catalog .replies { + color: #428c29; + font-weight: bold; +} +.yt { + background: #222; + border: 1px solid; + box-shadow: 2px 2px; +} +.quoted { + border-color: #2e8b57; + color: #989898; +} diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css index d2f4260..0b991db 100644 --- a/static/css/dickgirl.css +++ b/static/css/dickgirl.css @@ -1,23 +1,87 @@ -html,body{background:#1B3345;color:#FFF;font-family:initial} -a,a .name,.nav label{color:#EFD279} -a.rep{color:#FFF} -a:hover,a:hover .name,.nav label:hover{color:#D00} -.logo{color:#CCFFCC} -.replymode,.extramode{color:#FFF} -.replymode{background:#1D7548} -.extramode{background:#0040E0} -.postblock{background:#95CBE9;color:#2C5700} -.q{color:#BDF46C} -.fs{text-decoration:none} -.subj{color:#DE9D7F;font-weight:bold} -.name{color:#AFD775} -.omitted{color:#909090} -.reply,#q-p{background:#3B6B94;color:#fff} -.abbrev{color:#BBB} -.highlight{background:#5B8BB4;outline:1px dashed #AFD775} -.managertable td{background:#3B6B94;color:#FFF} -.managertable th{background:#AAF;color:#FFF} -#catalog .thread:hover{background:#3B6B94;box-shadow:0 0 5px 5px #3B6B94} -#catalog .replies{color:#AAA;font-weight:bold} -.yt{background:#2F587A;border:1px solid #1B2933} -.quoted{border-color:#1B3345} \ No newline at end of file +html, +body { + background: #1b3345; + color: #fff; + font-family: initial; +} +a, +a .name, +.nav label { + color: #efd279; +} +a.rep { + color: #fff; +} +a:hover, +a:hover .name, +.nav label:hover { + color: #d00; +} +.logo { + color: #ccffcc; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #1d7548; +} +.extramode { + background: #0040e0; +} +.postblock { + background: #95cbe9; + color: #2c5700; +} +.q { + color: #bdf46c; +} +.fs { + text-decoration: none; +} +.subj { + color: #de9d7f; + font-weight: bold; +} +.name { + color: #afd775; +} +.omitted { + color: #909090; +} +.reply, +#q-p { + background: #3b6b94; + color: #fff; +} +.abbrev { + color: #bbb; +} +.highlight { + background: #5b8bb4; + outline: 1px dashed #afd775; +} +.managertable td { + background: #3b6b94; + color: #fff; +} +.managertable th { + background: #aaf; + color: #fff; +} +#catalog .thread:hover { + background: #3b6b94; + box-shadow: 0 0 5px 5px #3b6b94; +} +#catalog .replies { + color: #aaa; + font-weight: bold; +} +.yt { + background: #2f587a; + border: 1px solid #1b2933; +} +.quoted { + border-color: #1b3345; +} diff --git a/static/css/easymodo.css b/static/css/easymodo.css index eaa88a8..d874fd2 100644 --- a/static/css/easymodo.css +++ b/static/css/easymodo.css @@ -1,25 +1,96 @@ -html,body{background:#EEFFF2;color:#000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif} -.rep{color:#000} -a,a .name,a .name b,.nav label{color:#34345c} -a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#D00} -.reflink a:hover{text-decoration:underline} -.replymode,.extramode{color:#FFF} -.replymode{background:#E04000} -.extramode{background:#0040E0} -.postform,.oekform{background:#cce1cf;border:1px solid #CCE1CF;padding:1px} -.postblock{background:#98c1a9} -.q{color:#789922} -.quoted{color:#707070} -.fs{text-decoration:none} -.subj{color:#0f0c5d;font-weight:bold} -.name{color:#228854} -.name b{color:#117743} -.omitted,.abbrev{color:#707070} -.reply,#q-p,.pg{background:#d6f0da} -.highlight{background:#d6bad0} -.managertable td{background:#cce1cf} -.managertable th{background:#b8caba} -#catalog .thread:hover{background:#d6f0da;box-shadow:0 0 5px 5px #d6f0da} -#catalog .replies{color:#707070;font-weight:bold} -.yt{background:#c2d6c5;border:1px solid #7a877c;color:#000} -.quoted{border-color:#EEFFF2} \ No newline at end of file +html, +body { + background: #eefff2; + color: #000; + font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +.rep { + color: #000; +} +a, +a .name, +a .name b, +.nav label { + color: #34345c; +} +a:hover, +a:hover .name, +a:hover .name b, +.nav label:hover { + color: #d00; +} +.reflink a:hover { + text-decoration: underline; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #e04000; +} +.extramode { + background: #0040e0; +} +.postform, +.oekform { + background: #cce1cf; + border: 1px solid #cce1cf; + padding: 1px; +} +.postblock { + background: #98c1a9; +} +.q { + color: #789922; +} +.quoted { + color: #707070; +} +.fs { + text-decoration: none; +} +.subj { + color: #0f0c5d; + font-weight: bold; +} +.name { + color: #228854; +} +.name b { + color: #117743; +} +.omitted, +.abbrev { + color: #707070; +} +.reply, +#q-p, +.pg { + background: #d6f0da; +} +.highlight { + background: #d6bad0; +} +.managertable td { + background: #cce1cf; +} +.managertable th { + background: #b8caba; +} +#catalog .thread:hover { + background: #d6f0da; + box-shadow: 0 0 5px 5px #d6f0da; +} +#catalog .replies { + color: #707070; + font-weight: bold; +} +.yt { + background: #c2d6c5; + border: 1px solid #7a877c; + color: #000; +} +.quoted { + border-color: #eefff2; +} diff --git a/static/css/fennec.css b/static/css/fennec.css index 97f90e6..39bbb3a 100644 --- a/static/css/fennec.css +++ b/static/css/fennec.css @@ -1,21 +1,84 @@ -html,body{background:#fde89d;color:#301000} -.rep{color:#301000} -a,a .name,.nav label{color:#ec4b55} -a:hover,a:hover .name,.nav label:hover{color:#b30a09} -hr{border:0;border-bottom:1px solid #edd88d} -.replymode,.extramode{background:#dc9856;color:#fff} -.postblock{background:#fec;border:1px solid #edd88d} -.q{color:#ec4953} -.fs{text-decoration:none} -.subj{color:#900100;font-weight:bold} -.name{color:#b30a09} -.reply,#q-p{background:#edd88d} -.omitted,.abbrev{color:#a2938c} -.highlight{background:#f4a960;outline:1px dashed #b30a09} -.managertable td{background:#edd88d} -.managertable th{background:#fec;border:1px solid #edd88d} -#catalog .thread:hover{background:#edd88d;box-shadow:0 0 5px 5px #edd88d} -#catalog .replies{color:#909090;font-weight:bold} -.yt{background:#fec;border:1px solid #ec4b55} -.quoted{border-color:#fde89d;color:#988880} -.pg,.pg span{background:#fec;border:1px solid #b30a09} \ No newline at end of file +html, +body { + background: #fde89d; + color: #301000; +} +.rep { + color: #301000; +} +a, +a .name, +.nav label { + color: #ec4b55; +} +a:hover, +a:hover .name, +.nav label:hover { + color: #b30a09; +} +hr { + border: 0; + border-bottom: 1px solid #edd88d; +} +.replymode, +.extramode { + background: #dc9856; + color: #fff; +} +.postblock { + background: #fec; + border: 1px solid #edd88d; +} +.q { + color: #ec4953; +} +.fs { + text-decoration: none; +} +.subj { + color: #900100; + font-weight: bold; +} +.name { + color: #b30a09; +} +.reply, +#q-p { + background: #edd88d; +} +.omitted, +.abbrev { + color: #a2938c; +} +.highlight { + background: #f4a960; + outline: 1px dashed #b30a09; +} +.managertable td { + background: #edd88d; +} +.managertable th { + background: #fec; + border: 1px solid #edd88d; +} +#catalog .thread:hover { + background: #edd88d; + box-shadow: 0 0 5px 5px #edd88d; +} +#catalog .replies { + color: #909090; + font-weight: bold; +} +.yt { + background: #fec; + border: 1px solid #ec4b55; +} +.quoted { + border-color: #fde89d; + color: #988880; +} +.pg, +.pg span { + background: #fec; + border: 1px solid #b30a09; +} diff --git a/static/css/futaba.css b/static/css/futaba.css index 7ba229b..1588cd1 100644 --- a/static/css/futaba.css +++ b/static/css/futaba.css @@ -1,22 +1,86 @@ -html,body{background:#FFE;color:#800000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif} -a,a .name,a .name b,.nav label{color:#0000EE} -a.rep{color:#800000;text-decoration:underline} -a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#D00} -.replymode,.extramode{color:#FFF} -.replymode{background:#E04000} -.extramode{background:#0040E0} -.postblock{background:#EEAA88} -.q{color:#789922} -.subj{color:#CC1105;font-weight:bold} -.name{color:#228854} -.name b{color:#117743} -.omitted{color:#707070} -.reply,#q-p{background:#F0E0D6} -.abbrev{color:#707070} -.highlight{background:#F0C0B0;outline:1px dashed #EA8} -.managertable td{background:#EEEECC;color:#800000} -.managertable th{background:#AAAA66;color:#400000} -#catalog .thread:hover{background:#F0E0D6;box-shadow:0 0 5px 5px #F0E0D6} -#catalog .replies{color:#909090;font-weight:bold} -.yt{background:#F2E5DD;border:1px solid #E7CFC1;color:#500000} -.quoted{border-color:#FFE} \ No newline at end of file +html, +body { + background: #ffe; + color: #800000; + font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +a, +a .name, +a .name b, +.nav label { + color: #0000ee; +} +a.rep { + color: #800000; + text-decoration: underline; +} +a:hover, +a:hover .name, +a:hover .name b, +.nav label:hover { + color: #d00; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #e04000; +} +.extramode { + background: #0040e0; +} +.postblock { + background: #eeaa88; +} +.q { + color: #789922; +} +.subj { + color: #cc1105; + font-weight: bold; +} +.name { + color: #228854; +} +.name b { + color: #117743; +} +.omitted { + color: #707070; +} +.reply, +#q-p { + background: #f0e0d6; +} +.abbrev { + color: #707070; +} +.highlight { + background: #f0c0b0; + outline: 1px dashed #ea8; +} +.managertable td { + background: #eeeecc; + color: #800000; +} +.managertable th { + background: #aaaa66; + color: #400000; +} +#catalog .thread:hover { + background: #f0e0d6; + box-shadow: 0 0 5px 5px #f0e0d6; +} +#catalog .replies { + color: #909090; + font-weight: bold; +} +.yt { + background: #f2e5dd; + border: 1px solid #e7cfc1; + color: #500000; +} +.quoted { + border-color: #ffe; +} diff --git a/static/css/guro.css b/static/css/guro.css index c938675..6c00cc7 100644 --- a/static/css/guro.css +++ b/static/css/guro.css @@ -1,24 +1,100 @@ -html,body{background:#eddad2;color:#000;font-family:arial,helvetica,"nimbus sans l",sans-serif} -.rep{color:#000} -a,a .name,a .name b,.nav label{color:#af0a0f} -a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#d00} -.logo{color:#af0a0f} -.replymode,.extramode{background:#57463f;color:#fff} -.postblock,.reply{background:#d9af9e;border:1px solid #ca927b} -input,input[type="text"],input[type="password"],textarea{background:#e6cbc0;border:1px solid #ca927b} -input[type="submit"],input[type="button"]{border-style:outset;padding:3px 10px} -input[type="submit"]:active,input[type="button"]:active{border-style:inset} -.q{color:#707070} -.subj{color:#0f0c5d;font-weight:bold} -.name{color:#117743} -.name b{color:#228854} -.omitted,.abbrev{color:#444} -#q-p{background:#d9af9e;border:0} -.highlight{background:#5b5f69} -.managertable td{background:#e6cbc0} -.managertable th{background:#d9af9e} -hr{border:none;border-top:1px solid #d9af9e;height:0} -#catalog .thread:hover{background:#d9af9e;box-shadow:0 0 5px 5px #d9af9e} -#catalog .replies{color:#555;font-weight:bold} -.yt{background:#c39e8e;border:1px solid #8d6656} -.quoted{border-color:#ca927b} \ No newline at end of file +html, +body { + background: #eddad2; + color: #000; + font-family: arial, helvetica, "nimbus sans l", sans-serif; +} +.rep { + color: #000; +} +a, +a .name, +a .name b, +.nav label { + color: #af0a0f; +} +a:hover, +a:hover .name, +a:hover .name b, +.nav label:hover { + color: #d00; +} +.logo { + color: #af0a0f; +} +.replymode, +.extramode { + background: #57463f; + color: #fff; +} +.postblock, +.reply { + background: #d9af9e; + border: 1px solid #ca927b; +} +input, +input[type="text"], +input[type="password"], +textarea { + background: #e6cbc0; + border: 1px solid #ca927b; +} +input[type="submit"], +input[type="button"] { + border-style: outset; + padding: 3px 10px; +} +input[type="submit"]:active, +input[type="button"]:active { + border-style: inset; +} +.q { + color: #707070; +} +.subj { + color: #0f0c5d; + font-weight: bold; +} +.name { + color: #117743; +} +.name b { + color: #228854; +} +.omitted, +.abbrev { + color: #444; +} +#q-p { + background: #d9af9e; + border: 0; +} +.highlight { + background: #5b5f69; +} +.managertable td { + background: #e6cbc0; +} +.managertable th { + background: #d9af9e; +} +hr { + border: none; + border-top: 1px solid #d9af9e; + height: 0; +} +#catalog .thread:hover { + background: #d9af9e; + box-shadow: 0 0 5px 5px #d9af9e; +} +#catalog .replies { + color: #555; + font-weight: bold; +} +.yt { + background: #c39e8e; + border: 1px solid #8d6656; +} +.quoted { + border-color: #ca927b; +} diff --git a/static/css/ib.css b/static/css/ib.css index 23a5cd1..16a4ba5 100644 --- a/static/css/ib.css +++ b/static/css/ib.css @@ -1,78 +1,349 @@ -*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word} -html,body{font-family:arial,helvetica,"nimbus sans l",sans-serif} -html{margin:0;padding:0} -body{margin:0;padding:8px;font-size:16px} -blockquote{line-height:20px} -.spoil{background:#000;color:#000}.spoil:hover{color:#fff} -.postarea table{margin:0 auto;text-align:left} -#main_nav{font-size:14px;line-height:1.3em;margin-bottom:.5em;text-align:center} -#main_nav span{display:inline-block} -#main_nav #sel,#main_nav .cur_brd{font-weight:bold} -select{background:#FFF;border:1px inset #DDD;color:#000;font-size:85%;padding:1px} -.logo{font-size:160%;font-weight:bold;margin:8px 0;text-align:center} -input[type="text"],input[type="password"],textarea{background:#FFF;border:1px inset gray;padding:3px} -.postform input{max-width:250px} -.postform input[name="subject"]{max-width:300px} -.postform textarea{width:400px;height:125px} -.postblock{font-weight:bold;padding:3px} -.oekform{display:inline-block;margin-bottom:.5em} -.rules{width:468px;font-size:13px} -.rules ul{margin:4px 0 0;padding:0} -.rules li{margin-left:1em} -.thread{margin-right:170px} -.thread table{border-collapse:collapse;margin:4px 0} -.reply .info{padding-right:50px} -.hsbn{font-size:120%} -.thumb{border:none;float:left;margin:0 20px} -.ell{font-family:Mona,IPAMonaPGothic,Monapo,'MS PGothic',YOzFontAA97;vertical-align:top;width:20px} -.deleted{color:#777} -.reflink a{color:inherit;text-decoration:none} -.reply .fs,#q-p .fs{margin-left:20px} -.pg{border:1px solid;border-spacing:2px;display:table} -.pg span{border:1px inset;display:table-cell} -.pg span input{padding:.4em 1em} -.replymode,.extramode{font-weight:bold;text-align:center;padding:2px;margin:3px 0} -.name em{color:#009;font-style:normal} -.quoted{border-top:1px solid;clear:both;font-size:12px;line-height:1;margin:0 -1px;padding:4px} -.thumbpreview{display:inline-block;max-height:50px;height:auto;max-width:75px;width:auto;vertical-align:middle} -#catalog{text-align:center} -#cat_search{border:1px inset gray;padding:0;width:125px} -#catalog .thread{border-radius:4px;display:inline-block;font-size:14px;margin:5px;overflow:hidden;padding:2px;position:relative;vertical-align:top;max-height:275px;width:175px} -#catalog.enlarged .thread{margin:10px 5px;max-height:375px;width:275px} -#catalog .thread a img{border-radius:3px;margin-bottom:2px} -#catalog.enlarged .thread a img{min-width:150px;min-height:150px;max-width:250px;max-height:250px} -#catalog .subj{font-size:16px} -#catalog p{margin:0} -.yt{font-size:12px;display:inline-block;line-height:13px;margin:2px 0;padding:5px;text-decoration:none} -.yt b{font-size:14px} -.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px} -.yt .pvw img{margin-top:-15px;margin-left:-10px} -.cut{clear:both} -.nav label{text-decoration:underline} -.userdel{float:right;text-align:center;white-space:nowrap} -.footer{clear:both;margin-top:8px;text-align:center} -.managertable th,.managertable td{padding:3px} -.managertable .recentPostHeader{display: block;font-size: 0.9em;padding-bottom: 0.25em;opacity: 65%;} -.managertable .message{display: block;font-family: Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97;font-size: 14px;} -.managertable .actions{display: block;margin-top: 0.5em;font-size: 0.75em;} -#q-p{position:absolute;border:1px dotted gray} -.selector{font-size: 10pt} -@media(max-width:900px){.thread{margin-right:0}} -@media(max-width:720px){ - body{font-size:15px;padding:4px} - #main_nav.mob{font-size:12px} - .postblock{font-size:14px;white-space:nowrap} - .pass,.ell,.thumbmsg{display:none} - .thread table,#postform input[type="text"],#postform input[type="submit"],#postform textarea,#postform input[type="file"],.rules{max-width:100%;width:100%} - .fs .tt,.omitted{font-size:14px} - .info{font-size:12px} - .reply .info{padding-right:0} - .fs,.rules{font-size:12px} - .fs span{display:none} - .reply .fs{margin-left:4px} - .thumb{margin:0 8px 0 4px;max-width:100px;max-height:100px;width:auto;height:auto} - blockquote{margin:8px!important} - .userdel{float:none} - .pg{margin-top:0.5em;text-align:center;width:100%} - .pg span,.pg input{display:block;width:100%} -} \ No newline at end of file +* { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + word-wrap: break-word; +} +html, +body { + font-family: arial, helvetica, "nimbus sans l", sans-serif; +} +html { + margin: 0; + padding: 0; +} +body { + margin: 0; + padding: 8px; + font-size: 16px; +} +blockquote { + line-height: 20px; +} +.spoil { + background: #000; + color: #000; +} +.spoil:hover { + color: #fff; +} +.postarea table { + margin: 0 auto; + text-align: left; +} +#main_nav { + font-size: 14px; + line-height: 1.3em; + margin-bottom: 0.5em; + text-align: center; +} +#main_nav span { + display: inline-block; +} +#main_nav #sel, +#main_nav .cur_brd { + font-weight: bold; +} +select { + background: #fff; + border: 1px inset #ddd; + color: #000; + font-size: 85%; + padding: 1px; +} +.logo { + font-size: 160%; + font-weight: bold; + margin: 8px 0; + text-align: center; +} +input[type="text"], +input[type="password"], +textarea { + background: #fff; + border: 1px inset gray; + padding: 3px; +} +.postform input { + max-width: 250px; +} +.postform input[name="subject"] { + max-width: 300px; +} +.postform textarea { + width: 400px; + height: 125px; +} +.postblock { + font-weight: bold; + padding: 3px; +} +.oekform { + display: inline-block; + margin-bottom: 0.5em; +} +.rules { + width: 468px; + font-size: 13px; +} +.rules ul { + margin: 4px 0 0; + padding: 0; +} +.rules li { + margin-left: 1em; +} +.thread { + margin-right: 170px; +} +.thread table { + border-collapse: collapse; + margin: 4px 0; +} +.reply .info { + padding-right: 50px; +} +.hsbn { + font-size: 120%; +} +.thumb { + border: none; + float: left; + margin: 0 20px; +} +.ell { + font-family: Mona, IPAMonaPGothic, Monapo, "MS PGothic", YOzFontAA97; + vertical-align: top; + width: 20px; +} +.deleted { + color: #777; +} +.reflink a { + color: inherit; + text-decoration: none; +} +.reply .fs, +#q-p .fs { + margin-left: 20px; +} +.pg { + border: 1px solid; + border-spacing: 2px; + display: table; +} +.pg span { + border: 1px inset; + display: table-cell; +} +.pg span input { + padding: 0.4em 1em; +} +.replymode, +.extramode { + font-weight: bold; + text-align: center; + padding: 2px; + margin: 3px 0; +} +.name em { + color: #009; + font-style: normal; +} +.quoted { + border-top: 1px solid; + clear: both; + font-size: 12px; + line-height: 1; + margin: 0 -1px; + padding: 4px; +} +.thumbpreview { + display: inline-block; + max-height: 50px; + height: auto; + max-width: 75px; + width: auto; + vertical-align: middle; +} +#catalog { + text-align: center; +} +#cat_search { + border: 1px inset gray; + padding: 0; + width: 125px; +} +#catalog .thread { + border-radius: 4px; + display: inline-block; + font-size: 14px; + margin: 5px; + overflow: hidden; + padding: 2px; + position: relative; + vertical-align: top; + max-height: 275px; + width: 175px; +} +#catalog.enlarged .thread { + margin: 10px 5px; + max-height: 375px; + width: 275px; +} +#catalog .thread a img { + border-radius: 3px; + margin-bottom: 2px; +} +#catalog.enlarged .thread a img { + min-width: 150px; + min-height: 150px; + max-width: 250px; + max-height: 250px; +} +#catalog .subj { + font-size: 16px; +} +#catalog p { + margin: 0; +} +.yt { + font-size: 12px; + display: inline-block; + line-height: 13px; + margin: 2px 0; + padding: 5px; + text-decoration: none; +} +.yt b { + font-size: 14px; +} +.yt .pvw { + width: 100px; + height: 60px; + overflow: hidden; + float: left; + margin-right: 5px; +} +.yt .pvw img { + margin-top: -15px; + margin-left: -10px; +} +.cut { + clear: both; +} +.nav label { + text-decoration: underline; +} +.userdel { + float: right; + text-align: center; + white-space: nowrap; +} +.footer { + clear: both; + margin-top: 8px; + text-align: center; +} +.managertable th, +.managertable td { + padding: 3px; +} +.managertable .recentPostHeader { + display: block; + font-size: 0.9em; + padding-bottom: 0.25em; + opacity: 65%; +} +.managertable .message { + display: block; + font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97; + font-size: 14px; +} +.managertable .actions { + display: block; + margin-top: 0.5em; + font-size: 0.75em; +} +#q-p { + position: absolute; + border: 1px dotted gray; +} +.selector { + font-size: 10pt; +} +@media (max-width: 900px) { + .thread { + margin-right: 0; + } +} +@media (max-width: 720px) { + body { + font-size: 15px; + padding: 4px; + } + #main_nav.mob { + font-size: 12px; + } + .postblock { + font-size: 14px; + white-space: nowrap; + } + .pass, + .ell, + .thumbmsg { + display: none; + } + .thread table, + #postform input[type="text"], + #postform input[type="submit"], + #postform textarea, + #postform input[type="file"], + .rules { + max-width: 100%; + width: 100%; + } + .fs .tt, + .omitted { + font-size: 14px; + } + .info { + font-size: 12px; + } + .reply .info { + padding-right: 0; + } + .fs, + .rules { + font-size: 12px; + } + .fs span { + display: none; + } + .reply .fs { + margin-left: 4px; + } + .thumb { + margin: 0 8px 0 4px; + max-width: 100px; + max-height: 100px; + width: auto; + height: auto; + } + blockquote { + margin: 8px !important; + } + .userdel { + float: none; + } + .pg { + margin-top: 0.5em; + text-align: center; + width: 100%; + } + .pg span, + .pg input { + display: block; + width: 100%; + } +} diff --git a/static/css/kraut.css b/static/css/kraut.css index 277b2a9..f0e0b1c 100644 --- a/static/css/kraut.css +++ b/static/css/kraut.css @@ -1,24 +1,105 @@ -html,body{background:#eee;color:#000;font-family:arial,helvetica,"nimbus sans l",sans-serif} -.rep{background:#313370;border:1px solid #6569e5;border-radius:3px;color:#bdbee4;display:inline-block;font-size:14px;font-weight:bold;padding:1px;text-decoration:none} -a,a .name,.nav label{color:#229} -a:hover,a:hover .name,.nav label:hover{color:#922} -#main_nav{background:#bbd;margin:-10px -10px 0;padding:10px} -.replymode,.extramode{background:#313370;color:#fff} -.postblock{background:#313370;color:#fff} -.q{color:#077} -.reply .fs{font-style:italic} -.fs a{font-style:normal} -.subj{color:#c33;font-weight:bold} -.name{color:#33c} -.omitted,.abbrev{color:#666} -.reply,#q-p{background:#aac} -.thumb{background:#ddd;border:1px solid #aaa} -.reply .thumb{background:#99b;border:1px solid #aaf} -#q-p{border:1px solid #003099;box-shadow:5px 5px #333} -.highlight{background:#aac;outline:2px dashed #448} -.managertable td{background:#ddd} -.managertable th{background:#313370;color:#fff} -#catalog .thread:hover{background:#aac;box-shadow:0 0 5px 5px #aac} -#catalog .replies{color:#888;font-weight:bold} -.yt{background:#99b;border:1px solid #313370;color:#000} -.quoted{border-color:#eee;color:#077} \ No newline at end of file +html, +body { + background: #eee; + color: #000; + font-family: arial, helvetica, "nimbus sans l", sans-serif; +} +.rep { + background: #313370; + border: 1px solid #6569e5; + border-radius: 3px; + color: #bdbee4; + display: inline-block; + font-size: 14px; + font-weight: bold; + padding: 1px; + text-decoration: none; +} +a, +a .name, +.nav label { + color: #229; +} +a:hover, +a:hover .name, +.nav label:hover { + color: #922; +} +#main_nav { + background: #bbd; + margin: -10px -10px 0; + padding: 10px; +} +.replymode, +.extramode { + background: #313370; + color: #fff; +} +.postblock { + background: #313370; + color: #fff; +} +.q { + color: #077; +} +.reply .fs { + font-style: italic; +} +.fs a { + font-style: normal; +} +.subj { + color: #c33; + font-weight: bold; +} +.name { + color: #33c; +} +.omitted, +.abbrev { + color: #666; +} +.reply, +#q-p { + background: #aac; +} +.thumb { + background: #ddd; + border: 1px solid #aaa; +} +.reply .thumb { + background: #99b; + border: 1px solid #aaf; +} +#q-p { + border: 1px solid #003099; + box-shadow: 5px 5px #333; +} +.highlight { + background: #aac; + outline: 2px dashed #448; +} +.managertable td { + background: #ddd; +} +.managertable th { + background: #313370; + color: #fff; +} +#catalog .thread:hover { + background: #aac; + box-shadow: 0 0 5px 5px #aac; +} +#catalog .replies { + color: #888; + font-weight: bold; +} +.yt { + background: #99b; + border: 1px solid #313370; + color: #000; +} +.quoted { + border-color: #eee; + color: #077; +} diff --git a/static/css/mobile.css b/static/css/mobile.css index 9921d3a..726abbf 100644 --- a/static/css/mobile.css +++ b/static/css/mobile.css @@ -1,129 +1,597 @@ -*{box-sizing:border-box;word-wrap:break-word} -body,input,textarea{color:#000;margin:0 auto;max-width:700px;padding:0} -body,textarea{font-family:arial,sans-serif;font-size:16px} -.txt{background:#efefef} -.img{background:#1a1d22;color:#e0e0e0} -br{line-height:0.5em} -a{text-decoration:none} -.txt a{color:#00c} -.txt a:active{color:#f00} -.img a{color:#b0ccde} -.img a:hover{color:#5c6a74} -.txt a.num{color:#222} -.img .num{color:#a3a3a3;float:right} -h1{font-size:18px} -.txt h1{margin-left:2px} -.img h1{color:#a6b8d8;margin:0 0 5px} -h1 span{font-weight:400} -h2{color:#a6b8d8;font-size:14px;margin:0;} -h3,h4{clear:both;font-size:12px;font-weight:400;line-height:1;margin:10px 0} -h3 em{font-weight:700;font-style:normal} -h4{text-align:right} -.txt h3,h4{color:#777} -.txt h3.del,.txt h3.del a.num{color:#afafaf} -.img h3{color:#a3a3a3;margin:0 0 5px} -.img h3.del{color:#606060;margin-bottom:0} -.prev h3{clear:none;margin:0} -hr{margin:.25em 0}m -.img hr{border:none;border-top:1px solid #333;height:0} -.top{background:#444;color:#fff;font-size:32px;font-weight:700;line-height:1;min-height:30px;padding:10px 2px} -.top a{color:#fff!important;float:right;font-size:14px;margin-top:-10px;padding-top:10px;text-align:center;height:50px;width:50px} -.top a img{height:18px;width:18px} -.bar{font-weight:bold;overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%} -.txt .bar{background:#ccc} -.img .bar{background:#050607} -.bar a{padding:8px;display:inline-block} -.txt .bar a{color:#000} -.img .bar a{color:#e0e0e0} -.txt .bar a.sel{background:#efefef} -.img .bar a.sel{background:#1a1d22} -.ord{overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%} -.txt .ord{border-top:1px solid #f8f8f8;border-bottom:1px solid #ddd;color:#000} -.img .ord{border-top:1px solid #444;border-bottom:1px solid #111;color:#e0e0e0} -.ord span{display:inline-block;font-weight:bold;padding:7px 10px} -.ord a{display:inline-block;padding:7px 10px} -.ord a.sel:before{content:'✓ '} -.txt .ord a{border-left:1px solid #f8f8f8;border-right:1px solid #ddd;color:#000} -.img .ord a{border-left:1px solid #444;border-right:1px solid #111;color:#e0e0e0} -.txt .ord a:hover{background:#dcdcdc} -.img .ord a:hover{background:#14161a} -.nav{text-align:center} -.list a{display:block;padding:10px 5px} -.txt .list a{border-top:1px solid #f8f8f8;border-bottom:1px solid #ddd;color:#000} -.txt .list a:hover{background:#dcdcdc;color:#000} -.img .list a{border-top:1px solid #444;border-bottom:1px solid #111;color:#e0e0e0;overflow:hidden} -.img .list a:hover{background:#14161a} -.list div{font-size:90%;font-weight:700;margin-top:3px;text-align:right} -.list div span{font-weight:400} -.list div span span{font-weight:700;color:red} -.list .info{display:block;font-size:75%;margin-top:3px} -.txt .list .info{color:#777} -.img .list .info{color:#a3a3a3} -.list .info span{float:right} -.txt .nav{border-top:1px solid #c6c7c8} -.img .nav{border-top:1px solid #333} -.nav div{display:table;width:100%} -.txt .nav div{border-bottom:1px solid #c6c7c8} -.img .nav div{border-bottom:1px solid #333} -.nav div a{display:table-cell;padding:6px 0;width:33%} -.txt .nav div a,#nav2 a{border-right:1px solid #c6c7c8;color:#000} -.img .nav div a{border-right:1px solid #333;color:#e0e0e0} -.txt .nav div a:last-child,.img .nav div a:last-child{border-right:0} -#nav2{overflow-y:auto;padding:3px;text-align:center;white-space:nowrap;width:100%} -#nav2 a{border:1px solid #c6c7c8;border-radius:5px;display:inline-block;padding:4px} -.msg{line-height:1.2em} -.msg a{border:1px solid;border-radius:10px;display:inline-block;font-size:12px;margin:2px 0;padding:4px} -.msg a[href^="/"]{border-radius:5px;font-size:inherit;padding:2px 4px} -.thm{color:grey!important;font-size:12px;float:left;line-height:12px;margin-right:5px;text-align:center} -.thm img{margin-bottom:2px} -.mnu{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);float:left;font-weight:bold;line-height:1} -.txt a.mnu{color:#777;position:relative;left:2px} -.img .mnu{color:#a3a3a3;margin-right:3px} -#mnu-list{border:1px solid #111;border-bottom:0;box-shadow:1px 1px #000;display:inline-block;position:absolute} -.txt #mnu-list{background:#E6E6E6} -.img #mnu-list{background:#2A2D37} -#mnu-list a{border-bottom:1px solid #111;color:inherit;display:block;padding:5px} -.txt #mnu-list a:hover{background:#DDD} -.img #mnu-list a:hover{background:#1E212B} -.search input{background:#fff;border-top:1px solid #f8f8f8;border-right:0;border-bottom:1px solid #ddd;border-left:0;padding:8px;width:100%} -.fld,#post,textarea{background:#fff;border:none;width:100%} -.img .fld,.img textarea{border-bottom:1px solid #1a1d22} -.txt .fld,.txt textarea{border-bottom:1px solid #efefef} -input[type="text"].fld{font-size:12px;padding:4px 0} -input[type="file"].fld{color:#000;padding:2px 0;width:100%} -input[type="text"].imp{font-size:16px;font-weight:700} -.file{display:table;width:100%}.file .fld{display:table-cell} -.file label{color:#000;padding-left:5px;vertical-align:middle;white-space:nowrap;width:auto} -#post{background:#fefefe;background:-webkit-linear-gradient(#fefefe,#e7e8e9);background:-o-linear-gradient(#fefefe,#e7e8e9);background:-moz-linear-gradient(#fefefe,#e7e8e9);background:linear-gradient(#fefefe,#e7e8e9);border-top:1px solid #c6c7c8;border-bottom:1px solid #c6c7c8;box-shadow:0 1px #fff,0 -1px #fff;display:block;padding:12px 0} -#post:active{background:#e7e8e9;background:-webkit-linear-gradient(#e7e8e9,#fefefe);background:-o-linear-gradient(#e7e8e9,#fefefe);background:-moz-linear-gradient(#e7e8e9,#fefefe);background:linear-gradient(#e7e8e9,#fefefe)} -#post:disabled{background:#fefefe;background:-webkit-linear-gradient(#fefefe,#e7e8e9);background:-o-linear-gradient(#fefefe,#e7e8e9);background:-moz-linear-gradient(#fefefe,#e7e8e9);background:linear-gradient(#fefefe,#e7e8e9);color:gray;text-shadow:1px 1px #fff} -.img form{margin:5px 0}.img #post{margin-top:5px} -.txt form{margin:10px 0}.txt #post{margin-top:10px} -.img .cat{border:1px solid #373a44;color:#e0e0e0;display:inline-block;font-size:12px;height:150px;margin:3px;overflow:hidden;position:relative;padding:2px;text-align:center;vertical-align:top;width:130px} -.img .cat:hover{color:#fff;background:#373a44} -.img .cat img{margin-bottom:2px} -.img .prev{border-bottom:1px solid #333;font-size:14px;margin:8px 0;overflow:hidden;padding:0 5px 8px} -.img .prev .pst{margin-top:5px;margin-bottom:0} -.img .first,.img .pst{display:block;padding:5px;overflow:hidden} -.img .pst{background:#373a44;margin-bottom:5px} -.img .q{color:#789922} -.img .yt{background:#292c33;border:1px solid #5e6b7d;color:#e0e0e0} -#n{display:block;padding:6px 0;text-align:center} -.txt #n{border-top:1px solid #c6c7c8;color:#000} -.img #n{border-top:1px solid #333;color:#e0e0e0} -.txt #thread{margin-top:8px} -.txt .msg a{background:#e9e9e9;border-color:#ccc} -.txt .msg a:active{border-color:red} -.txt .pst{border-top:1px solid #c6c7c8;padding:0 2px} -.txt .q{color:#666} -.txt .yt{background:#ddd;border:1px solid gray!important} -.rules{font-size:12px;text-align:center} -.txt .rules{margin:10px}.img .rules{margin:5px} -.stop{font-size:75%;line-height:3em;padding:2px} -.warn{font-size:75%;padding:5px 2px} -.yellow{background:#ff0;color:#000} -.red{background:red;color:#fff} -.yt{border-radius:0!important;line-height:1.2em!important;margin:2px 0;padding:4px!important} -.yt .pvw{float:left;height:60px;margin-right:4px;overflow:hidden;width:100px} -.yt .pvw img{margin-top:-15px;margin-left:-10px} -.yt b{font-size:115%} \ No newline at end of file +* { + box-sizing: border-box; + word-wrap: break-word; +} +body, +input, +textarea { + color: #000; + margin: 0 auto; + max-width: 700px; + padding: 0; +} +body, +textarea { + font-family: arial, sans-serif; + font-size: 16px; +} +.txt { + background: #efefef; +} +.img { + background: #1a1d22; + color: #e0e0e0; +} +br { + line-height: 0.5em; +} +a { + text-decoration: none; +} +.txt a { + color: #00c; +} +.txt a:active { + color: #f00; +} +.img a { + color: #b0ccde; +} +.img a:hover { + color: #5c6a74; +} +.txt a.num { + color: #222; +} +.img .num { + color: #a3a3a3; + float: right; +} +h1 { + font-size: 18px; +} +.txt h1 { + margin-left: 2px; +} +.img h1 { + color: #a6b8d8; + margin: 0 0 5px; +} +h1 span { + font-weight: 400; +} +h2 { + color: #a6b8d8; + font-size: 14px; + margin: 0; +} +h3, +h4 { + clear: both; + font-size: 12px; + font-weight: 400; + line-height: 1; + margin: 10px 0; +} +h3 em { + font-weight: 700; + font-style: normal; +} +h4 { + text-align: right; +} +.txt h3, +h4 { + color: #777; +} +.txt h3.del, +.txt h3.del a.num { + color: #afafaf; +} +.img h3 { + color: #a3a3a3; + margin: 0 0 5px; +} +.img h3.del { + color: #606060; + margin-bottom: 0; +} +.prev h3 { + clear: none; + margin: 0; +} +hr { + margin: 0.25em 0; +} +m .img hr { + border: none; + border-top: 1px solid #333; + height: 0; +} +.top { + background: #444; + color: #fff; + font-size: 32px; + font-weight: 700; + line-height: 1; + min-height: 30px; + padding: 10px 2px; +} +.top a { + color: #fff !important; + float: right; + font-size: 14px; + margin-top: -10px; + padding-top: 10px; + text-align: center; + height: 50px; + width: 50px; +} +.top a img { + height: 18px; + width: 18px; +} +.bar { + font-weight: bold; + overflow-y: hidden; + overflow-x: auto; + white-space: nowrap; + width: 100%; +} +.txt .bar { + background: #ccc; +} +.img .bar { + background: #050607; +} +.bar a { + padding: 8px; + display: inline-block; +} +.txt .bar a { + color: #000; +} +.img .bar a { + color: #e0e0e0; +} +.txt .bar a.sel { + background: #efefef; +} +.img .bar a.sel { + background: #1a1d22; +} +.ord { + overflow-y: hidden; + overflow-x: auto; + white-space: nowrap; + width: 100%; +} +.txt .ord { + border-top: 1px solid #f8f8f8; + border-bottom: 1px solid #ddd; + color: #000; +} +.img .ord { + border-top: 1px solid #444; + border-bottom: 1px solid #111; + color: #e0e0e0; +} +.ord span { + display: inline-block; + font-weight: bold; + padding: 7px 10px; +} +.ord a { + display: inline-block; + padding: 7px 10px; +} +.ord a.sel:before { + content: "✓ "; +} +.txt .ord a { + border-left: 1px solid #f8f8f8; + border-right: 1px solid #ddd; + color: #000; +} +.img .ord a { + border-left: 1px solid #444; + border-right: 1px solid #111; + color: #e0e0e0; +} +.txt .ord a:hover { + background: #dcdcdc; +} +.img .ord a:hover { + background: #14161a; +} +.nav { + text-align: center; +} +.list a { + display: block; + padding: 10px 5px; +} +.txt .list a { + border-top: 1px solid #f8f8f8; + border-bottom: 1px solid #ddd; + color: #000; +} +.txt .list a:hover { + background: #dcdcdc; + color: #000; +} +.img .list a { + border-top: 1px solid #444; + border-bottom: 1px solid #111; + color: #e0e0e0; + overflow: hidden; +} +.img .list a:hover { + background: #14161a; +} +.list div { + font-size: 90%; + font-weight: 700; + margin-top: 3px; + text-align: right; +} +.list div span { + font-weight: 400; +} +.list div span span { + font-weight: 700; + color: red; +} +.list .info { + display: block; + font-size: 75%; + margin-top: 3px; +} +.txt .list .info { + color: #777; +} +.img .list .info { + color: #a3a3a3; +} +.list .info span { + float: right; +} +.txt .nav { + border-top: 1px solid #c6c7c8; +} +.img .nav { + border-top: 1px solid #333; +} +.nav div { + display: table; + width: 100%; +} +.txt .nav div { + border-bottom: 1px solid #c6c7c8; +} +.img .nav div { + border-bottom: 1px solid #333; +} +.nav div a { + display: table-cell; + padding: 6px 0; + width: 33%; +} +.txt .nav div a, +#nav2 a { + border-right: 1px solid #c6c7c8; + color: #000; +} +.img .nav div a { + border-right: 1px solid #333; + color: #e0e0e0; +} +.txt .nav div a:last-child, +.img .nav div a:last-child { + border-right: 0; +} +#nav2 { + overflow-y: auto; + padding: 3px; + text-align: center; + white-space: nowrap; + width: 100%; +} +#nav2 a { + border: 1px solid #c6c7c8; + border-radius: 5px; + display: inline-block; + padding: 4px; +} +.msg { + line-height: 1.2em; +} +.msg a { + border: 1px solid; + border-radius: 10px; + display: inline-block; + font-size: 12px; + margin: 2px 0; + padding: 4px; +} +.msg a[href^="/"] { + border-radius: 5px; + font-size: inherit; + padding: 2px 4px; +} +.thm { + color: grey !important; + font-size: 12px; + float: left; + line-height: 12px; + margin-right: 5px; + text-align: center; +} +.thm img { + margin-bottom: 2px; +} +.mnu { + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + float: left; + font-weight: bold; + line-height: 1; +} +.txt a.mnu { + color: #777; + position: relative; + left: 2px; +} +.img .mnu { + color: #a3a3a3; + margin-right: 3px; +} +#mnu-list { + border: 1px solid #111; + border-bottom: 0; + box-shadow: 1px 1px #000; + display: inline-block; + position: absolute; +} +.txt #mnu-list { + background: #e6e6e6; +} +.img #mnu-list { + background: #2a2d37; +} +#mnu-list a { + border-bottom: 1px solid #111; + color: inherit; + display: block; + padding: 5px; +} +.txt #mnu-list a:hover { + background: #ddd; +} +.img #mnu-list a:hover { + background: #1e212b; +} +.search input { + background: #fff; + border-top: 1px solid #f8f8f8; + border-right: 0; + border-bottom: 1px solid #ddd; + border-left: 0; + padding: 8px; + width: 100%; +} +.fld, +#post, +textarea { + background: #fff; + border: none; + width: 100%; +} +.img .fld, +.img textarea { + border-bottom: 1px solid #1a1d22; +} +.txt .fld, +.txt textarea { + border-bottom: 1px solid #efefef; +} +input[type="text"].fld { + font-size: 12px; + padding: 4px 0; +} +input[type="file"].fld { + color: #000; + padding: 2px 0; + width: 100%; +} +input[type="text"].imp { + font-size: 16px; + font-weight: 700; +} +.file { + display: table; + width: 100%; +} +.file .fld { + display: table-cell; +} +.file label { + color: #000; + padding-left: 5px; + vertical-align: middle; + white-space: nowrap; + width: auto; +} +#post { + background: #fefefe; + background: -webkit-linear-gradient(#fefefe, #e7e8e9); + background: -o-linear-gradient(#fefefe, #e7e8e9); + background: -moz-linear-gradient(#fefefe, #e7e8e9); + background: linear-gradient(#fefefe, #e7e8e9); + border-top: 1px solid #c6c7c8; + border-bottom: 1px solid #c6c7c8; + box-shadow: 0 1px #fff, 0 -1px #fff; + display: block; + padding: 12px 0; +} +#post:active { + background: #e7e8e9; + background: -webkit-linear-gradient(#e7e8e9, #fefefe); + background: -o-linear-gradient(#e7e8e9, #fefefe); + background: -moz-linear-gradient(#e7e8e9, #fefefe); + background: linear-gradient(#e7e8e9, #fefefe); +} +#post:disabled { + background: #fefefe; + background: -webkit-linear-gradient(#fefefe, #e7e8e9); + background: -o-linear-gradient(#fefefe, #e7e8e9); + background: -moz-linear-gradient(#fefefe, #e7e8e9); + background: linear-gradient(#fefefe, #e7e8e9); + color: gray; + text-shadow: 1px 1px #fff; +} +.img form { + margin: 5px 0; +} +.img #post { + margin-top: 5px; +} +.txt form { + margin: 10px 0; +} +.txt #post { + margin-top: 10px; +} +.img .cat { + border: 1px solid #373a44; + color: #e0e0e0; + display: inline-block; + font-size: 12px; + height: 150px; + margin: 3px; + overflow: hidden; + position: relative; + padding: 2px; + text-align: center; + vertical-align: top; + width: 130px; +} +.img .cat:hover { + color: #fff; + background: #373a44; +} +.img .cat img { + margin-bottom: 2px; +} +.img .prev { + border-bottom: 1px solid #333; + font-size: 14px; + margin: 8px 0; + overflow: hidden; + padding: 0 5px 8px; +} +.img .prev .pst { + margin-top: 5px; + margin-bottom: 0; +} +.img .first, +.img .pst { + display: block; + padding: 5px; + overflow: hidden; +} +.img .pst { + background: #373a44; + margin-bottom: 5px; +} +.img .q { + color: #789922; +} +.img .yt { + background: #292c33; + border: 1px solid #5e6b7d; + color: #e0e0e0; +} +#n { + display: block; + padding: 6px 0; + text-align: center; +} +.txt #n { + border-top: 1px solid #c6c7c8; + color: #000; +} +.img #n { + border-top: 1px solid #333; + color: #e0e0e0; +} +.txt #thread { + margin-top: 8px; +} +.txt .msg a { + background: #e9e9e9; + border-color: #ccc; +} +.txt .msg a:active { + border-color: red; +} +.txt .pst { + border-top: 1px solid #c6c7c8; + padding: 0 2px; +} +.txt .q { + color: #666; +} +.txt .yt { + background: #ddd; + border: 1px solid gray !important; +} +.rules { + font-size: 12px; + text-align: center; +} +.txt .rules { + margin: 10px; +} +.img .rules { + margin: 5px; +} +.stop { + font-size: 75%; + line-height: 3em; + padding: 2px; +} +.warn { + font-size: 75%; + padding: 5px 2px; +} +.yellow { + background: #ff0; + color: #000; +} +.red { + background: red; + color: #fff; +} +.yt { + border-radius: 0 !important; + line-height: 1.2em !important; + margin: 2px 0; + padding: 4px !important; +} +.yt .pvw { + float: left; + height: 60px; + margin-right: 4px; + overflow: hidden; + width: 100px; +} +.yt .pvw img { + margin-top: -15px; + margin-left: -10px; +} +.yt b { + font-size: 115%; +} diff --git a/static/css/night.css b/static/css/night.css index 4249a5a..4057ed3 100644 --- a/static/css/night.css +++ b/static/css/night.css @@ -1,22 +1,84 @@ -html,body{background:#171e24;color:#979ea3;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif} -a,a .name,.nav label{color:#c0c4c8} -a.rep{color:#979ea3;text-decoration:underline} -a:hover,a:hover .name,.nav label:hover{color:#888c90} -.replymode,.extramode{color:#DDD} -.replymode{background:#B40D00} -.extramode{background:#001f6e} -.postblock{background:#2b3843} -.q{color:#789922} -.subj{background:inherit;color:#962e5f;font-weight:bold} -.name{color:#5f962e} -.name a{color:#2e5f96} -.name a:hover{color:#426fa0} -.reply{background:#2F3D48;border:1px solid #1c242b} -.abbrev{color:#707070} -.highlight{background:#1D1D21;border:1px dashed #7A848C} -hr{border:none;border-top:1px solid #979ea3;height:0} -#catalog .thread:hover{background:#2F3D48;box-shadow:0 0 5px 5px #2F3D48} -#catalog .replies{color:#909090;font-weight:bold} -.yt{background:#52626D;border:1px solid #131D25} -#q-p{background:#2F3D48} -.quoted{border-color:#171e24} \ No newline at end of file +html, +body { + background: #171e24; + color: #979ea3; + font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +a, +a .name, +.nav label { + color: #c0c4c8; +} +a.rep { + color: #979ea3; + text-decoration: underline; +} +a:hover, +a:hover .name, +.nav label:hover { + color: #888c90; +} +.replymode, +.extramode { + color: #ddd; +} +.replymode { + background: #b40d00; +} +.extramode { + background: #001f6e; +} +.postblock { + background: #2b3843; +} +.q { + color: #789922; +} +.subj { + background: inherit; + color: #962e5f; + font-weight: bold; +} +.name { + color: #5f962e; +} +.name a { + color: #2e5f96; +} +.name a:hover { + color: #426fa0; +} +.reply { + background: #2f3d48; + border: 1px solid #1c242b; +} +.abbrev { + color: #707070; +} +.highlight { + background: #1d1d21; + border: 1px dashed #7a848c; +} +hr { + border: none; + border-top: 1px solid #979ea3; + height: 0; +} +#catalog .thread:hover { + background: #2f3d48; + box-shadow: 0 0 5px 5px #2f3d48; +} +#catalog .replies { + color: #909090; + font-weight: bold; +} +.yt { + background: #52626d; + border: 1px solid #131d25; +} +#q-p { + background: #2f3d48; +} +.quoted { + border-color: #171e24; +} diff --git a/static/css/photon.css b/static/css/photon.css index 7be906a..e3dfb84 100644 --- a/static/css/photon.css +++ b/static/css/photon.css @@ -1,22 +1,93 @@ -html,body{background:#EEE;color:#333;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif} -.rep{color:#333} -a,a .name,a .name b,.logo,.nav label{color:#F60} -a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#0066FF} -.replymode,.extramode{color:#2266AA;border:solid 1px #CCC;background:#DDD} -.postblock{background:#DDD;color:#024;border:1px solid #CCC;} -.q{color:#789922} -.fs,.abbrev{color:#666;text-decoration:none} -.subj{color:#111;font-weight:bold} -.name{color:#F30} -.name b{color:#004A99} -.omitted{color:#707070} -.reply{background:#DDD;border:1px solid #CCC} -.highlight{background:#CCC} -.managertable td{background:#DDD;color:#024} -.managertable th{background:#CCC;color:#024} -hr{border:none;border-top:1px solid #BBB;height:0} -#catalog .thread:hover{background:#DDD;box-shadow:0 0 5px 5px #DDD} -#catalog .replies{color:#888;font-weight:bold} -.yt{background:#E9E9E9;border:1px solid #BBB;color:#333} -#q-p{background:#DDD} -.quoted{border-color:#CCC} \ No newline at end of file +html, +body { + background: #eee; + color: #333; + font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +.rep { + color: #333; +} +a, +a .name, +a .name b, +.logo, +.nav label { + color: #f60; +} +a:hover, +a:hover .name, +a:hover .name b, +.nav label:hover { + color: #0066ff; +} +.replymode, +.extramode { + color: #2266aa; + border: solid 1px #ccc; + background: #ddd; +} +.postblock { + background: #ddd; + color: #024; + border: 1px solid #ccc; +} +.q { + color: #789922; +} +.fs, +.abbrev { + color: #666; + text-decoration: none; +} +.subj { + color: #111; + font-weight: bold; +} +.name { + color: #f30; +} +.name b { + color: #004a99; +} +.omitted { + color: #707070; +} +.reply { + background: #ddd; + border: 1px solid #ccc; +} +.highlight { + background: #ccc; +} +.managertable td { + background: #ddd; + color: #024; +} +.managertable th { + background: #ccc; + color: #024; +} +hr { + border: none; + border-top: 1px solid #bbb; + height: 0; +} +#catalog .thread:hover { + background: #ddd; + box-shadow: 0 0 5px 5px #ddd; +} +#catalog .replies { + color: #888; + font-weight: bold; +} +.yt { + background: #e9e9e9; + border: 1px solid #bbb; + color: #333; +} +#q-p { + background: #ddd; +} +.quoted { + border-color: #ccc; +} diff --git a/static/css/putaba.css b/static/css/putaba.css index 4c67245..a3ee9e2 100644 --- a/static/css/putaba.css +++ b/static/css/putaba.css @@ -1,46 +1,199 @@ -html,body{background:#fff url('img/fondo2012.gif');font-family:"courier new",courier,monospace;color:#000} -a,.reflink a,.nav label{color:#fff;text-decoration:none;background:#f60} -a.rep{text-decoration:underline} -a:hover,.reflink a:hover,.nav label:hover{background:#f00} -a .name,a .name b{background:#0cf;color:#903} -a:hover .name,a:hover .name b{background:#f33;color:#fff} -input[type="button"],input[type="submit"]{background:#eff931;background:-moz-linear-gradient(top, #eff931 0%, #c9e800 100%);border:1px solid #d3de27;color:#333;padding:3px 10px} -input,input[type="text"],input[type="password"],textarea,.searchbar input{background:#cf0;border:1px solid #000} -#main_nav a{color:#000;background:#0cf} -#main_nav a:hover{color:#fff;background:#90f} -#main_nav span a{color:#fff;background:#f03} -#main_nav span a:hover{background:#cf0} -.replymode,.extramode{background:url('img/bgtb.gif');color:#000} -hr,.ell{display:none} -.thread hr{display:block} -.thread,.userdelete,.postform,.oekform{background:#fff;box-shadow:1px 1px 1px rgba(50, 50, 50, 0.5);margin:0 10px 10px;padding:10px;overflow:auto} -.postarea table{margin:0 auto 10px} -.info,.fs{text-transform:uppercase} -.thread label{background:#ff0} -.thread label a,.thread label a:hover{background:#00ccff;color:#990033} -.rules{letter-spacing:-0.5px} -.rules li{margin-left:0.5em} -.rules a{background:#f06;color:#fff} -.rules a:hover{color:#cf0} -.postblock{background:#ff0} -.q{color:#789922} -.subj{font-weight:bold;color:#909;background:#cf0;letter-spacing:-1px} -.name{color:black;background:white} -.name b{color:white;background:black} -.date{background:#ff0} -.omitted,.hsbn,.hsbn:hover{color:#ff3fff;background:#5500aa;display:inline-block} -.reply,#q-p{background:#e6e6e6} -.abbrev{color:#707070} -.highlight{background:#ccc;outline:2px dashed #AAA} -.userdelete{padding:5px} -input[type="submit"].psei{background:#ff6600;color:white;border:none;padding:0.4em 1em} -.nav{float:left} -.managertable td,.pg{background:#fff} -.managertable th{background:#ddd} -#catalog .thread:hover{background:#e6e6e6} -#catalog .replies{background:#00ffff;color:#909090;font-weight:bold} -.yt{background:#f7f7f7;border:1px solid #999;color:#000} -.yt:hover{background:#efefef} -.footer{background:#000;color:#fff} -.footer a,.footer a:hover{background:#000} -.quoted{border-color:#fff} \ No newline at end of file +html, +body { + background: #fff url("img/fondo2012.gif"); + font-family: "courier new", courier, monospace; + color: #000; +} +a, +.reflink a, +.nav label { + color: #fff; + text-decoration: none; + background: #f60; +} +a.rep { + text-decoration: underline; +} +a:hover, +.reflink a:hover, +.nav label:hover { + background: #f00; +} +a .name, +a .name b { + background: #0cf; + color: #903; +} +a:hover .name, +a:hover .name b { + background: #f33; + color: #fff; +} +input[type="button"], +input[type="submit"] { + background: #eff931; + background: -moz-linear-gradient(top, #eff931 0%, #c9e800 100%); + border: 1px solid #d3de27; + color: #333; + padding: 3px 10px; +} +input, +input[type="text"], +input[type="password"], +textarea, +.searchbar input { + background: #cf0; + border: 1px solid #000; +} +#main_nav a { + color: #000; + background: #0cf; +} +#main_nav a:hover { + color: #fff; + background: #90f; +} +#main_nav span a { + color: #fff; + background: #f03; +} +#main_nav span a:hover { + background: #cf0; +} +.replymode, +.extramode { + background: url("img/bgtb.gif"); + color: #000; +} +hr, +.ell { + display: none; +} +.thread hr { + display: block; +} +.thread, +.userdelete, +.postform, +.oekform { + background: #fff; + box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5); + margin: 0 10px 10px; + padding: 10px; + overflow: auto; +} +.postarea table { + margin: 0 auto 10px; +} +.info, +.fs { + text-transform: uppercase; +} +.thread label { + background: #ff0; +} +.thread label a, +.thread label a:hover { + background: #00ccff; + color: #990033; +} +.rules { + letter-spacing: -0.5px; +} +.rules li { + margin-left: 0.5em; +} +.rules a { + background: #f06; + color: #fff; +} +.rules a:hover { + color: #cf0; +} +.postblock { + background: #ff0; +} +.q { + color: #789922; +} +.subj { + font-weight: bold; + color: #909; + background: #cf0; + letter-spacing: -1px; +} +.name { + color: black; + background: white; +} +.name b { + color: white; + background: black; +} +.date { + background: #ff0; +} +.omitted, +.hsbn, +.hsbn:hover { + color: #ff3fff; + background: #5500aa; + display: inline-block; +} +.reply, +#q-p { + background: #e6e6e6; +} +.abbrev { + color: #707070; +} +.highlight { + background: #ccc; + outline: 2px dashed #aaa; +} +.userdelete { + padding: 5px; +} +input[type="submit"].psei { + background: #ff6600; + color: white; + border: none; + padding: 0.4em 1em; +} +.nav { + float: left; +} +.managertable td, +.pg { + background: #fff; +} +.managertable th { + background: #ddd; +} +#catalog .thread:hover { + background: #e6e6e6; +} +#catalog .replies { + background: #00ffff; + color: #909090; + font-weight: bold; +} +.yt { + background: #f7f7f7; + border: 1px solid #999; + color: #000; +} +.yt:hover { + background: #efefef; +} +.footer { + background: #000; + color: #fff; +} +.footer a, +.footer a:hover { + background: #000; +} +.quoted { + border-color: #fff; +} diff --git a/static/css/red.css b/static/css/red.css index e8018a6..e5698dd 100644 --- a/static/css/red.css +++ b/static/css/red.css @@ -1,21 +1,80 @@ -html,body{font-family:Georgia,"URW Bookman L",serif;background:#FFF2F2;color:#800000} -a,a .name,.nav label{color:#00E} -a:hover,a:hover .name,.nav label:hover{color:#D00} -.rep{color:#800000} -.replymode,.extramode{color:#FFF} -.replymode{background:#E04000} -.extramode{background:#0040E0} -.postblock{background:#F99} -.q{color:#789922} -.name{color:#036} -.omitted,.abbrev{color:#707070} -.reply,#q-p{background:#FBB} -.subj{color:#CC1105;font-weight:bold} -.highlight{background:#F0E0D6;outline:1px dashed #EA8} -.managertable td{background:#FED0D0} -.managertable th{background:#FA4A4A;color:#400000} -#catalog .thread:hover{background:#FBB} -#catalog .thread:hover{background:#FBB;box-shadow:0 0 5px 5px #FBB} -#catalog .replies{color:#909090;font-weight:bold} -.yt{background:#FED8D8;border:1px solid #FE9B9B;color:#500000} -.quoted{border-color:#FFF2F2} \ No newline at end of file +html, +body { + font-family: Georgia, "URW Bookman L", serif; + background: #fff2f2; + color: #800000; +} +a, +a .name, +.nav label { + color: #00e; +} +a:hover, +a:hover .name, +.nav label:hover { + color: #d00; +} +.rep { + color: #800000; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #e04000; +} +.extramode { + background: #0040e0; +} +.postblock { + background: #f99; +} +.q { + color: #789922; +} +.name { + color: #036; +} +.omitted, +.abbrev { + color: #707070; +} +.reply, +#q-p { + background: #fbb; +} +.subj { + color: #cc1105; + font-weight: bold; +} +.highlight { + background: #f0e0d6; + outline: 1px dashed #ea8; +} +.managertable td { + background: #fed0d0; +} +.managertable th { + background: #fa4a4a; + color: #400000; +} +#catalog .thread:hover { + background: #fbb; +} +#catalog .thread:hover { + background: #fbb; + box-shadow: 0 0 5px 5px #fbb; +} +#catalog .replies { + color: #909090; + font-weight: bold; +} +.yt { + background: #fed8d8; + border: 1px solid #fe9b9b; + color: #500000; +} +.quoted { + border-color: #fff2f2; +} diff --git a/static/css/rene.css b/static/css/rene.css index a376f18..a4f3b86 100644 --- a/static/css/rene.css +++ b/static/css/rene.css @@ -1,22 +1,88 @@ -html,body{background:#1a1d22;color:#e0e0e0;font-family:arial,helvetica,"nimbus sans l",sans-serif} -.rep{color:#e0e0e0} -a,a .name,.nav label{color:#b0ccde} -a:hover,a:hover .name,.nav label:hover{color:#5c6a74} -.replymode,.extramode{color:#fff} -.replymode{background:#2b2b2b} -.extramode{background:#333} -.postblock{background:#28282d;border:1px solid #333;color:#ddd} -.q{color:#789922} -.fs{text-decoration:none} -.subj{color:#a6b8d8;font-weight:bold} -.name,.omitted{color:#a3a3a3} -.reply,#q-p{background:#373a44} -.abbrev{color:#777} -.highlight{background:#5b5f69;outline:1px dashed #888} -.managertable td{background:#64697b} -.managertable th{background:#252830;color:#f8f8f8} -hr{border:none;border-top:1px dotted #696969;height:0} -#catalog .thread:hover{background:#373a44;box-shadow:0 0 5px 5px #373a44} -#catalog .replies{color:#909090;font-weight:bold} -.yt{background:#292c33;border:1px solid #5e6b7d;color:#e0e0e0} -.quoted{border-color:#1a1d22;color:#aaa} \ No newline at end of file +html, +body { + background: #1a1d22; + color: #e0e0e0; + font-family: arial, helvetica, "nimbus sans l", sans-serif; +} +.rep { + color: #e0e0e0; +} +a, +a .name, +.nav label { + color: #b0ccde; +} +a:hover, +a:hover .name, +.nav label:hover { + color: #5c6a74; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #2b2b2b; +} +.extramode { + background: #333; +} +.postblock { + background: #28282d; + border: 1px solid #333; + color: #ddd; +} +.q { + color: #789922; +} +.fs { + text-decoration: none; +} +.subj { + color: #a6b8d8; + font-weight: bold; +} +.name, +.omitted { + color: #a3a3a3; +} +.reply, +#q-p { + background: #373a44; +} +.abbrev { + color: #777; +} +.highlight { + background: #5b5f69; + outline: 1px dashed #888; +} +.managertable td { + background: #64697b; +} +.managertable th { + background: #252830; + color: #f8f8f8; +} +hr { + border: none; + border-top: 1px dotted #696969; + height: 0; +} +#catalog .thread:hover { + background: #373a44; + box-shadow: 0 0 5px 5px #373a44; +} +#catalog .replies { + color: #909090; + font-weight: bold; +} +.yt { + background: #292c33; + border: 1px solid #5e6b7d; + color: #e0e0e0; +} +.quoted { + border-color: #1a1d22; + color: #aaa; +} diff --git a/static/css/spc/base.css b/static/css/spc/base.css index bb30a24..5b908a4 100644 --- a/static/css/spc/base.css +++ b/static/css/spc/base.css @@ -7,7 +7,6 @@ * 6/20/2012 */ - /* Table of Content ================================================== #Reset & Basics @@ -21,249 +20,565 @@ #Forms #Misc */ - /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ - html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; } - article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; } - body { - line-height: 1; } - ol, ul { - list-style: none; } - blockquote, q { - quotes: none; } - blockquote:before, blockquote:after, - q:before, q:after { - content: ''; - content: none; } - table { - border-collapse: collapse; - border-spacing: 0; } - +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} /* #Basic Styles ================================================== */ - body { - background: #fff; - font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #444; - -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ - -webkit-text-size-adjust: 100%; - } - +body { + background: #fff; + font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; + color: #444; + -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ + -webkit-text-size-adjust: 100%; +} /* #Typography ================================================== */ - h1, h2, h3, h4, h5, h6 { - color: #181818; - font-family: "Georgia", "Times New Roman", serif; - font-weight: normal; } - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } - h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} - h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } - h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } - h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } - h5 { font-size: 17px; line-height: 24px; } - h6 { font-size: 14px; line-height: 21px; } - .subheader { color: #777; } +h1, +h2, +h3, +h4, +h5, +h6 { + color: #181818; + font-family: "Georgia", "Times New Roman", serif; + font-weight: normal; +} +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a { + font-weight: inherit; +} +h1 { + font-size: 46px; + line-height: 50px; + margin-bottom: 14px; +} +h2 { + font-size: 35px; + line-height: 40px; + margin-bottom: 10px; +} +h3 { + font-size: 28px; + line-height: 34px; + margin-bottom: 8px; +} +h4 { + font-size: 21px; + line-height: 30px; + margin-bottom: 4px; +} +h5 { + font-size: 17px; + line-height: 24px; +} +h6 { + font-size: 14px; + line-height: 21px; +} +.subheader { + color: #777; +} - p { margin: 0 0 20px 0; } - p img { margin: 0; } - p.lead { font-size: 21px; line-height: 27px; color: #777; } +p { + margin: 0 0 20px 0; +} +p img { + margin: 0; +} +p.lead { + font-size: 21px; + line-height: 27px; + color: #777; +} - em { font-style: italic; } - strong { font-weight: bold; color: #333; } - small { font-size: 60%; } +em { + font-style: italic; +} +strong { + font-weight: bold; + color: #333; +} +small { + font-size: 60%; +} /* Blockquotes */ - blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } - blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } - blockquote cite { display: block; font-size: 12px; color: #555; } - blockquote cite:before { content: "\2014 \0020"; } - blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } - - hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; } +blockquote, +blockquote p { + font-size: 17px; + line-height: 24px; + color: #777; + font-style: italic; +} +blockquote { + margin: 0 0 20px; + padding: 9px 20px 0 19px; + border-left: 1px solid #ddd; +} +blockquote cite { + display: block; + font-size: 12px; + color: #555; +} +blockquote cite:before { + content: "\2014 \0020"; +} +blockquote cite a, +blockquote cite a:visited, +blockquote cite a:visited { + color: #555; +} +hr { + border: solid #ccc; + border-width: 1px 0 0; + clear: both; + margin: 30px 0 30px; + height: 0; +} /* #Links ================================================== */ - a, a:visited { color: #333; text-decoration: underline; outline: 0; } - a:hover, a:focus { color: #000; } - p a, p a:visited { line-height: inherit; } - +a, +a:visited { + color: #333; + text-decoration: underline; + outline: 0; +} +a:hover, +a:focus { + color: #000; +} +p a, +p a:visited { + line-height: inherit; +} /* #Lists ================================================== */ - ul, ol { margin-bottom: 20px; } - ul { list-style: none outside; } - ol { list-style: decimal; } - ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } - ul.square { list-style: square outside; } - ul.circle { list-style: circle outside; } - ul.disc { list-style: disc outside; } - ul ul, ul ol, - ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } - ul ul li, ul ol li, - ol ol li, ol ul li { margin-bottom: 6px; } - li { line-height: 18px; margin-bottom: 12px; } - ul.large li { line-height: 21px; } - li p { line-height: 21px; } +ul, +ol { + margin-bottom: 20px; +} +ul { + list-style: none outside; +} +ol { + list-style: decimal; +} +ol, +ul.square, +ul.circle, +ul.disc { + margin-left: 30px; +} +ul.square { + list-style: square outside; +} +ul.circle { + list-style: circle outside; +} +ul.disc { + list-style: disc outside; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin: 4px 0 5px 30px; + font-size: 90%; +} +ul ul li, +ul ol li, +ol ol li, +ol ul li { + margin-bottom: 6px; +} +li { + line-height: 18px; + margin-bottom: 12px; +} +ul.large li { + line-height: 21px; +} +li p { + line-height: 21px; +} /* #Images ================================================== */ - img.scale-with-grid { - max-width: 100%; - height: auto; } - +img.scale-with-grid { + max-width: 100%; + height: auto; +} /* #Buttons ================================================== */ - .button, - button, - input[type="submit"], - input[type="reset"], - input[type="button"] { - background: #eee; /* Old browsers */ - background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ - background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ - background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ - background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ - background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ - background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ - border: 1px solid #aaa; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - color: #444; - display: inline-block; - font-size: 11px; - font-weight: bold; - text-decoration: none; - text-shadow: 0 1px rgba(255, 255, 255, .75); - cursor: pointer; - margin-bottom: 20px; - line-height: normal; - padding: 8px 10px; - font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } - - .button:hover, - button:hover, - input[type="submit"]:hover, - input[type="reset"]:hover, - input[type="button"]:hover { - color: #222; - background: #ddd; /* Old browsers */ - background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ - background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ - background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ - background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ - background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ - background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ - border: 1px solid #888; - border-top: 1px solid #aaa; - border-left: 1px solid #aaa; } +.button, +button, +input[type="submit"], +input[type="reset"], +input[type="button"] { + background: #eee; /* Old browsers */ + background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba( + 0, + 0, + 0, + 0.2 + ) + 100%); /* FF3.6+ */ + background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */ + background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba( + 0, + 0, + 0, + 0.2 + ) + 100%); /* Chrome10+,Safari5.1+ */ + background: #eee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba( + 0, + 0, + 0, + 0.2 + ) + 100%); /* Opera11.10+ */ + background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba( + 0, + 0, + 0, + 0.2 + ) + 100%); /* IE10+ */ + background: #eee + linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C */ + border: 1px solid #aaa; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #444; + display: inline-block; + font-size: 11px; + font-weight: bold; + text-decoration: none; + text-shadow: 0 1px rgba(255, 255, 255, 0.75); + cursor: pointer; + margin-bottom: 20px; + line-height: normal; + padding: 8px 10px; + font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; +} - .button:active, - button:active, - input[type="submit"]:active, - input[type="reset"]:active, - input[type="button"]:active { - border: 1px solid #666; - background: #ccc; /* Old browsers */ - background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ - background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ - background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ - background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ - background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ - background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } +.button:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover { + color: #222; + background: #ddd; /* Old browsers */ + background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba( + 0, + 0, + 0, + 0.3 + ) + 100%); /* FF3.6+ */ + background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3))); /* Chrome,Safari4+ */ + background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba( + 0, + 0, + 0, + 0.3 + ) + 100%); /* Chrome10+,Safari5.1+ */ + background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba( + 0, + 0, + 0, + 0.3 + ) + 100%); /* Opera11.10+ */ + background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba( + 0, + 0, + 0, + 0.3 + ) + 100%); /* IE10+ */ + background: #ddd + linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C */ + border: 1px solid #888; + border-top: 1px solid #aaa; + border-left: 1px solid #aaa; +} - .button.full-width, - button.full-width, - input[type="submit"].full-width, - input[type="reset"].full-width, - input[type="button"].full-width { - width: 100%; - padding-left: 0 !important; - padding-right: 0 !important; - text-align: center; } +.button:active, +button:active, +input[type="submit"]:active, +input[type="reset"]:active, +input[type="button"]:active { + border: 1px solid #666; + background: #ccc; /* Old browsers */ + background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba( + 10, + 10, + 10, + 0.4 + ) + 100%); /* FF3.6+ */ + background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4))); /* Chrome,Safari4+ */ + background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba( + 10, + 10, + 10, + 0.4 + ) + 100%); /* Chrome10+,Safari5.1+ */ + background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba( + 10, + 10, + 10, + 0.4 + ) + 100%); /* Opera11.10+ */ + background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba( + 10, + 10, + 10, + 0.4 + ) + 100%); /* IE10+ */ + background: #ccc + linear-gradient( + top, + rgba(255, 255, 255, 0.35) 0%, + rgba(10, 10, 10, 0.4) 100% + ); /* W3C */ +} - /* Fix for odd Mozilla border & padding issues */ - button::-moz-focus-inner, - input::-moz-focus-inner { - border: 0; - padding: 0; - } +.button.full-width, +button.full-width, +input[type="submit"].full-width, +input[type="reset"].full-width, +input[type="button"].full-width { + width: 100%; + padding-left: 0 !important; + padding-right: 0 !important; + text-align: center; +} +/* Fix for odd Mozilla border & padding issues */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} /* #Forms ================================================== */ - form { - margin-bottom: 20px; } - fieldset { - margin-bottom: 20px; } - input[type="text"], - input[type="password"], - input[type="email"], - textarea, - select { - border: 1px solid #ccc; - padding: 6px 4px; - outline: none; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #777; - margin: 0; - width: 210px; - max-width: 100%; - display: block; - margin-bottom: 20px; - background: #fff; } - select { - padding: 0; } - input[type="text"]:focus, - input[type="password"]:focus, - input[type="email"]:focus, - textarea:focus { - border: 1px solid #aaa; - color: #444; - -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); - -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); - box-shadow: 0 0 3px rgba(0,0,0,.2); } - textarea { - min-height: 60px; } - label, - legend { - display: block; - font-weight: bold; - font-size: 13px; } - select { - width: 220px; } - input[type="checkbox"] { - display: inline; } - label span, - legend span { - font-weight: normal; - font-size: 13px; - color: #444; } +form { + margin-bottom: 20px; +} +fieldset { + margin-bottom: 20px; +} +input[type="text"], +input[type="password"], +input[type="email"], +textarea, +select { + border: 1px solid #ccc; + padding: 6px 4px; + outline: none; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #777; + margin: 0; + width: 210px; + max-width: 100%; + display: block; + margin-bottom: 20px; + background: #fff; +} +select { + padding: 0; +} +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus { + border: 1px solid #aaa; + color: #444; + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); +} +textarea { + min-height: 60px; +} +label, +legend { + display: block; + font-weight: bold; + font-size: 13px; +} +select { + width: 220px; +} +input[type="checkbox"] { + display: inline; +} +label span, +legend span { + font-weight: normal; + font-size: 13px; + color: #444; +} /* #Misc ================================================== */ - .remove-bottom { margin-bottom: 0 !important; } - .half-bottom { margin-bottom: 10px !important; } - .add-bottom { margin-bottom: 20px !important; } - - +.remove-bottom { + margin-bottom: 0 !important; +} +.half-bottom { + margin-bottom: 10px !important; +} +.add-bottom { + margin-bottom: 20px !important; +} diff --git a/static/css/spc/halloween.css b/static/css/spc/halloween.css index 6870152..95cc9bb 100644 --- a/static/css/spc/halloween.css +++ b/static/css/spc/halloween.css @@ -1,47 +1,201 @@ -body,textarea,h2 small,.del a{color:#FA5923} -body.mainpage,body.threads{background:#000 url('../img/bg_madera.png');} -body.threadpage{background:#111} -a,#n2{color:#F00} -a:active,a:active .name,#n2:active{color:#f60} -hr{border:0;border-top:1px solid #900;border-bottom: 1px solid #500000} -input[type=submit]:active,input[type=button]:active,a:active{filter:blur(2px)} -h1{text-shadow:0 4px 1px #300000,0 6px 1px #400000,0 8px 1px #500000,0 10px 1px #600000,0 12px 1px #700000,0 14px 1px #800000,0 16px 1px #900000,0 18px 1px #A00000,0 20px 1px #B00000,0 22px 1px #C00000,0 24px 1px #D00000,0 26px 1px #E00000,0 28px 1px #F00000,0 30px 1px #FA0000,0 32px 1px #FB0000,0 34px 1px #FC0000,0 36px 1px #FD0000,0 38px 1px #FE0000,0 40px 2px #F00} -.threads h1{margin-bottom:35px} -h2{margin-bottom:3px} -h2 a{color:#32cd32} -h3{color:#F00} -h3 span{color:#900} -#main_nav{background:#000} -.outerbox{background:#000;border:1px outset #FF4500;color:#FFA500} -.innerbox{border:1px inset #FF4500} -#threadlist{background:#330e00;border:1px inset #FF4500} -.mainpage .thread,#content{background:#111;border:1px outset #914400} -.name,a .name,.abbrev{color:#f90} -.name em{color:#111e6c} -.msg{color:#fa6a39;margin:4px 40px 24px} -a.thumb{margin-top:4px} -.q{color:#875384} -.yt{background:#240000;border:1px solid #FF4500} -.deleted{color:#592a56;margin-bottom:24px} -.outerbox input,.outerbox textarea{background:#222;color:#FFA500;border:1px solid #FF4500} -.outerbox input:focus,.outerbox textarea:focus{background:#401100} -.outerbox input[type=submit],.outerbox input[type=button]{background:#000;box-shadow:0 0 5px #FF4500} -.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#0C050D;border:1px solid #FA5923;color:#FA5923} -.threadpage input:focus,.threadpage textarea:focus,.thread input:focus,.thread textarea:focus{background:#290c0a} -.threadpage input[type=submit],.threadpage input[type=button],.thread input[type=submit],.thread input[type=button]{background:#0C050D} -#q-p{background:#160901;border:1px solid #521;box-shadow:0 0 5px #521} -#q-p .msg,#q-p a.thumb{margin-bottom:8px} -#createbox{display:flex} -#createbox .extrabox{border:1px inset grey;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px} -#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%} -form .msg{border:1px dotted #FA5923;background:#000} -#footer{text-shadow:0 0 2px} -#content.list{padding:7px} -#content.list #header div{background:#2d0000;border-top:1px inset #914400} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#000} -#content.list .row div:first-child{border-left:1px inset #914400} -#content.list .row div:last-child{border-right:1px inset #914400} -#content.list .row:last-child div{border-bottom:1px inset #914400} -#content.grid{border:1px outset #914400;padding:1px} -#content.grid .row{border:1px inset #914400;margin:1px} -@media screen and (max-width:480px){.msg{margin:4px 20px 12px}} \ No newline at end of file +body, +textarea, +h2 small, +.del a { + color: #fa5923; +} +body.mainpage, +body.threads { + background: #000 url("../img/bg_madera.png"); +} +body.threadpage { + background: #111; +} +a, +#n2 { + color: #f00; +} +a:active, +a:active .name, +#n2:active { + color: #f60; +} +hr { + border: 0; + border-top: 1px solid #900; + border-bottom: 1px solid #500000; +} +input[type="submit"]:active, +input[type="button"]:active, +a:active { + filter: blur(2px); +} +h1 { + text-shadow: 0 4px 1px #300000, 0 6px 1px #400000, 0 8px 1px #500000, + 0 10px 1px #600000, 0 12px 1px #700000, 0 14px 1px #800000, + 0 16px 1px #900000, 0 18px 1px #a00000, 0 20px 1px #b00000, + 0 22px 1px #c00000, 0 24px 1px #d00000, 0 26px 1px #e00000, + 0 28px 1px #f00000, 0 30px 1px #fa0000, 0 32px 1px #fb0000, + 0 34px 1px #fc0000, 0 36px 1px #fd0000, 0 38px 1px #fe0000, 0 40px 2px #f00; +} +.threads h1 { + margin-bottom: 35px; +} +h2 { + margin-bottom: 3px; +} +h2 a { + color: #32cd32; +} +h3 { + color: #f00; +} +h3 span { + color: #900; +} +#main_nav { + background: #000; +} +.outerbox { + background: #000; + border: 1px outset #ff4500; + color: #ffa500; +} +.innerbox { + border: 1px inset #ff4500; +} +#threadlist { + background: #330e00; + border: 1px inset #ff4500; +} +.mainpage .thread, +#content { + background: #111; + border: 1px outset #914400; +} +.name, +a .name, +.abbrev { + color: #f90; +} +.name em { + color: #111e6c; +} +.msg { + color: #fa6a39; + margin: 4px 40px 24px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #875384; +} +.yt { + background: #240000; + border: 1px solid #ff4500; +} +.deleted { + color: #592a56; + margin-bottom: 24px; +} +.outerbox input, +.outerbox textarea { + background: #222; + color: #ffa500; + border: 1px solid #ff4500; +} +.outerbox input:focus, +.outerbox textarea:focus { + background: #401100; +} +.outerbox input[type="submit"], +.outerbox input[type="button"] { + background: #000; + box-shadow: 0 0 5px #ff4500; +} +.threadpage input, +.threadpage textarea, +.thread input, +.thread textarea { + background: #0c050d; + border: 1px solid #fa5923; + color: #fa5923; +} +.threadpage input:focus, +.threadpage textarea:focus, +.thread input:focus, +.thread textarea:focus { + background: #290c0a; +} +.threadpage input[type="submit"], +.threadpage input[type="button"], +.thread input[type="submit"], +.thread input[type="button"] { + background: #0c050d; +} +#q-p { + background: #160901; + border: 1px solid #521; + box-shadow: 0 0 5px #521; +} +#q-p .msg, +#q-p a.thumb { + margin-bottom: 8px; +} +#createbox { + display: flex; +} +#createbox .extrabox { + border: 1px inset grey; + margin: 7px 0 7px 7px; + float: left; + width: 40px; + height: auto; + flex: 0 1 40px; + -webkit-flex: 0 1 40px; +} +#createbox .innerbox { + flex: 0 1 100%; + -webkit-flex: 0 1 100%; +} +form .msg { + border: 1px dotted #fa5923; + background: #000; +} +#footer { + text-shadow: 0 0 2px; +} +#content.list { + padding: 7px; +} +#content.list #header div { + background: #2d0000; + border-top: 1px inset #914400; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #000; +} +#content.list .row div:first-child { + border-left: 1px inset #914400; +} +#content.list .row div:last-child { + border-right: 1px inset #914400; +} +#content.list .row:last-child div { + border-bottom: 1px inset #914400; +} +#content.grid { + border: 1px outset #914400; + padding: 1px; +} +#content.grid .row { + border: 1px inset #914400; + margin: 1px; +} +@media screen and (max-width: 480px) { + .msg { + margin: 4px 20px 12px; + } +} diff --git a/static/css/spc/layout.css b/static/css/spc/layout.css index b99f451..ed0b6b5 100644 --- a/static/css/spc/layout.css +++ b/static/css/spc/layout.css @@ -23,21 +23,25 @@ /* #Media Queries ================================================== */ - /* Smaller than standard 960 (devices and browsers) */ - @media only screen and (max-width: 959px) {} +/* Smaller than standard 960 (devices and browsers) */ +@media only screen and (max-width: 959px) { +} - /* Tablet Portrait size to standard 960 (devices and browsers) */ - @media only screen and (min-width: 768px) and (max-width: 959px) {} +/* Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 959px) { +} - /* All Mobile Sizes (devices and browser) */ - @media only screen and (max-width: 767px) {} +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { +} - /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ - @media only screen and (min-width: 480px) and (max-width: 767px) {} - - /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ - @media only screen and (max-width: 479px) {} +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ +@media only screen and (min-width: 480px) and (max-width: 767px) { +} +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ +@media only screen and (max-width: 479px) { +} /* #Font-Face ================================================== */ @@ -55,4 +59,4 @@ url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } -*/ \ No newline at end of file +*/ diff --git a/static/css/spc/material.css b/static/css/spc/material.css index ac3051c..3e6b57b 100644 --- a/static/css/spc/material.css +++ b/static/css/spc/material.css @@ -1,75 +1,378 @@ -body,textarea{color:#111} -body{background:#f5f5f5} -a,#n2{color:#00F;text-decoration:none} -a:active,a:active .name,#n2:active{color:#f00} -.msg a{color:#111;text-decoration:underline} -.msg a:hover{color:#438ac1} -h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000} -h2{margin-bottom:.5em} -h2 a{color:#616161} -h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center} -h3 span{display:block;font-size:smaller;font-weight:normal;opacity:.7} -h4{font-size:12px} -.date,h2 span,.threadnav,hr,#size,.banner,.threadpage .postform br{display:none} -#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9} -#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center} -#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px} -#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover{background:#DDD} -#titlebox a,#threadbox a{color:#FFF} -#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0} -#rules,#search{margin:1em 1em 0} -#threadbox{background:rgb(63, 81, 181);color:#FFF;margin:0 0 -150px;padding-bottom:150px} -#threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9} -#threadlinks{text-transform:uppercase} -#threadlist{overflow-y:hidden} -#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px} -.innerbox,.threadpage .threadlinks{margin:0} -.thread,.outerbox,#content{background:#FFF;margin:2em 7%} -.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);} -.thread .innerbox{background:#FFF;margin:0;padding:16px} -.mainpage .thread{margin:2em 7%} -.threadpage .thread{max-width:600px;margin:0 auto;padding:1em} -.threadpage .postform{max-width:800px;margin:0 auto;padding:1em;text-align:center} -.threadpage .postform>span,.threadpage textarea{display:block;margin:.5em 0 0} -input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:8px} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#438ac1} -input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:8px;} -textarea{margin:.5em 0;width:100%} -select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;} -.num,.del{float:right} -.name{background:#FFF;float:left;margin-right:-20px;position:relative;z-index:9} -a .name,.name,.abbrev{color:#2296f3} -.name:after{content:' dijo';color:#FF4081;font-style:italic;text-decoration:none} -.name em{color:#009} -.del{margin-right:4px} -.del a{color:#000} -.reply{margin-bottom:.5em} -.msg{margin:.5em 0 0 40px} -a.thumb{margin-top:4px} -.q{color:#666} -a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none} -a.yt,.yt .pvw{border-radius:10px} -.deleted{color:#AFAFAF;margin-bottom:24px} -#q-p{background:#EFEFEF;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center} -.lastposts a,.lastposts #n2{background:#ff4081;margin:0 5px;text-decoration:none} -#counter{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)} -.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px} -.mainpage .postform,.formpad{padding-left:0} -.mainpage .postform{margin:1em -1em -1em;padding:1em} -.postform{background:#EEE;color:#666} -.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;margin-right:.2em;padding:.2em;text-transform:uppercase} -form .msg{border:1px dotted #000;background:#DDD} -h5{font-variant:small-caps;text-align:center} -#createbox{padding-top:1em} -#createbox .innerbox{padding:0} -#createbox table{margin:0 auto} -#footer{padding:1em} -#footer a{color:#FFF} -.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1} -#content .thread{background:none;box-shadow:none} -#content.list #header div{background:#FFF;border-bottom:1px solid #CCC} -#content .row:hover{background:#EEE} -#content.list .row div{border-bottom:1px solid #EEE} -#content.grid .row{border:1px solid #EEE;margin:0} \ No newline at end of file +body, +textarea { + color: #111; +} +body { + background: #f5f5f5; +} +a, +#n2 { + color: #00f; + text-decoration: none; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +.msg a { + color: #111; + text-decoration: underline; +} +.msg a:hover { + color: #438ac1; +} +h1 { + font-size: 30px; + margin: 0; + background: #1a2357; + margin: -7px -7px 16px; + padding: 16px; + font-variant: small-caps; + box-shadow: 0 2px 10px #000; +} +h2 { + margin-bottom: 0.5em; +} +h2 a { + color: #616161; +} +h3 { + border-bottom: 1px solid #ccc; + color: #4b01d1; + font-weight: bold; + margin: 0 0 8px; + padding-bottom: 8px; + text-align: center; +} +h3 span { + display: block; + font-size: smaller; + font-weight: normal; + opacity: 0.7; +} +h4 { + font-size: 12px; +} +.date, +h2 span, +.threadnav, +hr, +#size, +.banner, +.threadpage .postform br { + display: none; +} +#main_nav { + background: #4b01d1; + font-size: 1px; + font-size: 0; + position: relative; + z-index: 9; +} +#thread_nav { + background: #303f9f; + margin: -8px -8px -100px; + padding: 16px 0 116px; + text-align: center; +} +#main_nav a, +#thread_nav a { + background: #fff; + border-radius: 2px; + color: #000; + display: inline-block; + font-size: 14px; + margin: 0 2px; + padding: 2px; +} +#main_nav a:hover, +.threadlinks a:hover, +#thread_nav a:hover { + background: #ddd; +} +#titlebox a, +#threadbox a { + color: #fff; +} +#titlebox, +#createbox, +#footer, +.end { + background: #303f9f; + color: #fff; + margin: 0; +} +#rules, +#search { + margin: 1em 1em 0; +} +#threadbox { + background: rgb(63, 81, 181); + color: #fff; + margin: 0 0 -150px; + padding-bottom: 150px; +} +#threadbox .innerbox:after { + content: ""; + box-shadow: 0 0 20px 25px #3f51b5; + display: block; + position: relative; + z-index: 9; +} +#threadlinks { + text-transform: uppercase; +} +#threadlist { + overflow-y: hidden; +} +#threadlist a { + background: #fff; + border-bottom: 1px solid #182050; + border-radius: 5px; + color: #303f9f; + display: inline-block; + padding: 3px; + margin: 3px; +} +.innerbox, +.threadpage .threadlinks { + margin: 0; +} +.thread, +.outerbox, +#content { + background: #fff; + margin: 2em 7%; +} +.thread, +#content, +.threadpage .postform { + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.thread .innerbox { + background: #fff; + margin: 0; + padding: 16px; +} +.mainpage .thread { + margin: 2em 7%; +} +.threadpage .thread { + max-width: 600px; + margin: 0 auto; + padding: 1em; +} +.threadpage .postform { + max-width: 800px; + margin: 0 auto; + padding: 1em; + text-align: center; +} +.threadpage .postform > span, +.threadpage textarea { + display: block; + margin: 0.5em 0 0; +} +input[type="submit"], +input[type="button"], +button, +.lastposts a, +#n2 { + background: #2296f3; + border: 0; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); + color: #fff; + text-transform: uppercase; + padding: 8px; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #438ac1; +} +input[type="text"], +textarea, +#search input[type="text"] { + border: 1px solid #ccc; + border-radius: 2px; + padding: 8px; +} +textarea { + margin: 0.5em 0; + width: 100%; +} +select { + border-radius: 2px; + background: #2296f3 + url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) + no-repeat 95%; + border: 0; + padding: 0; + color: #fff; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; +} +.num, +.del { + float: right; +} +.name { + background: #fff; + float: left; + margin-right: -20px; + position: relative; + z-index: 9; +} +a .name, +.name, +.abbrev { + color: #2296f3; +} +.name:after { + content: " dijo"; + color: #ff4081; + font-style: italic; + text-decoration: none; +} +.name em { + color: #009; +} +.del { + margin-right: 4px; +} +.del a { + color: #000; +} +.reply { + margin-bottom: 0.5em; +} +.msg { + margin: 0.5em 0 0 40px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #666; +} +a.yt { + background: #fff; + border: 1px solid #ccc; + box-shadow: 0 4px 10px -4px #ccc; + color: #444; + text-decoration: none; +} +a.yt, +.yt .pvw { + border-radius: 10px; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +#q-p { + background: #efefef; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +.lastposts { + padding: 16px 0; + font-size: 1px; + font-size: 0; + text-align: center; +} +.lastposts a, +.lastposts #n2 { + background: #ff4081; + margin: 0 5px; + text-decoration: none; +} +#counter { + background: #2296f3; + border-radius: 100%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); +} +.lastposts a, +#n2, +#counter { + color: #fff; + display: inline-block; + font-size: 16px; + padding: 5px; +} +.mainpage .postform, +.formpad { + padding-left: 0; +} +.mainpage .postform { + margin: 1em -1em -1em; + padding: 1em; +} +.postform { + background: #eee; + color: #666; +} +.threadlinks a { + background: #fff; + border-radius: 0.2em; + color: #00bcd4; + display: inline-block; + font-size: smaller; + margin-right: 0.2em; + padding: 0.2em; + text-transform: uppercase; +} +form .msg { + border: 1px dotted #000; + background: #ddd; +} +h5 { + font-variant: small-caps; + text-align: center; +} +#createbox { + padding-top: 1em; +} +#createbox .innerbox { + padding: 0; +} +#createbox table { + margin: 0 auto; +} +#footer { + padding: 1em; +} +#footer a { + color: #fff; +} +.end { + margin: -100px -8px -8px; + padding: 116px 0 16px; + position: relative; + text-align: center; + z-index: -1; +} +#content .thread { + background: none; + box-shadow: none; +} +#content.list #header div { + background: #fff; + border-bottom: 1px solid #ccc; +} +#content .row:hover { + background: #eee; +} +#content.list .row div { + border-bottom: 1px solid #eee; +} +#content.grid .row { + border: 1px solid #eee; + margin: 0; +} diff --git a/static/css/spc/material_normal.css b/static/css/spc/material_normal.css index 9af806f..0fa7c7e 100644 --- a/static/css/spc/material_normal.css +++ b/static/css/spc/material_normal.css @@ -1,85 +1,408 @@ -body,textarea{color:#111} -body{background:#f5f5f5} -a{color:#00BCD4;text-decoration:none} -a:hover{color:#FF6961} -.msg a{color:#111;text-decoration:underline} -.msg a:hover{color:#438ac1} -h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000} -h2{margin-bottom:.5em} -h2 span{color:#CCC} -h2 a{color:#616161} -h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center} -h3 span{display:block;font-size:smaller;opacity:.7} -h4{color:#AAA;font-size:12px} -hr,#size,.banner,.threadpage .postform br{display:none} -#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9} -#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center} -#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px} -#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover,#threadlist a:hover{background:#DDD} -#titlebox a,#threadbox a{color:#FFF} -#rules a:hover,.links a:hover,#threadlinks a:hover{border-radius:4px;margin:-2px;padding:2px;background:#1f285a;display:inline-block} -#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0} -#rules,#search{margin:1em 1em 0} -#threadbox{background:#3f51b5;color:#FFF;margin:0 0 -150px;padding:0 1em 150px} -.mainpage #threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9} -#threadlinks{text-transform:uppercase} -#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px} -.threadnav a{color:#FFF;padding:4px;display:inline-block} -.innerbox{margin:0} -.thread,.outerbox,#content{background:#FFF;margin-top:2em} -.mainpage .thread{margin-top:2em} -.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);} -.thread .innerbox{background:#FFF;margin:0;padding:16px} -.threadpage .thread,.threadpage .postform{margin:0 2.5%;padding:1em} -.thread textarea,.threadpage textarea,.mainpage .threadlinks{margin-top:.5em} -input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:6px} -input[type="submit"]:active,input[type="button"]:active,button:active,.threadnav a:hover{background:#438ac1} -input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:6px} -textarea{width:100%} -select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;} -a .name,.name,.abbrev{color:#2296f3} -.name em{color:#009} -.del{margin-right:4px} -.del a{color:#000} -a.thumb{margin-top:4px} -.q{color:#666} -a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none} -a.yt,.yt .pvw{border-radius:10px} -.deleted{color:#AFAFAF;margin-bottom:24px} -#q-p{background:#FFF;border:1px solid #DDD;box-shadow:0 0 5px #CCC} -.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center} -.lastposts a,.lastposts #n2{background:#ff4081;margin-right:5px;text-decoration:none} -.lastposts a:active,#n2:active{background:#b22d5a} -.threadpage .threadlinks{margin:0;margin-bottom:8px} -#counter,.threadnav a{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)} -.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px} -.mainpage .postform,.formpad{padding-left:0} -.mainpage .postform{margin:1em -1em -1em;padding:1em} -.postform{background:#EEE;color:#666;text-align:center} -.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;padding:.2em;text-transform:uppercase} -form .msg{border:1px dotted #AAA;background:#FFF;color:#111} -h5{font-variant:small-caps;text-align:center} -#createbox{margin-top:2em;padding-top:1em} -#createbox .innerbox{padding:0} -#createbox table{margin:0 auto} -#createbox .threadnav{right:7px;position:relative} -#footer{padding:1em} -#footer a{color:#FFF} -.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1} -#content .thread{background:none;box-shadow:none} -#content.list #header div{background:#FFF;border-bottom:1px solid #CCC} -#content .row:hover{background:#EEE} -#content.list .row div{border-bottom:1px solid #EEE} -#content.grid .row{border:1px solid #EEE;margin:0} -@media(max-width:720px){ - #main_nav.mob select{font-size:12px} - h1{font-size:18px} - #threadbox{padding-left:0;padding-right:0} - #rules,#search{margin-left:0;margin-right:0} - .thread .innerbox{padding:.5em} - .mainpage .thread{margin:2em .5em} - .mainpage .postform{margin:.5em -.5em -.5em;padding:.5em} - .threadpage .thread,.threadpage .postform{margin:0;padding:.5em} - .lastposts{padding:8px 0} - .postform>span{margin-top:.5em} -} \ No newline at end of file +body, +textarea { + color: #111; +} +body { + background: #f5f5f5; +} +a { + color: #00bcd4; + text-decoration: none; +} +a:hover { + color: #ff6961; +} +.msg a { + color: #111; + text-decoration: underline; +} +.msg a:hover { + color: #438ac1; +} +h1 { + font-size: 30px; + margin: 0; + background: #1a2357; + margin: -7px -7px 16px; + padding: 16px; + font-variant: small-caps; + box-shadow: 0 2px 10px #000; +} +h2 { + margin-bottom: 0.5em; +} +h2 span { + color: #ccc; +} +h2 a { + color: #616161; +} +h3 { + border-bottom: 1px solid #ccc; + color: #4b01d1; + font-weight: bold; + margin: 0 0 8px; + padding-bottom: 8px; + text-align: center; +} +h3 span { + display: block; + font-size: smaller; + opacity: 0.7; +} +h4 { + color: #aaa; + font-size: 12px; +} +hr, +#size, +.banner, +.threadpage .postform br { + display: none; +} +#main_nav { + background: #4b01d1; + font-size: 1px; + font-size: 0; + position: relative; + z-index: 9; +} +#thread_nav { + background: #303f9f; + margin: -8px -8px -100px; + padding: 16px 0 116px; + text-align: center; +} +#main_nav a, +#thread_nav a { + background: #fff; + border-radius: 2px; + color: #000; + display: inline-block; + font-size: 14px; + margin: 0 2px; + padding: 2px; +} +#main_nav a:hover, +.threadlinks a:hover, +#thread_nav a:hover, +#threadlist a:hover { + background: #ddd; +} +#titlebox a, +#threadbox a { + color: #fff; +} +#rules a:hover, +.links a:hover, +#threadlinks a:hover { + border-radius: 4px; + margin: -2px; + padding: 2px; + background: #1f285a; + display: inline-block; +} +#titlebox, +#createbox, +#footer, +.end { + background: #303f9f; + color: #fff; + margin: 0; +} +#rules, +#search { + margin: 1em 1em 0; +} +#threadbox { + background: #3f51b5; + color: #fff; + margin: 0 0 -150px; + padding: 0 1em 150px; +} +.mainpage #threadbox .innerbox:after { + content: ""; + box-shadow: 0 0 20px 25px #3f51b5; + display: block; + position: relative; + z-index: 9; +} +#threadlinks { + text-transform: uppercase; +} +#threadlist a { + background: #fff; + border-bottom: 1px solid #182050; + border-radius: 5px; + color: #303f9f; + display: inline-block; + padding: 3px; + margin: 3px; +} +.threadnav a { + color: #fff; + padding: 4px; + display: inline-block; +} +.innerbox { + margin: 0; +} +.thread, +.outerbox, +#content { + background: #fff; + margin-top: 2em; +} +.mainpage .thread { + margin-top: 2em; +} +.thread, +#content, +.threadpage .postform { + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.thread .innerbox { + background: #fff; + margin: 0; + padding: 16px; +} +.threadpage .thread, +.threadpage .postform { + margin: 0 2.5%; + padding: 1em; +} +.thread textarea, +.threadpage textarea, +.mainpage .threadlinks { + margin-top: 0.5em; +} +input[type="submit"], +input[type="button"], +button, +.lastposts a, +#n2 { + background: #2296f3; + border: 0; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); + color: #fff; + text-transform: uppercase; + padding: 6px; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active, +.threadnav a:hover { + background: #438ac1; +} +input[type="text"], +textarea, +#search input[type="text"] { + border: 1px solid #ccc; + border-radius: 2px; + padding: 6px; +} +textarea { + width: 100%; +} +select { + border-radius: 2px; + background: #2296f3 + url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) + no-repeat 95%; + border: 0; + padding: 0; + color: #fff; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; +} +a .name, +.name, +.abbrev { + color: #2296f3; +} +.name em { + color: #009; +} +.del { + margin-right: 4px; +} +.del a { + color: #000; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #666; +} +a.yt { + background: #fff; + border: 1px solid #ccc; + box-shadow: 0 4px 10px -4px #ccc; + color: #444; + text-decoration: none; +} +a.yt, +.yt .pvw { + border-radius: 10px; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +#q-p { + background: #fff; + border: 1px solid #ddd; + box-shadow: 0 0 5px #ccc; +} +.lastposts { + padding: 16px 0; + font-size: 1px; + font-size: 0; + text-align: center; +} +.lastposts a, +.lastposts #n2 { + background: #ff4081; + margin-right: 5px; + text-decoration: none; +} +.lastposts a:active, +#n2:active { + background: #b22d5a; +} +.threadpage .threadlinks { + margin: 0; + margin-bottom: 8px; +} +#counter, +.threadnav a { + background: #2296f3; + border-radius: 100%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); +} +.lastposts a, +#n2, +#counter { + color: #fff; + display: inline-block; + font-size: 16px; + padding: 5px; +} +.mainpage .postform, +.formpad { + padding-left: 0; +} +.mainpage .postform { + margin: 1em -1em -1em; + padding: 1em; +} +.postform { + background: #eee; + color: #666; + text-align: center; +} +.threadlinks a { + background: #fff; + border-radius: 0.2em; + color: #00bcd4; + display: inline-block; + font-size: smaller; + padding: 0.2em; + text-transform: uppercase; +} +form .msg { + border: 1px dotted #aaa; + background: #fff; + color: #111; +} +h5 { + font-variant: small-caps; + text-align: center; +} +#createbox { + margin-top: 2em; + padding-top: 1em; +} +#createbox .innerbox { + padding: 0; +} +#createbox table { + margin: 0 auto; +} +#createbox .threadnav { + right: 7px; + position: relative; +} +#footer { + padding: 1em; +} +#footer a { + color: #fff; +} +.end { + margin: -100px -8px -8px; + padding: 116px 0 16px; + position: relative; + text-align: center; + z-index: -1; +} +#content .thread { + background: none; + box-shadow: none; +} +#content.list #header div { + background: #fff; + border-bottom: 1px solid #ccc; +} +#content .row:hover { + background: #eee; +} +#content.list .row div { + border-bottom: 1px solid #eee; +} +#content.grid .row { + border: 1px solid #eee; + margin: 0; +} +@media (max-width: 720px) { + #main_nav.mob select { + font-size: 12px; + } + h1 { + font-size: 18px; + } + #threadbox { + padding-left: 0; + padding-right: 0; + } + #rules, + #search { + margin-left: 0; + margin-right: 0; + } + .thread .innerbox { + padding: 0.5em; + } + .mainpage .thread { + margin: 2em 0.5em; + } + .mainpage .postform { + margin: 0.5em -0.5em -0.5em; + padding: 0.5em; + } + .threadpage .thread, + .threadpage .postform { + margin: 0; + padding: 0.5em; + } + .lastposts { + padding: 8px 0; + } + .postform > span { + margin-top: 0.5em; + } +} diff --git a/static/css/spc/navidad.css b/static/css/spc/navidad.css index 4d90c6a..19621bb 100644 --- a/static/css/spc/navidad.css +++ b/static/css/spc/navidad.css @@ -1,161 +1,161 @@ -html, body { - background:#004608; - color:#fff; +html, +body { + background: #004608; + color: #fff; } a { - color:#EFD279; + color: #efd279; } a.rep { - color:#fff; + color: #fff; } a:hover { - color:#DD0000; + color: #dd0000; } -.reflink a:hover{ - font-weight: bold; +.reflink a:hover { + font-weight: bold; } .adminbar { - text-align:right; - clear:both; - float:right; + text-align: right; + clear: both; + float: right; } .logo { - clear:both; - text-align:center; - font-size:2em; - color:#CCFFCC; - width:100%; + clear: both; + text-align: center; + font-size: 2em; + color: #ccffcc; + width: 100%; } .replymode { - background:#078B26; - text-align:center; - padding:2px; - color:#FFFFFF; - width:100%; + background: #078b26; + text-align: center; + padding: 2px; + color: #ffffff; + width: 100%; } .catalogmode { - background:#0040E0; - text-align:center; - padding:2px; - color:#FFFFFF; - width:100%; + background: #0040e0; + text-align: center; + padding: 2px; + color: #ffffff; + width: 100%; } .rules { - /*font-size:0.7em;*/ - width: 468px; - font-size: 10px; - font-family: sans-serif; + /*font-size:0.7em;*/ + width: 468px; + font-size: 10px; + font-family: sans-serif; } .rules li { - margin-left: 1em; - /*text-indent: 0em;*/ + margin-left: 1em; + /*text-indent: 0em;*/ } .postblock { - background:#B00000; - color:#FFF; - font-weight:800; + background: #b00000; + color: #fff; + font-weight: 800; } .footer { - text-align:center; - font-size:12px; - font-family:serif; + text-align: center; + font-size: 12px; + font-family: serif; } .passvalid { - background:#EEAA88; - text-align:center; - width:100%; - color:#ffffff; + background: #eeaa88; + text-align: center; + width: 100%; + color: #ffffff; } .dellist { - font-weight: bold; - text-align:center; + font-weight: bold; + text-align: center; } .delbuttons { - text-align:center; - padding-bottom:4px; - + text-align: center; + padding-bottom: 4px; } .managehead { - background:#AAAA66; - color:#400000; - padding:0px; + background: #aaaa66; + color: #400000; + padding: 0px; } .postlists { - background:#FFFFFF; - width:100%; - padding:0px; - color:#800000; + background: #ffffff; + width: 100%; + padding: 0px; + color: #800000; } .row1 { - background:#EEEECC; - color:#800000; + background: #eeeecc; + color: #800000; } .row2 { - background:#DDDDAA; - color:#800000; + background: #ddddaa; + color: #800000; } .q { - background:inherit; - color:#BDF46C; + background: inherit; + color: #bdf46c; } .filesize { - text-decoration:none; + text-decoration: none; } .filetitle { - background:inherit; - font-size:1.3em; - color:#E91F1F; - font-weight:800; + background: inherit; + font-size: 1.3em; + color: #e91f1f; + font-weight: 800; } .postername { - color:#AFD775; - font-weight:bold; + color: #afd775; + font-weight: bold; } .postertrip { - color:#AFD775; + color: #afd775; } .oldpost { - color:#CC1105; - font-weight:800; + color: #cc1105; + font-weight: 800; } .omittedposts { - color:#909090; + color: #909090; } .reply { - background: #078B26; - color: #fff; + background: #078b26; + color: #fff; } .replyhl { - background: #F0C0B0; - color: #800000; + background: #f0c0b0; + color: #800000; } .replytitle { - font-size: 1.2em; - color:#CC1105; - font-weight:800; + font-size: 1.2em; + color: #cc1105; + font-weight: 800; } .commentpostername { - color:#117743; - font-weight:800; + color: #117743; + font-weight: 800; } .thumbnailmsg { - font-size: small; - color:#800000; + font-size: small; + color: #800000; } .abbrev { - color:#707070; + color: #707070; } .highlight { - /*background:#95CBE9;*/ - background: #5B8BB4; - /*color:#2C5700;*/ - /*border: 2px dashed #070;*/ - border: 2px dashed #AFD775; + /*background:#95CBE9;*/ + background: #5b8bb4; + /*color:#2C5700;*/ + /*border: 2px dashed #070;*/ + border: 2px dashed #afd775; } .banned { - color:#F99C64; + color: #f99c64; } .administrator { - color:#C00 !important; + color: #c00 !important; } diff --git a/static/css/spc/skeleton.css b/static/css/spc/skeleton.css index 049db08..efb2126 100644 --- a/static/css/spc/skeleton.css +++ b/static/css/spc/skeleton.css @@ -7,7 +7,6 @@ * 6/20/2012 */ - /* Table of Contents ================================================== #Base 960 Grid @@ -16,227 +15,408 @@ #Mobile (Landscape) #Clearing */ - - /* #Base 960 Grid ================================================== */ - .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } - .container .column, - .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } - .row { margin-bottom: 20px; } - - /* Nested Column Classes */ - .column.alpha, .columns.alpha { margin-left: 0; } - .column.omega, .columns.omega { margin-right: 0; } - - /* Base Grid */ - .container .one.column, - .container .one.columns { width: 40px; } - .container .two.columns { width: 100px; } - .container .three.columns { width: 160px; } - .container .four.columns { width: 220px; } - .container .five.columns { width: 280px; } - .container .six.columns { width: 340px; } - .container .seven.columns { width: 400px; } - .container .eight.columns { width: 460px; } - .container .nine.columns { width: 520px; } - .container .ten.columns { width: 580px; } - .container .eleven.columns { width: 640px; } - .container .twelve.columns { width: 700px; } - .container .thirteen.columns { width: 760px; } - .container .fourteen.columns { width: 820px; } - .container .fifteen.columns { width: 880px; } - .container .sixteen.columns { width: 940px; } - - .container .one-third.column { width: 300px; } - .container .two-thirds.column { width: 620px; } - - /* Offsets */ - .container .offset-by-one { padding-left: 60px; } - .container .offset-by-two { padding-left: 120px; } - .container .offset-by-three { padding-left: 180px; } - .container .offset-by-four { padding-left: 240px; } - .container .offset-by-five { padding-left: 300px; } - .container .offset-by-six { padding-left: 360px; } - .container .offset-by-seven { padding-left: 420px; } - .container .offset-by-eight { padding-left: 480px; } - .container .offset-by-nine { padding-left: 540px; } - .container .offset-by-ten { padding-left: 600px; } - .container .offset-by-eleven { padding-left: 660px; } - .container .offset-by-twelve { padding-left: 720px; } - .container .offset-by-thirteen { padding-left: 780px; } - .container .offset-by-fourteen { padding-left: 840px; } - .container .offset-by-fifteen { padding-left: 900px; } - - +.container { + position: relative; + width: 960px; + margin: 0 auto; + padding: 0; +} +.container .column, +.container .columns { + float: left; + display: inline; + margin-left: 10px; + margin-right: 10px; +} +.row { + margin-bottom: 20px; +} + +/* Nested Column Classes */ +.column.alpha, +.columns.alpha { + margin-left: 0; +} +.column.omega, +.columns.omega { + margin-right: 0; +} + +/* Base Grid */ +.container .one.column, +.container .one.columns { + width: 40px; +} +.container .two.columns { + width: 100px; +} +.container .three.columns { + width: 160px; +} +.container .four.columns { + width: 220px; +} +.container .five.columns { + width: 280px; +} +.container .six.columns { + width: 340px; +} +.container .seven.columns { + width: 400px; +} +.container .eight.columns { + width: 460px; +} +.container .nine.columns { + width: 520px; +} +.container .ten.columns { + width: 580px; +} +.container .eleven.columns { + width: 640px; +} +.container .twelve.columns { + width: 700px; +} +.container .thirteen.columns { + width: 760px; +} +.container .fourteen.columns { + width: 820px; +} +.container .fifteen.columns { + width: 880px; +} +.container .sixteen.columns { + width: 940px; +} + +.container .one-third.column { + width: 300px; +} +.container .two-thirds.column { + width: 620px; +} + +/* Offsets */ +.container .offset-by-one { + padding-left: 60px; +} +.container .offset-by-two { + padding-left: 120px; +} +.container .offset-by-three { + padding-left: 180px; +} +.container .offset-by-four { + padding-left: 240px; +} +.container .offset-by-five { + padding-left: 300px; +} +.container .offset-by-six { + padding-left: 360px; +} +.container .offset-by-seven { + padding-left: 420px; +} +.container .offset-by-eight { + padding-left: 480px; +} +.container .offset-by-nine { + padding-left: 540px; +} +.container .offset-by-ten { + padding-left: 600px; +} +.container .offset-by-eleven { + padding-left: 660px; +} +.container .offset-by-twelve { + padding-left: 720px; +} +.container .offset-by-thirteen { + padding-left: 780px; +} +.container .offset-by-fourteen { + padding-left: 840px; +} +.container .offset-by-fifteen { + padding-left: 900px; +} /* #Tablet (Portrait) ================================================== */ - /* Note: Design for a width of 768px */ - - @media only screen and (min-width: 768px) and (max-width: 959px) { - .container { width: 768px; } - .container .column, - .container .columns { margin-left: 10px; margin-right: 10px; } - .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } - .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } - .alpha.omega { margin-left: 0; margin-right: 0; } - - .container .one.column, - .container .one.columns { width: 28px; } - .container .two.columns { width: 76px; } - .container .three.columns { width: 124px; } - .container .four.columns { width: 172px; } - .container .five.columns { width: 220px; } - .container .six.columns { width: 268px; } - .container .seven.columns { width: 316px; } - .container .eight.columns { width: 364px; } - .container .nine.columns { width: 412px; } - .container .ten.columns { width: 460px; } - .container .eleven.columns { width: 508px; } - .container .twelve.columns { width: 556px; } - .container .thirteen.columns { width: 604px; } - .container .fourteen.columns { width: 652px; } - .container .fifteen.columns { width: 700px; } - .container .sixteen.columns { width: 748px; } - - .container .one-third.column { width: 236px; } - .container .two-thirds.column { width: 492px; } - - /* Offsets */ - .container .offset-by-one { padding-left: 48px; } - .container .offset-by-two { padding-left: 96px; } - .container .offset-by-three { padding-left: 144px; } - .container .offset-by-four { padding-left: 192px; } - .container .offset-by-five { padding-left: 240px; } - .container .offset-by-six { padding-left: 288px; } - .container .offset-by-seven { padding-left: 336px; } - .container .offset-by-eight { padding-left: 384px; } - .container .offset-by-nine { padding-left: 432px; } - .container .offset-by-ten { padding-left: 480px; } - .container .offset-by-eleven { padding-left: 528px; } - .container .offset-by-twelve { padding-left: 576px; } - .container .offset-by-thirteen { padding-left: 624px; } - .container .offset-by-fourteen { padding-left: 672px; } - .container .offset-by-fifteen { padding-left: 720px; } - } - +/* Note: Design for a width of 768px */ + +@media only screen and (min-width: 768px) and (max-width: 959px) { + .container { + width: 768px; + } + .container .column, + .container .columns { + margin-left: 10px; + margin-right: 10px; + } + .column.alpha, + .columns.alpha { + margin-left: 0; + margin-right: 10px; + } + .column.omega, + .columns.omega { + margin-right: 0; + margin-left: 10px; + } + .alpha.omega { + margin-left: 0; + margin-right: 0; + } + + .container .one.column, + .container .one.columns { + width: 28px; + } + .container .two.columns { + width: 76px; + } + .container .three.columns { + width: 124px; + } + .container .four.columns { + width: 172px; + } + .container .five.columns { + width: 220px; + } + .container .six.columns { + width: 268px; + } + .container .seven.columns { + width: 316px; + } + .container .eight.columns { + width: 364px; + } + .container .nine.columns { + width: 412px; + } + .container .ten.columns { + width: 460px; + } + .container .eleven.columns { + width: 508px; + } + .container .twelve.columns { + width: 556px; + } + .container .thirteen.columns { + width: 604px; + } + .container .fourteen.columns { + width: 652px; + } + .container .fifteen.columns { + width: 700px; + } + .container .sixteen.columns { + width: 748px; + } + + .container .one-third.column { + width: 236px; + } + .container .two-thirds.column { + width: 492px; + } + + /* Offsets */ + .container .offset-by-one { + padding-left: 48px; + } + .container .offset-by-two { + padding-left: 96px; + } + .container .offset-by-three { + padding-left: 144px; + } + .container .offset-by-four { + padding-left: 192px; + } + .container .offset-by-five { + padding-left: 240px; + } + .container .offset-by-six { + padding-left: 288px; + } + .container .offset-by-seven { + padding-left: 336px; + } + .container .offset-by-eight { + padding-left: 384px; + } + .container .offset-by-nine { + padding-left: 432px; + } + .container .offset-by-ten { + padding-left: 480px; + } + .container .offset-by-eleven { + padding-left: 528px; + } + .container .offset-by-twelve { + padding-left: 576px; + } + .container .offset-by-thirteen { + padding-left: 624px; + } + .container .offset-by-fourteen { + padding-left: 672px; + } + .container .offset-by-fifteen { + padding-left: 720px; + } +} /* #Mobile (Portrait) ================================================== */ - /* Note: Design for a width of 320px */ - - @media only screen and (max-width: 767px) { - .container { width: 300px; } - .container .columns, - .container .column { margin: 0; } - - .container .one.column, - .container .one.columns, - .container .two.columns, - .container .three.columns, - .container .four.columns, - .container .five.columns, - .container .six.columns, - .container .seven.columns, - .container .eight.columns, - .container .nine.columns, - .container .ten.columns, - .container .eleven.columns, - .container .twelve.columns, - .container .thirteen.columns, - .container .fourteen.columns, - .container .fifteen.columns, - .container .sixteen.columns, - .container .one-third.column, - .container .two-thirds.column { width: 300px; } - - /* Offsets */ - .container .offset-by-one, - .container .offset-by-two, - .container .offset-by-three, - .container .offset-by-four, - .container .offset-by-five, - .container .offset-by-six, - .container .offset-by-seven, - .container .offset-by-eight, - .container .offset-by-nine, - .container .offset-by-ten, - .container .offset-by-eleven, - .container .offset-by-twelve, - .container .offset-by-thirteen, - .container .offset-by-fourteen, - .container .offset-by-fifteen { padding-left: 0; } - - } - +/* Note: Design for a width of 320px */ + +@media only screen and (max-width: 767px) { + .container { + width: 300px; + } + .container .columns, + .container .column { + margin: 0; + } + + .container .one.column, + .container .one.columns, + .container .two.columns, + .container .three.columns, + .container .four.columns, + .container .five.columns, + .container .six.columns, + .container .seven.columns, + .container .eight.columns, + .container .nine.columns, + .container .ten.columns, + .container .eleven.columns, + .container .twelve.columns, + .container .thirteen.columns, + .container .fourteen.columns, + .container .fifteen.columns, + .container .sixteen.columns, + .container .one-third.column, + .container .two-thirds.column { + width: 300px; + } + + /* Offsets */ + .container .offset-by-one, + .container .offset-by-two, + .container .offset-by-three, + .container .offset-by-four, + .container .offset-by-five, + .container .offset-by-six, + .container .offset-by-seven, + .container .offset-by-eight, + .container .offset-by-nine, + .container .offset-by-ten, + .container .offset-by-eleven, + .container .offset-by-twelve, + .container .offset-by-thirteen, + .container .offset-by-fourteen, + .container .offset-by-fifteen { + padding-left: 0; + } +} /* #Mobile (Landscape) ================================================== */ - /* Note: Design for a width of 480px */ - - @media only screen and (min-width: 480px) and (max-width: 767px) { - .container { width: 420px; } - .container .columns, - .container .column { margin: 0; } - - .container .one.column, - .container .one.columns, - .container .two.columns, - .container .three.columns, - .container .four.columns, - .container .five.columns, - .container .six.columns, - .container .seven.columns, - .container .eight.columns, - .container .nine.columns, - .container .ten.columns, - .container .eleven.columns, - .container .twelve.columns, - .container .thirteen.columns, - .container .fourteen.columns, - .container .fifteen.columns, - .container .sixteen.columns, - .container .one-third.column, - .container .two-thirds.column { width: 420px; } - } - +/* Note: Design for a width of 480px */ + +@media only screen and (min-width: 480px) and (max-width: 767px) { + .container { + width: 420px; + } + .container .columns, + .container .column { + margin: 0; + } + + .container .one.column, + .container .one.columns, + .container .two.columns, + .container .three.columns, + .container .four.columns, + .container .five.columns, + .container .six.columns, + .container .seven.columns, + .container .eight.columns, + .container .nine.columns, + .container .ten.columns, + .container .eleven.columns, + .container .twelve.columns, + .container .thirteen.columns, + .container .fourteen.columns, + .container .fifteen.columns, + .container .sixteen.columns, + .container .one-third.column, + .container .two-thirds.column { + width: 420px; + } +} /* #Clearing ================================================== */ - /* Self Clearing Goodness */ - .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } +/* Self Clearing Goodness */ +.container:after { + content: "\0020"; + display: block; + height: 0; + clear: both; + visibility: hidden; +} - /* Use clearfix class on parent to clear nested columns, +/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ - .clearfix:before, - .clearfix:after, - .row:before, - .row:after { - content: '\0020'; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; } - .row:after, - .clearfix:after { - clear: both; } - .row, - .clearfix { - zoom: 1; } - - /* You can also use a
to clear columns */ - .clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; - } \ No newline at end of file +.clearfix:before, +.clearfix:after, +.row:before, +.row:after { + content: "\0020"; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} +.row:after, +.clearfix:after { + clear: both; +} +.row, +.clearfix { + zoom: 1; +} + +/* You can also use a
to clear columns */ +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} diff --git a/static/css/spc/valentin.css b/static/css/spc/valentin.css index bbbc6c1..cf70219 100644 --- a/static/css/spc/valentin.css +++ b/static/css/spc/valentin.css @@ -1,170 +1,170 @@ -html, body { - /*background:#940BFE;*/ - background: url('img/corazoncitos.gif'); - color:#fff; +html, +body { + /*background:#940BFE;*/ + background: url("img/corazoncitos.gif"); + color: #fff; } a { - color:#EFD279; + color: #efd279; } a.rep { - color:#fff; + color: #fff; } a:hover { - color:#DD0000; + color: #dd0000; } -.reflink a:hover{ - font-weight: bold; +.reflink a:hover { + font-weight: bold; } .adminbar { - text-align:right; - clear:both; - float:right; + text-align: right; + clear: both; + float: right; } .logo { - clear:both; - text-align:center; - font-size:2em; - color:#CCFFCC; - width:100%; + clear: both; + text-align: center; + font-size: 2em; + color: #ccffcc; + width: 100%; } .replymode { - background:#0BBEB8; - text-align:center; - padding:2px; - color:#FFFFFF; - width:100%; + background: #0bbeb8; + text-align: center; + padding: 2px; + color: #ffffff; + width: 100%; } .extramode { - background:#0040E0; - text-align:center; - padding:2px; - color:#FFFFFF; - width:100%; + background: #0040e0; + text-align: center; + padding: 2px; + color: #ffffff; + width: 100%; } .rules { - /*font-size:0.7em;*/ - width: 468px; - font-size: 11px; - font-family: sans-serif; + /*font-size:0.7em;*/ + width: 468px; + font-size: 11px; + font-family: sans-serif; } .rules li { - margin-left: 1em; - /*text-indent: 0em;*/ + margin-left: 1em; + /*text-indent: 0em;*/ } .postblock { - background:#95CBE9; - color:#2C5700; - font-weight:800; + background: #95cbe9; + color: #2c5700; + font-weight: 800; } .footer { - text-align:center; - font-size:12px; - font-family:serif; + text-align: center; + font-size: 12px; + font-family: serif; } .passvalid { - background:#EEAA88; - text-align:center; - width:100%; - color:#ffffff; + background: #eeaa88; + text-align: center; + width: 100%; + color: #ffffff; } .dellist { - font-weight: bold; - text-align:center; + font-weight: bold; + text-align: center; } .delbuttons { - text-align:center; - padding-bottom:4px; - + text-align: center; + padding-bottom: 4px; } .managehead { - background:#AAAA66; - color:#400000; - padding:0px; + background: #aaaa66; + color: #400000; + padding: 0px; } .postlists { - background:#FFFFFF; - width:100%; - padding:0px; - color:#800000; + background: #ffffff; + width: 100%; + padding: 0px; + color: #800000; } .row1 { - background:#EEEECC; - color:#800000; + background: #eeeecc; + color: #800000; } .row2 { - background:#DDDDAA; - color:#800000; + background: #ddddaa; + color: #800000; } .q { - background:inherit; - color:#BDF46C; + background: inherit; + color: #bdf46c; } .filesize { - text-decoration:none; + text-decoration: none; } .filetitle { - background:inherit; - font-size:1.3em; - color:#DE9D7F; - font-weight:800; + background: inherit; + font-size: 1.3em; + color: #de9d7f; + font-weight: 800; } .postername { - color:#AFD775; - font-weight:bold; + color: #afd775; + font-weight: bold; } .postertrip { - color:#AFD775; + color: #afd775; } .oldpost { - color:#CC1105; - font-weight:800; + color: #cc1105; + font-weight: 800; } .omittedposts { - color:#909090; + color: #909090; } .reply { - background: #FE0BDF; - color: #fff; + background: #fe0bdf; + color: #fff; } .replyhl { - background: #F0C0B0; - color: #800000; + background: #f0c0b0; + color: #800000; } .replytitle { - font-size: 1.2em; - color:#CC1105; - font-weight:800; + font-size: 1.2em; + color: #cc1105; + font-weight: 800; } .commentpostername { - color:#117743; - font-weight:800; + color: #117743; + font-weight: 800; } .thumbnailmsg { - font-size: small; - color:#800000; + font-size: small; + color: #800000; } .abbrev { - color:#707070; + color: #707070; } .highlight { - /*background:#95CBE9;*/ - background: #5B8BB4; - /*color:#2C5700;*/ - /*border: 2px dashed #070;*/ - border: 2px dashed #AFD775; + /*background:#95CBE9;*/ + background: #5b8bb4; + /*color:#2C5700;*/ + /*border: 2px dashed #070;*/ + border: 2px dashed #afd775; } .banned { - color:#F99C64; + color: #f99c64; } .administrator { - color:#C00 !important; + color: #c00 !important; } .managertable td { - background:#3B6B94; - color:#FFF; + background: #3b6b94; + color: #fff; } .managertable th { - background:#AAF; - color:#FFF; -} \ No newline at end of file + background: #aaf; + color: #fff; +} diff --git a/static/css/spc/valentin2.css b/static/css/spc/valentin2.css index 189611c..83f76d3 100644 --- a/static/css/spc/valentin2.css +++ b/static/css/spc/valentin2.css @@ -1,177 +1,177 @@ -html, body { - background:url('img/hearts1.gif'); - color:#000; +html, +body { + background: url("img/hearts1.gif"); + color: #000; } a { - color:#2D89D0; + color: #2d89d0; } a.rep { - color:#000; + color: #000; } a:hover { - color:#DD0000; + color: #dd0000; } -.reflink a:hover{ - font-weight: bold; +.reflink a:hover { + font-weight: bold; } .adminbar { - text-align:right; - clear:both; - float:right; + text-align: right; + clear: both; + float: right; } .logo { - clear:both; - text-align:center; - font-size:2em; - color:#B35692; - width:100%; + clear: both; + text-align: center; + font-size: 2em; + color: #b35692; + width: 100%; } .replymode { - background:#1D7548; - text-align:center; + background: #1d7548; + text-align: center; font-weight: bold; - padding:2px; - color:#FFFFFF; - width:100%; + padding: 2px; + color: #ffffff; + width: 100%; } .extramode { - background:#0040E0; - text-align:center; + background: #0040e0; + text-align: center; font-weight: bold; - padding:2px; - color:#FFFFFF; - width:100%; + padding: 2px; + color: #ffffff; + width: 100%; } .rules { - /*font-size:0.7em;*/ - width: 468px; - font-size: 11px; - font-family: sans-serif; + /*font-size:0.7em;*/ + width: 468px; + font-size: 11px; + font-family: sans-serif; } .rules li { - margin-left: 1em; - /*text-indent: 0em;*/ + margin-left: 1em; + /*text-indent: 0em;*/ } .postblock { - background:#FF7BD1; - color:#666; - font-weight:800; + background: #ff7bd1; + color: #666; + font-weight: 800; } .footer { - text-align:center; - font-size:12px; - font-family:serif; + text-align: center; + font-size: 12px; + font-family: serif; } .passvalid { - background:#EEAA88; - text-align:center; - width:100%; - color:#ffffff; + background: #eeaa88; + text-align: center; + width: 100%; + color: #ffffff; } .dellist { - font-weight: bold; - text-align:center; + font-weight: bold; + text-align: center; } .delbuttons { - text-align:center; - padding-bottom:4px; - + text-align: center; + padding-bottom: 4px; } .managehead { - background:#AAAA66; - color:#400000; - padding:0px; + background: #aaaa66; + color: #400000; + padding: 0px; } .postlists { - background:#FFFFFF; - width:100%; - padding:0px; - color:#800000; + background: #ffffff; + width: 100%; + padding: 0px; + color: #800000; } .row1 { - background:#EEEECC; - color:#800000; + background: #eeeecc; + color: #800000; } .row2 { - background:#DDDDAA; - color:#800000; + background: #ddddaa; + color: #800000; } .q { - background:inherit; - color:#3D343C; + background: inherit; + color: #3d343c; } blockquote blockquote { - background:inherit; - color:#6D940C; + background: inherit; + color: #6d940c; } .filesize { - text-decoration:none; + text-decoration: none; } .filetitle { - background:inherit; - font-size:1.3em; - color:#DC3D90; - font-weight:800; + background: inherit; + font-size: 1.3em; + color: #dc3d90; + font-weight: 800; } .postername { - color:#C000D6; - font-weight:bold; + color: #c000d6; + font-weight: bold; } .postertrip { - color:#C000D; + color: #C000D; } .oldpost { - color:#CC1105; - font-weight:800; + color: #cc1105; + font-weight: 800; } .omittedposts { - color:#909090; + color: #909090; } .reply { - background: url('img/hearts2.jpg'); - border: 1px solid #BBF; - color: #333; + background: url("img/hearts2.jpg"); + border: 1px solid #bbf; + color: #333; } .replyhl { - background: #F0C0B0; - color: #800000; + background: #f0c0b0; + color: #800000; } .replytitle { - font-size: 1.2em; - color:#DE9D7F; - font-weight:800; + font-size: 1.2em; + color: #de9d7f; + font-weight: 800; } .commentpostername { - color:#117743; - font-weight:800; + color: #117743; + font-weight: 800; } .thumbnailmsg { - font-size: small; - color:#000; + font-size: small; + color: #000; margin: 0; } .abbrev { - color:#707070; + color: #707070; } .highlight { - /*background:#95CBE9;*/ - background: #5B8BB4; - /*color:#2C5700;*/ - /*border: 2px dashed #070;*/ - border: 2px dashed #AFD775; + /*background:#95CBE9;*/ + background: #5b8bb4; + /*color:#2C5700;*/ + /*border: 2px dashed #070;*/ + border: 2px dashed #afd775; } .banned { - color:#F99C64; + color: #f99c64; } .administrator { - color:#C00 !important; + color: #c00 !important; } .managertable td { - background:#3B6B94; - color:#FFF; + background: #3b6b94; + color: #fff; } .managertable th { - background:#AAF; - color:#FFF; + background: #aaf; + color: #fff; } diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css index 258e852..3a63c82 100644 --- a/static/css/txt/4am.css +++ b/static/css/txt/4am.css @@ -1,44 +1,174 @@ -body{background:#222 url('/mantencion_bg.gif');color:#CED1CF} -body.threadpage{background-image:none} -a,a .name,#n2{color:#81A2BE;text-decoration:none} -a:hover,a:focus,#n2:active{color:#4d6172;text-decoration:underline} -hr{border:1px inset #111} -input[type="text"],input[type="submit"],input[type="button"],textarea,button,select{background:#383838;border:1px solid #4B4E55;color:#e8e8e8} -input[type="submit"],input[type="button"],button{background:#333} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#232323} -h1{color:#dc9656;font-size:26px;margin-top:-5px;text-align:center} -h2 a{color:#C66} -h2 span{color:#999} -h3,#size{color:#ab4642} -h3 span{color:#999} -h4{color:#c1c5c2} -#main_nav{background:#000;color:#7cafc2} -.fix #main_nav{box-shadow:0 0 3px #000} -.banner{-webkit-filter:grayscale(60%);filter:grayscale(60%)} -.outerbox{background:#111213;border:1px solid #4B4E55;color:#777879} -#titlebox .threadnav{margin:-6px} -#threadlist{background:#0e0e0e;border:1px solid #4B4E55} -#threadlist a{border-right:1px solid #4B4E55;border-bottom:1px solid #4B4E55} -.mainpage .thread,#content{background:#1D1F21;border:3px double #4B4E55;color:#CED1CF;opacity:.9} -.threadpage .thread{color:#CED1CF} -.name,.abbrev{color:#B5BD68} -.name em{color:#88f} -.del a{color:#ab4642} -h4 .date,.quoted{color:#4e4e4e} -.msg{margin:4px 40px 0} -.reply{margin-bottom:24px} -a.thumb{margin-top:4px} -.q{color:#666} -.yt{background:#383838;border:1px solid gray;color:#e8e8e8} -.yt:hover{text-decoration:none} -.deleted{color:#999;margin-bottom:24px} -#q-p{background:#222;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -.lastposts #n2{text-decoration:none} -form .msg{background:#383838;border:1px dotted #000} -#footer{color:#f7ca88} -.threads h1{text-align:left} -#content.list #header div{background:#111213} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#191B1D} -#content.grid{border:1px solid #4B4E55;padding:1px} -#content.grid .row{border:1px solid #4B4E55;margin:1px} \ No newline at end of file +body { + background: #222 url("/mantencion_bg.gif"); + color: #ced1cf; +} +body.threadpage { + background-image: none; +} +a, +a .name, +#n2 { + color: #81a2be; + text-decoration: none; +} +a:hover, +a:focus, +#n2:active { + color: #4d6172; + text-decoration: underline; +} +hr { + border: 1px inset #111; +} +input[type="text"], +input[type="submit"], +input[type="button"], +textarea, +button, +select { + background: #383838; + border: 1px solid #4b4e55; + color: #e8e8e8; +} +input[type="submit"], +input[type="button"], +button { + background: #333; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #232323; +} +h1 { + color: #dc9656; + font-size: 26px; + margin-top: -5px; + text-align: center; +} +h2 a { + color: #c66; +} +h2 span { + color: #999; +} +h3, +#size { + color: #ab4642; +} +h3 span { + color: #999; +} +h4 { + color: #c1c5c2; +} +#main_nav { + background: #000; + color: #7cafc2; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +.banner { + -webkit-filter: grayscale(60%); + filter: grayscale(60%); +} +.outerbox { + background: #111213; + border: 1px solid #4b4e55; + color: #777879; +} +#titlebox .threadnav { + margin: -6px; +} +#threadlist { + background: #0e0e0e; + border: 1px solid #4b4e55; +} +#threadlist a { + border-right: 1px solid #4b4e55; + border-bottom: 1px solid #4b4e55; +} +.mainpage .thread, +#content { + background: #1d1f21; + border: 3px double #4b4e55; + color: #ced1cf; + opacity: 0.9; +} +.threadpage .thread { + color: #ced1cf; +} +.name, +.abbrev { + color: #b5bd68; +} +.name em { + color: #88f; +} +.del a { + color: #ab4642; +} +h4 .date, +.quoted { + color: #4e4e4e; +} +.msg { + margin: 4px 40px 0; +} +.reply { + margin-bottom: 24px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #666; +} +.yt { + background: #383838; + border: 1px solid gray; + color: #e8e8e8; +} +.yt:hover { + text-decoration: none; +} +.deleted { + color: #999; + margin-bottom: 24px; +} +#q-p { + background: #222; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +.lastposts #n2 { + text-decoration: none; +} +form .msg { + background: #383838; + border: 1px dotted #000; +} +#footer { + color: #f7ca88; +} +.threads h1 { + text-align: left; +} +#content.list #header div { + background: #111213; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #191b1d; +} +#content.grid { + border: 1px solid #4b4e55; + padding: 1px; +} +#content.grid .row { + border: 1px solid #4b4e55; + margin: 1px; +} 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; + } +} diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css index 0e2109d..8811248 100644 --- a/static/css/txt/ayashii.css +++ b/static/css/txt/ayashii.css @@ -1,51 +1,206 @@ -body{background:#004040;color:#FFF} -a,a .name,#n2:active{color:#EFE} -a:active,a:active .name,#n2:active{color:#F00} -h2:before{content:"◆ "} -h2{display:inline-block;margin:0;margin-bottom:.5em} -h2 span{font-weight:initial;font-size:24px;margin-left:4px;display:inline-block;float:right} -h3{margin-bottom:.5em;padding-bottom:.5em} -h4:before{content:"＞";color:#FFFFFE;display:inline-block;font-size:16px;width:40px} -.first h4:before{content:none} -input[type=submit],input[type=button],button{border-width:2px;border-style:outset ridge ridge outset;border-color:#FFF #000 #000 #FFF;background:#DDD;color:#000;padding:0 8px} -#main_nav,.banner{background:inherit;text-align:left;margin:0;padding-left:2.5%} -.fix #main_nav{background:inherit;text-align:center} -#titlebox{margin-bottom:1em;margin-top:5px} -.threadnav a{margin-left:4px} -.innerbox{margin:0;padding:0} -.innerbox,.mainpage .thread,.deleted,#content{margin-bottom:1em;padding-bottom:1em} -.innerbox,.mainpage .thread,.reply,.deleted,h3,#content{border-bottom:2px groove gray} -.links,#listmenu{text-align:left} -#threadbox{margin-bottom:1em} -#threadlinks{text-align:left;margin-bottom:.5em} -#threadlist{background:#003535;border:1px inset gray} -.reply{clear:both;margin-bottom:1em;overflow:hidden} -.reply:last-child{border:0;margin-bottom:0} -.name em{color:#009} -.quoted{font-size:9pt} -.del a{color:#FFF} -.first .msg{margin:1em 40px} -.msg{margin:1em 60px} -.q{color:#99b3b3} -.yt{border:1px solid #FFF} -.abbrev{margin-top:1em} -.deleted{text-decoration:line-through} -#size{color:#FFF;margin-top:-.5em} -#q-p{background:#004040;border:1px solid #DDD} -#q-p h4:before{display:none} -.postform,.formpad{padding-left:0} -form .msg{border:1px dotted #FFF} -#footer{margin-bottom:1em;margin-top:1em;text-align:right} -.threads .outerbox{margin-top:1em} -#content.list #header div{background:#001e1e} -#content.list .row:nth-child(odd){background:#003535} -#content.grid{border-width:2px 2px 0 0} -#content.grid .row{border-width:0 0 2px 2px} -#content.grid,#content.grid .row{border-style:groove;border-color:gray} -.threads #footer{text-align:center} -@media(max-width:720px){ - body.mainpage,body.threads{margin-left:8px;margin-right:8px} - h2 span{margin-left:0;float:none} - h4:before{font-size:12px;width:20px} - div.msg,.first .msg{margin:.5em 0 .5em 20px} -} \ No newline at end of file +body { + background: #004040; + color: #fff; +} +a, +a .name, +#n2:active { + color: #efe; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +h2:before { + content: "◆ "; +} +h2 { + display: inline-block; + margin: 0; + margin-bottom: 0.5em; +} +h2 span { + font-weight: initial; + font-size: 24px; + margin-left: 4px; + display: inline-block; + float: right; +} +h3 { + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} +h4:before { + content: "＞"; + color: #fffffe; + display: inline-block; + font-size: 16px; + width: 40px; +} +.first h4:before { + content: none; +} +input[type="submit"], +input[type="button"], +button { + border-width: 2px; + border-style: outset ridge ridge outset; + border-color: #fff #000 #000 #fff; + background: #ddd; + color: #000; + padding: 0 8px; +} +#main_nav, +.banner { + background: inherit; + text-align: left; + margin: 0; + padding-left: 2.5%; +} +.fix #main_nav { + background: inherit; + text-align: center; +} +#titlebox { + margin-bottom: 1em; + margin-top: 5px; +} +.threadnav a { + margin-left: 4px; +} +.innerbox { + margin: 0; + padding: 0; +} +.innerbox, +.mainpage .thread, +.deleted, +#content { + margin-bottom: 1em; + padding-bottom: 1em; +} +.innerbox, +.mainpage .thread, +.reply, +.deleted, +h3, +#content { + border-bottom: 2px groove gray; +} +.links, +#listmenu { + text-align: left; +} +#threadbox { + margin-bottom: 1em; +} +#threadlinks { + text-align: left; + margin-bottom: 0.5em; +} +#threadlist { + background: #003535; + border: 1px inset gray; +} +.reply { + clear: both; + margin-bottom: 1em; + overflow: hidden; +} +.reply:last-child { + border: 0; + margin-bottom: 0; +} +.name em { + color: #009; +} +.quoted { + font-size: 9pt; +} +.del a { + color: #fff; +} +.first .msg { + margin: 1em 40px; +} +.msg { + margin: 1em 60px; +} +.q { + color: #99b3b3; +} +.yt { + border: 1px solid #fff; +} +.abbrev { + margin-top: 1em; +} +.deleted { + text-decoration: line-through; +} +#size { + color: #fff; + margin-top: -0.5em; +} +#q-p { + background: #004040; + border: 1px solid #ddd; +} +#q-p h4:before { + display: none; +} +.postform, +.formpad { + padding-left: 0; +} +form .msg { + border: 1px dotted #fff; +} +#footer { + margin-bottom: 1em; + margin-top: 1em; + text-align: right; +} +.threads .outerbox { + margin-top: 1em; +} +#content.list #header div { + background: #001e1e; +} +#content.list .row:nth-child(odd) { + background: #003535; +} +#content.grid { + border-width: 2px 2px 0 0; +} +#content.grid .row { + border-width: 0 0 2px 2px; +} +#content.grid, +#content.grid .row { + border-style: groove; + border-color: gray; +} +.threads #footer { + text-align: center; +} +@media (max-width: 720px) { + body.mainpage, + body.threads { + margin-left: 8px; + margin-right: 8px; + } + h2 span { + margin-left: 0; + float: none; + } + h4:before { + font-size: 12px; + width: 20px; + } + div.msg, + .first .msg { + margin: 0.5em 0 0.5em 20px; + } +} diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css index bd8ea02..c6ece51 100644 --- a/static/css/txt/baisano.css +++ b/static/css/txt/baisano.css @@ -1,46 +1,160 @@ -body,textarea{color:#000} -body.mainpage,body.threads{background:#c5ad99 url(../img/muro.jpg)} -body.threadpage{background:#EFEFEF} -a,a .name,#n2{color:#00F} -a:active,a:active .name,#n2:active{color:#f00} -h2{margin-bottom:3px} -h2 a{color:#F00} -h3{color:#F00} -h3 span{color:#000} -.mainpage h4:hover{background:#FFEFEF} -h4.hidden{background:#CCC} -.mainpage h4.hidden:hover{background:#DCC} -#main_nav{background:#FFF} -.fix #main_nav{box-shadow:0 0 3px #000} -.outerbox{background:#CFC;border:1px outset #FFF} -.innerbox{border:1px inset #FFF} -#threadlist{background:#BEB;border:1px inset #FFF} -#threadlist a{border:1px outset #FFF} -.mainpage .thread,#content{background:#EFEFEF;border:1px outset #FFF} -.name,.abbrev{color:green} -.name em{color:#009} -.del a{color:#000} -.msg{margin:4px 40px 0} -.reply{margin-bottom:24px} -a.thumb{margin-top:4px} -.q{color:#666} -.yt{background:#DDD;border:1px solid #AAA} -.deleted{color:#AFAFAF;margin-bottom:24px} -#q-p{background:#EFEFEF;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -#createbox{display:flex} -#createbox .extrabox{border:1px inset #FFF;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px} -#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%} -form .msg{border:1px dotted #000;background:#EFEFEF} -#footer{color:#333} -#content.list{padding:7px} -#content.list #header div{background:#CCC;border-top:1px inset #FFF} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#FFF} -#content.list .row div:first-child{border-left:1px inset #FFF} -#content.list .row div:last-child{border-right:1px inset #FFF} -#content.list .row:last-child div{border-bottom:1px inset #FFF} -#content.grid{border:1px outset #FFF;padding:1px} -#content.grid .row{border:1px inset #FFF;margin:1px} -@media(max-width:720px){ - .extrabox{display:none} -} \ No newline at end of file +body, +textarea { + color: #000; +} +body.mainpage, +body.threads { + background: #c5ad99 url(../img/muro.jpg); +} +body.threadpage { + background: #efefef; +} +a, +a .name, +#n2 { + color: #00f; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +h2 { + margin-bottom: 3px; +} +h2 a { + color: #f00; +} +h3 { + color: #f00; +} +h3 span { + color: #000; +} +.mainpage h4:hover { + background: #ffefef; +} +h4.hidden { + background: #ccc; +} +.mainpage h4.hidden:hover { + background: #dcc; +} +#main_nav { + background: #fff; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +.outerbox { + background: #cfc; + border: 1px outset #fff; +} +.innerbox { + border: 1px inset #fff; +} +#threadlist { + background: #beb; + border: 1px inset #fff; +} +#threadlist a { + border: 1px outset #fff; +} +.mainpage .thread, +#content { + background: #efefef; + border: 1px outset #fff; +} +.name, +.abbrev { + color: green; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.msg { + margin: 4px 40px 0; +} +.reply { + margin-bottom: 24px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #666; +} +.yt { + background: #ddd; + border: 1px solid #aaa; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +#q-p { + background: #efefef; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +#createbox { + display: flex; +} +#createbox .extrabox { + border: 1px inset #fff; + margin: 7px 0 7px 7px; + float: left; + width: 40px; + height: auto; + flex: 0 1 40px; + -webkit-flex: 0 1 40px; +} +#createbox .innerbox { + flex: 0 1 100%; + -webkit-flex: 0 1 100%; +} +form .msg { + border: 1px dotted #000; + background: #efefef; +} +#footer { + color: #333; +} +#content.list { + padding: 7px; +} +#content.list #header div { + background: #ccc; + border-top: 1px inset #fff; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #fff; +} +#content.list .row div:first-child { + border-left: 1px inset #fff; +} +#content.list .row div:last-child { + border-right: 1px inset #fff; +} +#content.list .row:last-child div { + border-bottom: 1px inset #fff; +} +#content.grid { + border: 1px outset #fff; + padding: 1px; +} +#content.grid .row { + border: 1px inset #fff; + margin: 1px; +} +@media (max-width: 720px) { + .extrabox { + display: none; + } +} diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css index f73748d..f2258cd 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -1,99 +1,436 @@ -*{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} -body.fix{margin-top:2em} -h1,h5{font-size:20px;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:18px;margin:8px 0} -h3 span{display:inline-block;font-weight:normal} -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} -.cur_brd,.locked,.sel{font-weight:bold} -#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%} -.fix #main_nav{position:fixed;top:0;left:0;right:0;margin:0;padding:2px 0;z-index:9} -#main_nav select{font-size:90%;padding:0} -#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} -.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} - h1,h2 a,h5{font-size:18px} - h4,h2 span,#rules{font-size:12px} - #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{padding-left:0} - .postform>span{display:table;width:100%} - .postform span>*{display:table-cell;margin-bottom:2px;white-space:nowrap} - .postform input,textarea{width:100%} - .postform textarea{height:100px} - form,#thread_nav,#footer,.end,.locked{font-size:14px;text-align:center} - #footer a{display:block} - #content.list .row div{padding:0 2px} -} \ No newline at end of file +* { + 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; +} +body.fix { + margin-top: 2em; +} +h1, +h5 { + font-size: 20px; + 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: 18px; + margin: 8px 0; +} +h3 span { + display: inline-block; + font-weight: normal; +} +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; +} +.cur_brd, +.locked, +.sel { + font-weight: bold; +} +#main_nav { + font-size: 14px; + padding: 4px 0; + text-align: center; + width: 100%; +} +.fix #main_nav { + position: fixed; + top: 0; + left: 0; + right: 0; + margin: 0; + padding: 2px 0; + z-index: 9; +} +#main_nav select { + font-size: 90%; + padding: 0; +} +#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: 0.5em; + text-align: center; +} +#threadlist { + font-size: 14px; + line-height: 1; + max-height: 15em; + overflow-y: scroll; +} +#threadlist a { + text-decoration: none; +} +.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: 0.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: 0.5em 0; +} +#size { + color: #f00; + font-family: arial, sans-serif; + font-weight: bold; + margin-bottom: 0.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: 0.5em; + } + .banner { + width: 100% !important; + height: auto !important; + margin-top: 1em; + } + .outerbox, + .mainpage .thread, + #footer, + #content { + margin: 1em 0; + } + h1, + h2 a, + h5 { + font-size: 18px; + } + h4, + h2 span, + #rules { + font-size: 12px; + } + #threadlist { + overflow-x: auto; + white-space: nowrap; + } + #size, + .postform br { + display: none; + } + div.reply { + margin-bottom: 0.5em; + } + .num { + margin: -10px; + padding: 10px; + position: relative; + } + .del { + visibility: visible; + } + div.msg { + margin: 0.5em 0 0; + } + .mainpage .postform, + .formpad { + padding-left: 0; + } + .postform > span { + display: table; + width: 100%; + } + .postform span > * { + display: table-cell; + margin-bottom: 2px; + white-space: nowrap; + } + .postform input, + textarea { + width: 100%; + } + .postform textarea { + height: 100px; + } + form, + #thread_nav, + #footer, + .end, + .locked { + font-size: 14px; + text-align: center; + } + #footer a { + display: block; + } + #content.list .row div { + padding: 0 2px; + } +} 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; + } +} diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css index 8222872..98bb8d3 100644 --- a/static/css/txt/blue moon.css +++ b/static/css/txt/blue moon.css @@ -1,65 +1,271 @@ -body.threadpage{margin-top:0} -body{background:#6B7B8D;color:#FFF} -a,#n2:active,h3 span{color:#AFB9C5} -a:active,form a:active,#n2:active{color:#EEE} -#main_nav a,.reply a,form a,#q-p a,.row a{color:#49525D} -#main_nav a:active,.reply a:active,#q-p a:active,a:active .name,.row a:active{color:#8C9FB4} -h2{color:#EEE;line-height:1;margin:0 0 10px} -h2 a{color:#EEE} -h3{color:#EEE;margin:0.7em 0} -h4{background:#DDD;padding-bottom:.2em} -hr{display:none} -input[type=text],textarea,select{background:#EEE;border:1px inset #444} -input[type=submit],input[type=button],button{background:#000;color:#FFF;border:1px outset #444} -input[type=submit]:active,input[type=button]:active,button:active{color:#DDD} -#main_nav{background:#FFF;color:#6B7B8D} -.fix #main_nav{box-shadow:0 0 3px #000} -#titlebox .innerbox:first-child{margin-bottom:5px} -.outerbox{background:#49525D;padding:5px} -.innerbox{margin:0;padding:10px} -.links{padding-top:5px} -#threadbox{margin-bottom:19px;margin-top:19px} -#threadlist{background:#3e4247;border:1px inset #B6C2CF} -#threadlist a{border-right:1px outset #B6C2CF;border-bottom:1px outset #B6C2CF} -.mainpage .thread{background:#49525D} -.threadpage .thread{background:#49525D;padding:1px 10px 0} -#thread_nav{background:#49525D;margin-bottom:2px;padding:7px 10px} -.postform,#createbox form,h5{background:#8C9FB4;color:#49525D;padding:10px} -h5{margin:0;padding-bottom:0} -.mainpage .postform{margin-top:10px} -.reply{background:#FFF;border-top:.1em solid #DDD;border-right:10px solid #DDD;border-bottom:.1em solid #DDD;border-left:10px solid #DDD;color:#000;margin-bottom:0} -.first{border-top:.2em solid #DDD} -.name,a .name{color:#2B3037} -.name em{color:#009} -.del a{color:#000} -.msg,a.thumb{background:#FFF;color:#000080;margin:10px} -.msg hr{display:block} -#size{color:#8C9FB4;margin:0;padding:.25em 0} -.abbrev a{color:#000080} -.abbrev,.q{color:#697685} -.threadpage .postform{margin-top:2px;border:10px solid #49525D} -.yt{background:#EEE;border:1px solid gray} -.deleted{background:#DDD;color:#AFAFAF;margin-bottom:0;padding:3px 10px} -#q-p{background:#FFF;color:#000;border:1px solid #49525D;padding:0} -form .msg{border:1px inset #DDD;margin:0;padding:.5em 0.15em} -.lastposts{background:#49525D;color:#AFB9C5;margin-top:2px;padding:.5em} -.threadpage .threadlinks{margin:0} -.warn,.stop{padding-left:10px;margin:2px 0} -#footer a{color:#FFF} -#content{background:#FFF;border:10px solid #49525D;color:#000080} -#content.list #header div{background:#2c2c32;color:#EEE} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#E7E7FF} -#content.grid .row{border:1px solid #DDD} -@media(max-width:720px){ - body.threadpage{margin:0 0 8px} - .innerbox,.postform,#createbox form,h5{padding:4px;padding-left:4px} - h2{margin-bottom:4px} - h3{margin:.5em 0} - h4{padding-bottom:0} - .threadpage .thread{padding:1px 4px 4px} - .mainpage .postform{margin-top:4px;padding-left:4px} - div.reply{border-left-width:4px;border-right-width:4px;margin:0} - .threadpage .postform{border-width:4px} - div.msg,a.thumb{margin:4px} - .thread form{margin-top:4px} -} \ No newline at end of file +body.threadpage { + margin-top: 0; +} +body { + background: #6b7b8d; + color: #fff; +} +a, +#n2:active, +h3 span { + color: #afb9c5; +} +a:active, +form a:active, +#n2:active { + color: #eee; +} +#main_nav a, +.reply a, +form a, +#q-p a, +.row a { + color: #49525d; +} +#main_nav a:active, +.reply a:active, +#q-p a:active, +a:active .name, +.row a:active { + color: #8c9fb4; +} +h2 { + color: #eee; + line-height: 1; + margin: 0 0 10px; +} +h2 a { + color: #eee; +} +h3 { + color: #eee; + margin: 0.7em 0; +} +h4 { + background: #ddd; + padding-bottom: 0.2em; +} +hr { + display: none; +} +input[type="text"], +textarea, +select { + background: #eee; + border: 1px inset #444; +} +input[type="submit"], +input[type="button"], +button { + background: #000; + color: #fff; + border: 1px outset #444; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + color: #ddd; +} +#main_nav { + background: #fff; + color: #6b7b8d; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +#titlebox .innerbox:first-child { + margin-bottom: 5px; +} +.outerbox { + background: #49525d; + padding: 5px; +} +.innerbox { + margin: 0; + padding: 10px; +} +.links { + padding-top: 5px; +} +#threadbox { + margin-bottom: 19px; + margin-top: 19px; +} +#threadlist { + background: #3e4247; + border: 1px inset #b6c2cf; +} +#threadlist a { + border-right: 1px outset #b6c2cf; + border-bottom: 1px outset #b6c2cf; +} +.mainpage .thread { + background: #49525d; +} +.threadpage .thread { + background: #49525d; + padding: 1px 10px 0; +} +#thread_nav { + background: #49525d; + margin-bottom: 2px; + padding: 7px 10px; +} +.postform, +#createbox form, +h5 { + background: #8c9fb4; + color: #49525d; + padding: 10px; +} +h5 { + margin: 0; + padding-bottom: 0; +} +.mainpage .postform { + margin-top: 10px; +} +.reply { + background: #fff; + border-top: 0.1em solid #ddd; + border-right: 10px solid #ddd; + border-bottom: 0.1em solid #ddd; + border-left: 10px solid #ddd; + color: #000; + margin-bottom: 0; +} +.first { + border-top: 0.2em solid #ddd; +} +.name, +a .name { + color: #2b3037; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.msg, +a.thumb { + background: #fff; + color: #000080; + margin: 10px; +} +.msg hr { + display: block; +} +#size { + color: #8c9fb4; + margin: 0; + padding: 0.25em 0; +} +.abbrev a { + color: #000080; +} +.abbrev, +.q { + color: #697685; +} +.threadpage .postform { + margin-top: 2px; + border: 10px solid #49525d; +} +.yt { + background: #eee; + border: 1px solid gray; +} +.deleted { + background: #ddd; + color: #afafaf; + margin-bottom: 0; + padding: 3px 10px; +} +#q-p { + background: #fff; + color: #000; + border: 1px solid #49525d; + padding: 0; +} +form .msg { + border: 1px inset #ddd; + margin: 0; + padding: 0.5em 0.15em; +} +.lastposts { + background: #49525d; + color: #afb9c5; + margin-top: 2px; + padding: 0.5em; +} +.threadpage .threadlinks { + margin: 0; +} +.warn, +.stop { + padding-left: 10px; + margin: 2px 0; +} +#footer a { + color: #fff; +} +#content { + background: #fff; + border: 10px solid #49525d; + color: #000080; +} +#content.list #header div { + background: #2c2c32; + color: #eee; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #e7e7ff; +} +#content.grid .row { + border: 1px solid #ddd; +} +@media (max-width: 720px) { + body.threadpage { + margin: 0 0 8px; + } + .innerbox, + .postform, + #createbox form, + h5 { + padding: 4px; + padding-left: 4px; + } + h2 { + margin-bottom: 4px; + } + h3 { + margin: 0.5em 0; + } + h4 { + padding-bottom: 0; + } + .threadpage .thread { + padding: 1px 4px 4px; + } + .mainpage .postform { + margin-top: 4px; + padding-left: 4px; + } + div.reply { + border-left-width: 4px; + border-right-width: 4px; + margin: 0; + } + .threadpage .postform { + border-width: 4px; + } + div.msg, + a.thumb { + margin: 4px; + } + .thread form { + margin-top: 4px; + } +} diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css index 629275f..a1e4d56 100644 --- a/static/css/txt/ciber.css +++ b/static/css/txt/ciber.css @@ -1,55 +1,256 @@ -body{background:#000 url('../img/cyb.png');text-shadow:1px 1px #000} -body,h3{color:#BA55D3} -a,h2 a,#n2{color:#DB43B5} -a:active,#n2:active{color:#F0F} -h4{background:#2A4A75;padding:0 7px;text-shadow:0 2px #000} -.threadpage h4{padding:0 3px} -h4,h4 a,.name,.name a{color:#9370DB} -h1,h2 a,h3,h5{text-shadow:1px 1px #000,0 0 10px} -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:#639} -hr{background:#2A4A75;border:0;height:1px;box-shadow:0 0 10px #2A4A75} -.spoil{background:#2A4A75;color:#2A4A75;text-shadow:none}.spoil:hover{color:#000} -input:active,input:focus,textarea:focus,button:active,button:active,select:focus{box-shadow:0 0 15px} -.outerbox input,.outerbox textarea,select{background:#002f00;border:1px solid #68F855;color:#68F855} -.outerbox input[type=submit],.outerbox input[type=button],.outerbox button{background:#0F0;border:3px outset #0F0;color:#000} -.outerbox input[type=submit]:active,.outerbox input[type=button]:active,.outerbox button:active{background:#0C0;border-style:inset} -.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#000;border:1px solid #2A4A75;color:#2A4A75;text-shadow:1px 1px #000} -.threadpage input[type=submit]:active,.threadpage input[type=button]:active,.thread input[type=submit]:active,.thread input[type=button]:active{border-color:#d21cea;color:#d21cea} -#main_nav{background:#000;box-shadow:0 0 10px #68F855} -.outerbox{background:#111;color:#5FE44E;border:3px outset #0F0;background:#0C0} -.outerbox a,#main_nav a a,#footer a{color:#68F855} -.outerbox a:active,#main_nav a:active a:active,#footer a:active{color:#ef6177} -#threadlist{background:rgba(26,26,26,.5);border:3px solid #0C0} -#threadlist a{border-right:1px solid #0C0;border-bottom:1px solid #0C0} -.innerbox{border:3px inset #0F0} -.outerbox .innerbox{background:#000 url('../img/green.gif')} -.mainpage .thread,.thread .innerbox{border:1px solid #2A4A75} -.mainpage .thread{background:#2A4A75;box-shadow:0 0 5px 5px #2A4A75} -.thread .innerbox,.threadpage,#q-p,form .msg{background:#000 url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC')} -.thread .innerbox{padding:0} -.name em{color:#4B0082} -.q{color:#9932CC} -.deleted{background:none;border-color:#2A4A75;border-style:solid;border-width:1px 0;color:inherit} -.yt{background:#000;border:1px solid #2A4A75} -.mainpage .postform{border-top:1px solid #2A4A75;padding:1em 0 1em 40px} -.formpad{padding:0} -form .msg{border:1px dotted #2A4A75;color:#2A4A75} -#q-p{border:1px solid #000;padding:0} -#q-p .reply{border:3px double #2A4A75;margin:0;padding-bottom:1em} -#q-p .reply h4{padding:1px} -#footer{color:#0C0;text-shadow:0 0 5px #0F0} -#footer a{color:#989898} -#content{background:#000;border:3px double #d500fb;color:#39c8df}#content a{color:#d500fb} -#content.list #header{text-shadow:0 0 5px} -#content.list .row:nth-child(odd){background:#200020} -#content.grid{border:2px solid #141937} -#content.grid .row{border:2px solid #141937} -#content.grid .row:hover{background:#27151D;border-color:#9B1937} -#content .row:hover a{text-shadow:0 0 5px} -@media(max-width:720px){ - div.msg{margin:.5em .5em 0} - .mainpage .postform{padding:.5em} -} \ No newline at end of file +body { + background: #000 url("../img/cyb.png"); + text-shadow: 1px 1px #000; +} +body, +h3 { + color: #ba55d3; +} +a, +h2 a, +#n2 { + color: #db43b5; +} +a:active, +#n2:active { + color: #f0f; +} +h4 { + background: #2a4a75; + padding: 0 7px; + text-shadow: 0 2px #000; +} +.threadpage h4 { + padding: 0 3px; +} +h4, +h4 a, +.name, +.name a { + color: #9370db; +} +h1, +h2 a, +h3, +h5 { + text-shadow: 1px 1px #000, 0 0 10px; +} +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: #639; +} +hr { + background: #2a4a75; + border: 0; + height: 1px; + box-shadow: 0 0 10px #2a4a75; +} +.spoil { + background: #2a4a75; + color: #2a4a75; + text-shadow: none; +} +.spoil:hover { + color: #000; +} +input:active, +input:focus, +textarea:focus, +button:active, +button:active, +select:focus { + box-shadow: 0 0 15px; +} +.outerbox input, +.outerbox textarea, +select { + background: #002f00; + border: 1px solid #68f855; + color: #68f855; +} +.outerbox input[type="submit"], +.outerbox input[type="button"], +.outerbox button { + background: #0f0; + border: 3px outset #0f0; + color: #000; +} +.outerbox input[type="submit"]:active, +.outerbox input[type="button"]:active, +.outerbox button:active { + background: #0c0; + border-style: inset; +} +.threadpage input, +.threadpage textarea, +.thread input, +.thread textarea { + background: #000; + border: 1px solid #2a4a75; + color: #2a4a75; + text-shadow: 1px 1px #000; +} +.threadpage input[type="submit"]:active, +.threadpage input[type="button"]:active, +.thread input[type="submit"]:active, +.thread input[type="button"]:active { + border-color: #d21cea; + color: #d21cea; +} +#main_nav { + background: #000; + box-shadow: 0 0 10px #68f855; +} +.outerbox { + background: #111; + color: #5fe44e; + border: 3px outset #0f0; + background: #0c0; +} +.outerbox a, +#main_nav a a, +#footer a { + color: #68f855; +} +.outerbox a:active, +#main_nav a:active a:active, +#footer a:active { + color: #ef6177; +} +#threadlist { + background: rgba(26, 26, 26, 0.5); + border: 3px solid #0c0; +} +#threadlist a { + border-right: 1px solid #0c0; + border-bottom: 1px solid #0c0; +} +.innerbox { + border: 3px inset #0f0; +} +.outerbox .innerbox { + background: #000 url("../img/green.gif"); +} +.mainpage .thread, +.thread .innerbox { + border: 1px solid #2a4a75; +} +.mainpage .thread { + background: #2a4a75; + box-shadow: 0 0 5px 5px #2a4a75; +} +.thread .innerbox, +.threadpage, +#q-p, +form .msg { + background: #000 + url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC"); +} +.thread .innerbox { + padding: 0; +} +.name em { + color: #4b0082; +} +.q { + color: #9932cc; +} +.deleted { + background: none; + border-color: #2a4a75; + border-style: solid; + border-width: 1px 0; + color: inherit; +} +.yt { + background: #000; + border: 1px solid #2a4a75; +} +.mainpage .postform { + border-top: 1px solid #2a4a75; + padding: 1em 0 1em 40px; +} +.formpad { + padding: 0; +} +form .msg { + border: 1px dotted #2a4a75; + color: #2a4a75; +} +#q-p { + border: 1px solid #000; + padding: 0; +} +#q-p .reply { + border: 3px double #2a4a75; + margin: 0; + padding-bottom: 1em; +} +#q-p .reply h4 { + padding: 1px; +} +#footer { + color: #0c0; + text-shadow: 0 0 5px #0f0; +} +#footer a { + color: #989898; +} +#content { + background: #000; + border: 3px double #d500fb; + color: #39c8df; +} +#content a { + color: #d500fb; +} +#content.list #header { + text-shadow: 0 0 5px; +} +#content.list .row:nth-child(odd) { + background: #200020; +} +#content.grid { + border: 2px solid #141937; +} +#content.grid .row { + border: 2px solid #141937; +} +#content.grid .row:hover { + background: #27151d; + border-color: #9b1937; +} +#content .row:hover a { + text-shadow: 0 0 5px; +} +@media (max-width: 720px) { + div.msg { + margin: 0.5em 0.5em 0; + } + .mainpage .postform { + padding: 0.5em; + } +} diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css index 74379b5..ecbc0e3 100644 --- a/static/css/txt/cuteanarchy.css +++ b/static/css/txt/cuteanarchy.css @@ -7,36 +7,37 @@ */ body { - background:#ffd9c6; - color: #CED1CF + background: #ffd9c6; + color: #ced1cf; } body.mainpage { - background:#ffd9c6 url('/static/css/img/shobon.png') no-repeat fixed right bottom; + background: #ffd9c6 url("/static/css/img/shobon.png") no-repeat fixed right + bottom; } body.threadpage { - background: #ffe8dc; - color: #5d475a; + background: #ffe8dc; + color: #5d475a; } h4 { - color: #ad9ecc; + color: #ad9ecc; } .msg a { - color: #827699; + color: #827699; } a:hover, a:focus, #n2:hover { - text-decoration: none; - color: #edc1e8; + text-decoration: none; + color: #edc1e8; } hr { - border: 1px inset #f4daf1 + border: 1px inset #f4daf1; } input[type="text"], @@ -44,251 +45,254 @@ input[type="submit"], input[type="button"], select, textarea { - background: #e2ffeb; - border: 1px solid #b4ccbc; - color: #5d475a + background: #e2ffeb; + border: 1px solid #b4ccbc; + color: #5d475a; } input[type="submit"], input[type="button"] { - background: #e2ffeb; - padding: 1px 9px; - color: #5d475a; + background: #e2ffeb; + padding: 1px 9px; + color: #5d475a; } input[type="submit"]:active, input[type="button"]:active { - background: #f2d3df + background: #f2d3df; } .threadlinks { - text-align: center; - margin-top: 0.5em; + text-align: center; + margin-top: 0.5em; } h1 { - color: #dc9656; - font-size: 26px; - margin-top: -5px; - text-align: center + color: #dc9656; + font-size: 26px; + margin-top: -5px; + text-align: center; } h2 a { - color: #e9b2e3; + color: #e9b2e3; } h2 small { - color: #999; - font-size: inherit; - font-weight: normal + color: #999; + font-size: inherit; + font-weight: normal; } h3 { - color: #ab4642 + color: #ab4642; } h3 span { - color: #999 + color: #999; } - #main_nav { - background: #000; - color: #7cafc2; + background: #000; + color: #7cafc2; } .banner { - -webkit-filter: grayscale(60%); - filter: grayscale(60%) + -webkit-filter: grayscale(60%); + filter: grayscale(60%); } .outerbox { - margin: 1em auto; - max-width: 1000px; - background: #ffeae0; - border: 1px solid #ffa67a; - color: #777879 + margin: 1em auto; + max-width: 1000px; + background: #ffeae0; + border: 1px solid #ffa67a; + color: #777879; } #titlebox .threadnav { - margin: -6px + margin: -6px; } #threadlist { - background: #ffd9c6; - border: 1px solid #ffb793 + background: #ffd9c6; + border: 1px solid #ffb793; } #threadlist a { - border-right:1px solid #ffb793; - border-bottom:1px solid #ffb793; - color: #d1a0cc; + border-right: 1px solid #ffb793; + border-bottom: 1px solid #ffb793; + color: #d1a0cc; } .mainpage .thread, #content { - margin: 0 auto 2em; - background: #ffebe2; - border: 5px double #FFF; - color: #5d475a; - max-width: 1000px; - box-shadow: #000 5px; - -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); - -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); - box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + margin: 0 auto 2em; + background: #ffebe2; + border: 5px double #fff; + color: #5d475a; + max-width: 1000px; + box-shadow: #000 5px; + -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); } .reply { - margin-bottom: 24px; + margin-bottom: 24px; } .threadpage .thread { - color: #5d475a + color: #5d475a; } a, a .name, #n2 { - color: #e39edc; - text-decoration: none + color: #e39edc; + text-decoration: none; } .name { - color: #7ca380; - text-shadow: 2px 0 11px #ffd7c6; - background-image: url('/static/css/img/bg1.gif'); + color: #7ca380; + text-shadow: 2px 0 11px #ffd7c6; + background-image: url("/static/css/img/bg1.gif"); } .name, .abbrev { - color: #e9b2c8 + color: #e9b2c8; } .name em { - color: #88f + color: #88f; } .del a { - color: #ab4642 + color: #ab4642; } h4 .date { - font-size: small; - font-family: 'Courier New', Courier, monospace; - vertical-align: middle; + font-size: small; + font-family: "Courier New", Courier, monospace; + vertical-align: middle; } h4 .date, .quoted { - color: #4e4e4e; + color: #4e4e4e; } .msg { - margin: 4px 40px 0 + margin: 4px 40px 0; } a.thumb { - margin-top: 4px + margin-top: 4px; } .q { - color: #666 + color: #666; } .yt { - background: #ffe2e8; - border: 1px solid gray; - color: #998d87 + background: #ffe2e8; + border: 1px solid gray; + color: #998d87; } .yt:hover { - text-decoration: none + text-decoration: none; } .deleted { - color: #999; - margin-bottom: 12px + color: #999; + margin-bottom: 12px; } #q-p { - /*border: 1px solid #999*/ - background: #ffd9c6; - border: 1px solid #efc9d8; - border-radius: 3px; - color: #66564f; + /*border: 1px solid #999*/ + background: #ffd9c6; + border: 1px solid #efc9d8; + border-radius: 3px; + color: #66564f; } #q-p .reply { - margin: 0; - padding-bottom:1em + margin: 0; + padding-bottom: 1em; } .lastposts #n2 { - text-decoration: none + text-decoration: none; } #size { - color: #e9b2c8 + color: #e9b2c8; } .end { - font-size: small; - font-family: monospace; + font-size: small; + font-family: monospace; } form .msg { - background: #383838; - border: 1px dotted #000 + background: #383838; + border: 1px dotted #000; } .postform { - margin: 0 auto; - margin-left: 3em; + margin: 0 auto; + margin-left: 3em; } .mainpage .postform, .formpad { - padding-left: 0px; + padding-left: 0px; } .formpad { - margin: 0 auto; - padding-left: 0; - margin-top: 0.25em; + margin: 0 auto; + padding-left: 0; + margin-top: 0.25em; } #footer { - color: #FFF6C6 + color: #fff6c6; } #footer::after { - content: "ヽ(*・ω・)ﾉ"; + content: "ヽ(*・ω・)ﾉ"; } .threads h1 { - text-align: left + text-align: left; } #content.list #header div { - background: #111213 + background: #111213; } #content.list .row:nth-child(odd), #content.grid .row:hover { - background: #191B1D + background: #191b1d; } #content.grid { - border: 1px solid #4B4E55; - padding: 1px + border: 1px solid #4b4e55; + padding: 1px; } #content.grid .row { - border: 1px solid #4B4E55; - margin: 1px + border: 1px solid #4b4e55; + margin: 1px; } -@media(max-width:720px) { - h1 {font-size:18px} - .postform {margin-left:0} -} \ No newline at end of file +@media (max-width: 720px) { + h1 { + font-size: 18px; + } + .postform { + margin-left: 0; + } +} diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index 42c25af..3f76d50 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -1,52 +1,195 @@ -body{background:#13334c;color:#edf9fc} -body.threadpage,body.threads{margin-top:0} -a,a .name,#n2{color:#efd279} -a:active,a:active .name,#n2:active{color:#d00} -h1{background:#5b8bb4;margin:-10px -10px 10px;padding:10px} -h2 span{color:#aaa;margin-right:2px} -h2 a,h2 a:active{color:#de9d7f;text-decoration:none} -h3{color:#de9d7f;margin:0.7em 0} -h3 span{color:#909090} -hr{display:none} -input,input[type=submit],input[type=button],input[type="text"],textarea,button,select{border:1px solid #3b6b94} -input[type=submit],input[type=button],button{background:#aaf;color:#2c5700} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#88c} -#main_nav{background:#1d7548} -.fix #main_nav{box-shadow:0 0 3px #000} -#titlebox{margin-bottom:0} -.outerbox{background:#3b6b94} -.innerbox{margin:0;padding:10px} -.thread .innerbox{padding:0} -.links{background:#5b8bb4} -#threadlist{background:#154a72;border:1px inset #1b3345} -#threadlist a{border-right:1px outset #1b3345;border-bottom:1px outset #1b3345} -#thread_nav{background:#1d7548;padding:6px} -.name{color:#afd775} -.name em{color:#009} -.del a{color:#fff} -.msg{margin:4px 40px 0} -.reply{margin-bottom:24px} -.q{color:#aac} -.yt{background:#2f587a;border:1px solid #1b2933} -.msg hr{display:block} -.deleted{color:#afafaf;margin-bottom:24px} -#size{color:#de9d7f} -.abbrev{color:#bbb} -.postform,#createbox,.threads .outerbox,#content{border-right:2px solid #5b8bb4;border-bottom:2px solid #5b8bb4;background:#3b6b94} -.postform{padding:10px} -.threadpage .threadlinks{margin:0 0 3px} -form .msg{border:1px dashed #000;background:#1b3345} -#q-p{background:#1b3345;border:1px solid #3b6b94} -#q-p .reply{margin-bottom:1em} -.lastposts{background:#5b8bb4;padding:8px} -#content{padding:0 10px 10px} -#content.list #header div{background:#3b6b94} -#content.list .row:nth-child(odd){background:#1b3345} -#content.list .row:nth-child(even){background:#294b68} -#content.grid{border:0;padding:0} -#content.grid .row{border-width:0 2px 2px 0;border-style:solid;border-color:#5b8bb4} -#content.grid .row:hover{background:#154a72} -@media(max-width:720px){ - .thread .innerbox{padding:8px} - .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px} -} \ No newline at end of file +body { + background: #13334c; + color: #edf9fc; +} +body.threadpage, +body.threads { + margin-top: 0; +} +a, +a .name, +#n2 { + color: #efd279; +} +a:active, +a:active .name, +#n2:active { + color: #d00; +} +h1 { + background: #5b8bb4; + margin: -10px -10px 10px; + padding: 10px; +} +h2 span { + color: #aaa; + margin-right: 2px; +} +h2 a, +h2 a:active { + color: #de9d7f; + text-decoration: none; +} +h3 { + color: #de9d7f; + margin: 0.7em 0; +} +h3 span { + color: #909090; +} +hr { + display: none; +} +input, +input[type="submit"], +input[type="button"], +input[type="text"], +textarea, +button, +select { + border: 1px solid #3b6b94; +} +input[type="submit"], +input[type="button"], +button { + background: #aaf; + color: #2c5700; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #88c; +} +#main_nav { + background: #1d7548; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +#titlebox { + margin-bottom: 0; +} +.outerbox { + background: #3b6b94; +} +.innerbox { + margin: 0; + padding: 10px; +} +.thread .innerbox { + padding: 0; +} +.links { + background: #5b8bb4; +} +#threadlist { + background: #154a72; + border: 1px inset #1b3345; +} +#threadlist a { + border-right: 1px outset #1b3345; + border-bottom: 1px outset #1b3345; +} +#thread_nav { + background: #1d7548; + padding: 6px; +} +.name { + color: #afd775; +} +.name em { + color: #009; +} +.del a { + color: #fff; +} +.msg { + margin: 4px 40px 0; +} +.reply { + margin-bottom: 24px; +} +.q { + color: #aac; +} +.yt { + background: #2f587a; + border: 1px solid #1b2933; +} +.msg hr { + display: block; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +#size { + color: #de9d7f; +} +.abbrev { + color: #bbb; +} +.postform, +#createbox, +.threads .outerbox, +#content { + border-right: 2px solid #5b8bb4; + border-bottom: 2px solid #5b8bb4; + background: #3b6b94; +} +.postform { + padding: 10px; +} +.threadpage .threadlinks { + margin: 0 0 3px; +} +form .msg { + border: 1px dashed #000; + background: #1b3345; +} +#q-p { + background: #1b3345; + border: 1px solid #3b6b94; +} +#q-p .reply { + margin-bottom: 1em; +} +.lastposts { + background: #5b8bb4; + padding: 8px; +} +#content { + padding: 0 10px 10px; +} +#content.list #header div { + background: #3b6b94; +} +#content.list .row:nth-child(odd) { + background: #1b3345; +} +#content.list .row:nth-child(even) { + background: #294b68; +} +#content.grid { + border: 0; + padding: 0; +} +#content.grid .row { + border-width: 0 2px 2px 0; + border-style: solid; + border-color: #5b8bb4; +} +#content.grid .row:hover { + background: #154a72; +} +@media (max-width: 720px) { + .thread .innerbox { + padding: 8px; + } + .innerbox, + .postform, + .mainpage .postform { + padding: 8px; + padding-left: 8px; + } +} diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css index 2e7feab..706abc7 100644 --- a/static/css/txt/gamer.css +++ b/static/css/txt/gamer.css @@ -1,51 +1,221 @@ -body{color:#FFF} -body{background:#000 url('../img/g_bg.png') fixed} -a,.name,a .name{color:#AFA} -a:active,a:active .name{color:#FFF} -h1,h2,h3,h5,#content.list #header div{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC');color:#FFF;text-shadow:1px 1px #002} -h1,h2,h3,h5{font-size:18px;margin:-7px -7px 8px;padding:8px} -h2 a{color:#FFF;font-size:18px} -h3 span{font-weight:bold;margin-left:4px} -hr{display:none} -#main_nav{background:url('../img/g_b2.gif') bottom repeat-x} -#main_nav a a{color:#FFF;text-decoration:none}#main_nav a:active a:active{color:#E0E0FF} -#thread_nav{margin:6px 0} -.cur_brd,.fix #main_nav a a{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px} -#thread_nav a,.lastposts a,#n2{color:#66B}#thread_nav a:active,.lastposts a:active,#n2:active{color:#AFA} -.links,#threadlinks,.threadlinks{background:url('../img/g_bg3.png') top center;color:#FF0} -h4 a,.threadnav a,.links a,#footer a{text-decoration:none} -#threadlinks a,.threadlinks a{color:#FFF}#threadlinks a:active,.threadlinks a:active{color:#404040} -#threadlinks{margin:-7px -7px 7px;padding:7px} -.mainpage .threadlinks{margin:1em -7px -7px;padding:.5em 7px} -.threadpage .threadlinks{margin:-7px -7px .5em;padding:.5em} -#threadlist{border-top:1px solid #111;border-left:1px solid #111} -#threadlist a{border-right:1px solid #111;border-bottom:1px solid #111} -.innerbox{margin:0} -.outerbox,.thread,.threadpage .postform,#content{background:#050505 url('../img/g_p.gif');border:6px solid transparent;-moz-border-image:url('../img/g_b.gif') 6 6 round round;-webkit-border-image:url('../img/g_b.gif') 6 6 round round;-o-border-image:url('../img/g_b.gif') 6 6 round round;border-image:url('../img/g_b.gif') 6 6 round round} -.threadpage .thread,.threadpage .postform{margin-bottom:.5em;padding:7px} -.reply{border-top:1px solid #111;padding-top:.5em} -.name em{color:#FF0} -h4 .date,.del a,.abbrev{color:#AAA} -.q{color:#666} -.yt{background:#000;border:1px solid #111} -.deleted{color:#AFAFAF;margin-bottom:24px} -.msg hr{display:block} -.mainpage .postform{border-top:1px solid #111;padding:1em 0 0} -.formpad{padding-left:0} -form .msg{border:1px dotted #111} -#q-p{background:#EFEFEF;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -#size{color:#FF0;margin:0} -.lastposts{color:#66B;padding-bottom:.5em} -.del a,#footer a:active{text-decoration:underline} -#content .thread{border:0} -#content a:hover{color:#FFF} -#content.list .pos,#content.list .com{color:#AAA} -#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#111} -#content.grid .row{border:1px solid #111;margin:1px} -@media(max-width:720px){ - body.threadpage{margin:2px} - #threadlinks,.threadlinks{padding:4px} - .mainpage .threadlinks{margin-top:.5em} - .mainpage .postform{padding:.5em 0 0} -} \ No newline at end of file +body { + color: #fff; +} +body { + background: #000 url("../img/g_bg.png") fixed; +} +a, +.name, +a .name { + color: #afa; +} +a:active, +a:active .name { + color: #fff; +} +h1, +h2, +h3, +h5, +#content.list #header div { + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC"); + color: #fff; + text-shadow: 1px 1px #002; +} +h1, +h2, +h3, +h5 { + font-size: 18px; + margin: -7px -7px 8px; + padding: 8px; +} +h2 a { + color: #fff; + font-size: 18px; +} +h3 span { + font-weight: bold; + margin-left: 4px; +} +hr { + display: none; +} +#main_nav { + background: url("../img/g_b2.gif") bottom repeat-x; +} +#main_nav a a { + color: #fff; + text-decoration: none; +} +#main_nav a:active a:active { + color: #e0e0ff; +} +#thread_nav { + margin: 6px 0; +} +.cur_brd, +.fix #main_nav a a { + background: url("../img/g_b3.gif") bottom repeat-x; + margin-bottom: -4px; + padding-bottom: 4px; +} +#thread_nav a, +.lastposts a, +#n2 { + color: #66b; +} +#thread_nav a:active, +.lastposts a:active, +#n2:active { + color: #afa; +} +.links, +#threadlinks, +.threadlinks { + background: url("../img/g_bg3.png") top center; + color: #ff0; +} +h4 a, +.threadnav a, +.links a, +#footer a { + text-decoration: none; +} +#threadlinks a, +.threadlinks a { + color: #fff; +} +#threadlinks a:active, +.threadlinks a:active { + color: #404040; +} +#threadlinks { + margin: -7px -7px 7px; + padding: 7px; +} +.mainpage .threadlinks { + margin: 1em -7px -7px; + padding: 0.5em 7px; +} +.threadpage .threadlinks { + margin: -7px -7px 0.5em; + padding: 0.5em; +} +#threadlist { + border-top: 1px solid #111; + border-left: 1px solid #111; +} +#threadlist a { + border-right: 1px solid #111; + border-bottom: 1px solid #111; +} +.innerbox { + margin: 0; +} +.outerbox, +.thread, +.threadpage .postform, +#content { + background: #050505 url("../img/g_p.gif"); + border: 6px solid transparent; + -moz-border-image: url("../img/g_b.gif") 6 6 round round; + -webkit-border-image: url("../img/g_b.gif") 6 6 round round; + -o-border-image: url("../img/g_b.gif") 6 6 round round; + border-image: url("../img/g_b.gif") 6 6 round round; +} +.threadpage .thread, +.threadpage .postform { + margin-bottom: 0.5em; + padding: 7px; +} +.reply { + border-top: 1px solid #111; + padding-top: 0.5em; +} +.name em { + color: #ff0; +} +h4 .date, +.del a, +.abbrev { + color: #aaa; +} +.q { + color: #666; +} +.yt { + background: #000; + border: 1px solid #111; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +.msg hr { + display: block; +} +.mainpage .postform { + border-top: 1px solid #111; + padding: 1em 0 0; +} +.formpad { + padding-left: 0; +} +form .msg { + border: 1px dotted #111; +} +#q-p { + background: #efefef; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +#size { + color: #ff0; + margin: 0; +} +.lastposts { + color: #66b; + padding-bottom: 0.5em; +} +.del a, +#footer a:active { + text-decoration: underline; +} +#content .thread { + border: 0; +} +#content a:hover { + color: #fff; +} +#content.list .pos, +#content.list .com { + color: #aaa; +} +#content.list .row div, +#content.grid .row { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #111; +} +#content.grid .row { + border: 1px solid #111; + margin: 1px; +} +@media (max-width: 720px) { + body.threadpage { + margin: 2px; + } + #threadlinks, + .threadlinks { + padding: 4px; + } + .mainpage .threadlinks { + margin-top: 0.5em; + } + .mainpage .postform { + padding: 0.5em 0 0; + } +} diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css index 3c5183c..de4d9cf 100644 --- a/static/css/txt/headline.css +++ b/static/css/txt/headline.css @@ -1,43 +1,180 @@ -body{background:#FFF} -body,textarea{color:#000} -a,#n2,h3 span{color:#D60} -a:active .name,h2 a:active,h4 a:active,a:active,#n2:active{color:#FA4} -h2 a,.del a,.name,h4 a,h4{color:#000} -h1{border-bottom:2px solid #F70;padding:0 10px;margin:0 -10px 10px} -h2,h3{background:#EEE;border-bottom:2px solid #F70;display:inline-block;padding:2px 3px} -h3{margin:0.7em 0} -h4{background:#EEE;border-bottom:1px solid #BBB;padding:0 3px} -hr{display:none} -input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{border:1px solid #000} -input[type="submit"],input[type="button"],button{background:#DDD} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#CCC;border-style:solid} -.fix #main_nav{background:#FFF;border-bottom:2px solid #BBB} -.outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB} -.innerbox{margin:0;padding:10px} -.thread .innerbox{padding:0} -#threadlist{background:#fff;border:1px inset #BBB} -#threadlist a{border-right:1px outset #BBB;border-bottom:1px outset #BBB} -#thread_nav{border-bottom:2px solid #F70;padding:0 0 6px 6px} -.mainpage .first div.msg::first-letter{font-size:1.5em;text-transform:uppercase} -.name em{color:#009;font-style:normal} -.q,.abbrev{color:#7f7f7f} -.yt{background:#f2f2f2;border:1px solid #bbb} -.msg hr{display:block;max-width:500px;margin-left:0} -#size{color:#D60} -.deleted{color:#AFAFAF} -#q-p{background:#FFF;border:1px solid #BBB;border-bottom:2px solid #BBB} -.lastposts{padding:8px} -.threadpage .threadlinks{margin:0 0 3px} -.postform{padding:10px} -form .msg{border:1px dashed #000;background:#FFF;margin:0;padding:.5em 0.15em} -#content{padding:0 10px 10px} -#content.list #header div{background:#EEE} -#content.list .row:nth-child(odd){background:#FFF} -#content.list .row:nth-child(even){background:#DDD} -#content.grid{border:1px solid #BBB;padding:0} -#content.grid .row{border:1px solid #BBB} -#content.grid .row:hover{background:#DDD} -@media(max-width:720px){ - .thread .innerbox{padding:8px} - .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px} -} \ No newline at end of file +body { + background: #fff; +} +body, +textarea { + color: #000; +} +a, +#n2, +h3 span { + color: #d60; +} +a:active .name, +h2 a:active, +h4 a:active, +a:active, +#n2:active { + color: #fa4; +} +h2 a, +.del a, +.name, +h4 a, +h4 { + color: #000; +} +h1 { + border-bottom: 2px solid #f70; + padding: 0 10px; + margin: 0 -10px 10px; +} +h2, +h3 { + background: #eee; + border-bottom: 2px solid #f70; + display: inline-block; + padding: 2px 3px; +} +h3 { + margin: 0.7em 0; +} +h4 { + background: #eee; + border-bottom: 1px solid #bbb; + padding: 0 3px; +} +hr { + display: none; +} +input, +input[type="submit"], +input[type="button"], +input[type="text"], +textarea, +button, +select { + border: 1px solid #000; +} +input[type="submit"], +input[type="button"], +button { + background: #ddd; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #ccc; + border-style: solid; +} +.fix #main_nav { + background: #fff; + border-bottom: 2px solid #bbb; +} +.outerbox, +#titlebox .innerbox:first-child, +.postform, +.lastposts, +#content { + background: #eee; + border-bottom: 2px solid #bbb; +} +.innerbox { + margin: 0; + padding: 10px; +} +.thread .innerbox { + padding: 0; +} +#threadlist { + background: #fff; + border: 1px inset #bbb; +} +#threadlist a { + border-right: 1px outset #bbb; + border-bottom: 1px outset #bbb; +} +#thread_nav { + border-bottom: 2px solid #f70; + padding: 0 0 6px 6px; +} +.mainpage .first div.msg::first-letter { + font-size: 1.5em; + text-transform: uppercase; +} +.name em { + color: #009; + font-style: normal; +} +.q, +.abbrev { + color: #7f7f7f; +} +.yt { + background: #f2f2f2; + border: 1px solid #bbb; +} +.msg hr { + display: block; + max-width: 500px; + margin-left: 0; +} +#size { + color: #d60; +} +.deleted { + color: #afafaf; +} +#q-p { + background: #fff; + border: 1px solid #bbb; + border-bottom: 2px solid #bbb; +} +.lastposts { + padding: 8px; +} +.threadpage .threadlinks { + margin: 0 0 3px; +} +.postform { + padding: 10px; +} +form .msg { + border: 1px dashed #000; + background: #fff; + margin: 0; + padding: 0.5em 0.15em; +} +#content { + padding: 0 10px 10px; +} +#content.list #header div { + background: #eee; +} +#content.list .row:nth-child(odd) { + background: #fff; +} +#content.list .row:nth-child(even) { + background: #ddd; +} +#content.grid { + border: 1px solid #bbb; + padding: 0; +} +#content.grid .row { + border: 1px solid #bbb; +} +#content.grid .row:hover { + background: #ddd; +} +@media (max-width: 720px) { + .thread .innerbox { + padding: 8px; + } + .innerbox, + .postform, + .mainpage .postform { + padding: 8px; + padding-left: 8px; + } +} diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css index 15996c7..2b88a0c 100644 --- a/static/css/txt/postal.css +++ b/static/css/txt/postal.css @@ -1,49 +1,229 @@ -body,textarea{color:#000} -body{background:#E5B98D} -a,a .name,#n2{color:#3683C2} -a:active,a:active .name,#n2:active{color:#E9976B} -input[type="text"],textarea,select{background:#FFF;border:1px solid #CCC} -input[type="text"]:focus,textarea:focus,select:focus{border-color:#888} -input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:2px 10px} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#B1B1B1} -body>hr{position:absolute;top:0;left:8px;right:8px;border:0;background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px);height:1em} -hr,.threadpage .thread{background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px)} -h2 span{color:#686868} -h2 a,h2 a:active,h3{color:#3E3020} -h2 a:active{text-decoration:underline} -h3{margin-top:0} -h3 span{color:dimgrey} -h4{background:#F0E7CE;color:#686868;padding-left:3px} -#main_nav,.outerbox{background:#FFF} -.fix #main_nav{box-shadow:0 0 3px #000} -.outerbox{border:1px solid #FFF} -#threadlist{background:#EFEFEF;border:1px inset #EFEFEF} -#threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF} -.thread .innerbox{background:#FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,0.125),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,0.15),9px 9px 0 rgba(255,255,255,1),10px 10px 0 rgba(0,0,0,0.175),12px 12px 0 rgba(255,255,255,1),13px 13px 0 rgba(0,0,0,0.175);margin:8px 12px 8px 0;padding:8px} -#thread_nav{background:#FFF;font-style:italic;padding:1.5em 8px .5em} -.threadpage .thread{background-color:#FFF;background-position:bottom;background-repeat:repeat-x;background-size:100% 1em;overflow:hidden;padding:0 10px 1em} -.innerbox.links{border-top:1px solid #E5B98D;margin:0 -1px} -.name,.abbrev{color:#416D91} -.name em{color:#009} -.del a{color:#000} -.q{color:#666;display:inline-block} -.q:hover{background:#F0F0E0} -.yt{background:#EEE;border:1px solid #CCC} -.deleted{background:#F7F3E6;color:#AAA} -#q-p{background:#FFF;border:1px solid #CCC} -#createbox{background:#F0E7CE;border-color:#F0E7CE;color:#353535} -.lastposts,.threadpage .postform{margin-top:.5em;padding:.5em} -.lastposts,.threadpage .postform,.threads .outerbox,#content.list,#content.grid .row{background:#FFF;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3)} -.threadpage .threadlinks{margin-top:0} -form .msg{border:1px dotted #CCC;background:#FFF} -#footer{color:#333} -#content.list{padding:8px} -#content.list #header div{background:#6AA9D7} -#content.list .row:hover,#content.grid .row:hover{background:#B7D2E8} -#content.list .row a:hover,#content.grid .row:hover a{color:#0801BF} -#content.grid .row{margin:4px} -@media(max-width:720px){ - body.threadpage{margin:0 0 8px} - body>hr{top:-8px;left:0;right:0} - #createbox .innerbox{padding:0} -} \ No newline at end of file +body, +textarea { + color: #000; +} +body { + background: #e5b98d; +} +a, +a .name, +#n2 { + color: #3683c2; +} +a:active, +a:active .name, +#n2:active { + color: #e9976b; +} +input[type="text"], +textarea, +select { + background: #fff; + border: 1px solid #ccc; +} +input[type="text"]:focus, +textarea:focus, +select:focus { + border-color: #888; +} +input[type="submit"], +input[type="button"], +button { + background: #cbcbcb; + border: 0; + padding: 2px 10px; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #b1b1b1; +} +body > hr { + position: absolute; + top: 0; + left: 8px; + right: 8px; + border: 0; + background-image: repeating-linear-gradient( + 125deg, + #ee4c47 0px, + #ee4c47 30px, + #fff 30px, + #fff 50px, + #5caceb 50px, + #5caceb 80px, + #fff 80px, + #fff 100px + ); + height: 1em; +} +hr, +.threadpage .thread { + background-image: repeating-linear-gradient( + 125deg, + #ee4c47 0px, + #ee4c47 30px, + #fff 30px, + #fff 50px, + #5caceb 50px, + #5caceb 80px, + #fff 80px, + #fff 100px + ); +} +h2 span { + color: #686868; +} +h2 a, +h2 a:active, +h3 { + color: #3e3020; +} +h2 a:active { + text-decoration: underline; +} +h3 { + margin-top: 0; +} +h3 span { + color: dimgrey; +} +h4 { + background: #f0e7ce; + color: #686868; + padding-left: 3px; +} +#main_nav, +.outerbox { + background: #fff; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +.outerbox { + border: 1px solid #fff; +} +#threadlist { + background: #efefef; + border: 1px inset #efefef; +} +#threadlist a { + border-right: 1px outset #efefef; + border-bottom: 1px outset #efefef; +} +.thread .innerbox { + background: #fff; + box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 3px 3px 0 rgba(255, 255, 255, 1), + 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255, 255, 255, 1), + 7px 7px 0 rgba(0, 0, 0, 0.15), 9px 9px 0 rgba(255, 255, 255, 1), + 10px 10px 0 rgba(0, 0, 0, 0.175), 12px 12px 0 rgba(255, 255, 255, 1), + 13px 13px 0 rgba(0, 0, 0, 0.175); + margin: 8px 12px 8px 0; + padding: 8px; +} +#thread_nav { + background: #fff; + font-style: italic; + padding: 1.5em 8px 0.5em; +} +.threadpage .thread { + background-color: #fff; + background-position: bottom; + background-repeat: repeat-x; + background-size: 100% 1em; + overflow: hidden; + padding: 0 10px 1em; +} +.innerbox.links { + border-top: 1px solid #e5b98d; + margin: 0 -1px; +} +.name, +.abbrev { + color: #416d91; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.q { + color: #666; + display: inline-block; +} +.q:hover { + background: #f0f0e0; +} +.yt { + background: #eee; + border: 1px solid #ccc; +} +.deleted { + background: #f7f3e6; + color: #aaa; +} +#q-p { + background: #fff; + border: 1px solid #ccc; +} +#createbox { + background: #f0e7ce; + border-color: #f0e7ce; + color: #353535; +} +.lastposts, +.threadpage .postform { + margin-top: 0.5em; + padding: 0.5em; +} +.lastposts, +.threadpage .postform, +.threads .outerbox, +#content.list, +#content.grid .row { + background: #fff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} +.threadpage .threadlinks { + margin-top: 0; +} +form .msg { + border: 1px dotted #ccc; + background: #fff; +} +#footer { + color: #333; +} +#content.list { + padding: 8px; +} +#content.list #header div { + background: #6aa9d7; +} +#content.list .row:hover, +#content.grid .row:hover { + background: #b7d2e8; +} +#content.list .row a:hover, +#content.grid .row:hover a { + color: #0801bf; +} +#content.grid .row { + margin: 4px; +} +@media (max-width: 720px) { + body.threadpage { + margin: 0 0 8px; + } + body > hr { + top: -8px; + left: 0; + right: 0; + } + #createbox .innerbox { + padding: 0; + } +} diff --git a/static/css/txt/sjis.css b/static/css/txt/sjis.css index bd6e963..5dbcb4c 100644 --- a/static/css/txt/sjis.css +++ b/static/css/txt/sjis.css @@ -1 +1,7 @@ -body,textarea{font-family:Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97}textarea{font-size:16px} \ No newline at end of file +body, +textarea { + font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97; +} +textarea { + font-size: 16px; +} diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css index 7d80520..9a5df70 100644 --- a/static/css/txt/ventanas.css +++ b/static/css/txt/ventanas.css @@ -1,53 +1,255 @@ -body,textarea{color:#000} -body.mainpage,body.threads{background:#008081} -body.threadpage,.outerbox,.mainpage .thread,#q-p{background:#C0C0C0} -::selection{background:blue;color:white}::-moz-selection{background:blue;color:white} -a,a .name,#n2{color:#00F} -a:active,a:active .name,#n2:active{color:#f00} -input[type=submit],input[type=button],button{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;background:#C0C0C0;color:#000} -h1,h2,#threadlinks:before,h5{background:#010081;color:#FFF;font-size:21px;font-weight:bold;margin:-11px -11px 11px;padding:2px} -h2 a,h2 a:active{color:#FFF} -h3 span{color:#555;text-decoration:underline} -h4{padding-top:.5em} -hr{border:0} -hr,h4,.deleted{border-top:2px groove white} -.mainpage .first h4{border:0;padding:0} -#main_nav{background:#C0C0C0;border-bottom:2px ridge white;line-height:1;padding:2px 0} -.threadnav{line-height:1;margin:-11px} -#main_nav a,.threadnav a{background:#C0C0C0;border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;color:#000;display:inline-block;margin:0 -1px;padding:2px;text-decoration:none;outline-offset:-4px} -.threadnav a{margin:2px;padding:0} -#main_nav a:first-child a:first-child{font-weight:bold} -#main_nav .cur_brd{background:#BBB url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=');font-weight:bold} -#main_nav .cur_brd,#main_nav a:active,.threadnav a:active,input[type=submit]:active,input[type=button]:active,button:active{border-color:#000 #FFF #FFF #000;border-style:groove} -.outerbox,.mainpage .thread,#q-p{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:groove} -input[type=text],textarea,.innerbox,#content,#threadlist,select{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove} -select{background:#FFF} -select:focus{background:#000080;color:#FFF;outline:1px dotted #ffff7f;outline-offset:-3px} -#threadlinks:before{content:"";display:block;height:15px;margin-bottom:5px} -.innerbox{padding:10px;margin:2px} -.links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px} -#threadlist{background:#FFF} -#threadlist a{border-right:1px solid #000;border-bottom:1px solid #000;color:#000} -#threadlist a:active{background:#DDD} -#thread_nav a{color:#000;display:inline-block;margin:-3px -2px;padding:3px}#thread_nav a:hover{background:#DDD} -.{margin-bottom:.5em} -.name,.abbrev{color:#444} -.name em{color:#009} -.del a{color:#000} -.q{color:#666} -.yt{background:#FFF;border:1px inset #aaa;color:#000} -.deleted{color:gray;margin-bottom:.5em;padding-top:.5em} -#q-p{box-shadow:5px 5px #000;padding:0} -#q-p .reply{padding:.5em;margin-bottom:.5em} -#q-p .reply:first-child h4{border:0;padding:0} -.postform,.formpad{padding:0} -form .msg{background:#FFFFE0;border:1px solid #000} -#footer{color:#FFF} -#listmenu h1{background:none;color:#000;margin:0;padding:0} -#content{background:#FFF} -#content.list #header div{background:#CCC} -#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#000} -#content .row:hover{background:#EEE} -@media(max-width:720px){ - #createbox form{margin:-10px} -} \ No newline at end of file +body, +textarea { + color: #000; +} +body.mainpage, +body.threads { + background: #008081; +} +body.threadpage, +.outerbox, +.mainpage .thread, +#q-p { + background: #c0c0c0; +} +::selection { + background: blue; + color: white; +} +::-moz-selection { + background: blue; + color: white; +} +a, +a .name, +#n2 { + color: #00f; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +input[type="submit"], +input[type="button"], +button { + border-width: 2px; + border-color: #fff #000 #000 #fff; + border-style: ridge; + background: #c0c0c0; + color: #000; +} +h1, +h2, +#threadlinks:before, +h5 { + background: #010081; + color: #fff; + font-size: 21px; + font-weight: bold; + margin: -11px -11px 11px; + padding: 2px; +} +h2 a, +h2 a:active { + color: #fff; +} +h3 span { + color: #555; + text-decoration: underline; +} +h4 { + padding-top: 0.5em; +} +hr { + border: 0; +} +hr, +h4, +.deleted { + border-top: 2px groove white; +} +.mainpage .first h4 { + border: 0; + padding: 0; +} +#main_nav { + background: #c0c0c0; + border-bottom: 2px ridge white; + line-height: 1; + padding: 2px 0; +} +.threadnav { + line-height: 1; + margin: -11px; +} +#main_nav a, +.threadnav a { + background: #c0c0c0; + border-width: 2px; + border-color: #fff #000 #000 #fff; + border-style: ridge; + color: #000; + display: inline-block; + margin: 0 -1px; + padding: 2px; + text-decoration: none; + outline-offset: -4px; +} +.threadnav a { + margin: 2px; + padding: 0; +} +#main_nav a:first-child a:first-child { + font-weight: bold; +} +#main_nav .cur_brd { + background: #bbb + url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII="); + font-weight: bold; +} +#main_nav .cur_brd, +#main_nav a:active, +.threadnav a:active, +input[type="submit"]:active, +input[type="button"]:active, +button:active { + border-color: #000 #fff #fff #000; + border-style: groove; +} +.outerbox, +.mainpage .thread, +#q-p { + border-width: 2px; + border-color: #fff #000 #000 #fff; + border-style: groove; +} +input[type="text"], +textarea, +.innerbox, +#content, +#threadlist, +select { + border-width: 2px; + border-color: #000 #fff #fff #000; + border-style: groove; +} +select { + background: #fff; +} +select:focus { + background: #000080; + color: #fff; + outline: 1px dotted #ffff7f; + outline-offset: -3px; +} +#threadlinks:before { + content: ""; + display: block; + height: 15px; + margin-bottom: 5px; +} +.innerbox { + padding: 10px; + margin: 2px; +} +.links { + border: 1px solid; + border-color: #888 #dadada #dadada #888; + padding: 2px; +} +#threadlist { + background: #fff; +} +#threadlist a { + border-right: 1px solid #000; + border-bottom: 1px solid #000; + color: #000; +} +#threadlist a:active { + background: #ddd; +} +#thread_nav a { + color: #000; + display: inline-block; + margin: -3px -2px; + padding: 3px; +} +#thread_nav a:hover { + background: #ddd; +} +. { + margin-bottom: 0.5em; +} +.name, +.abbrev { + color: #444; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.q { + color: #666; +} +.yt { + background: #fff; + border: 1px inset #aaa; + color: #000; +} +.deleted { + color: gray; + margin-bottom: 0.5em; + padding-top: 0.5em; +} +#q-p { + box-shadow: 5px 5px #000; + padding: 0; +} +#q-p .reply { + padding: 0.5em; + margin-bottom: 0.5em; +} +#q-p .reply:first-child h4 { + border: 0; + padding: 0; +} +.postform, +.formpad { + padding: 0; +} +form .msg { + background: #ffffe0; + border: 1px solid #000; +} +#footer { + color: #fff; +} +#listmenu h1 { + background: none; + color: #000; + margin: 0; + padding: 0; +} +#content { + background: #fff; +} +#content.list #header div { + background: #ccc; +} +#content.list .row div, +#content.grid .row { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #000; +} +#content .row:hover { + background: #eee; +} +@media (max-width: 720px) { + #createbox form { + margin: -10px; + } +} diff --git a/static/css/vndb.css b/static/css/vndb.css index 43a9c7c..1b104a2 100644 --- a/static/css/vndb.css +++ b/static/css/vndb.css @@ -1,30 +1,129 @@ -html,body{background-attachment:scroll,fixed;background-color:#000;background-image:url('img/vndb1.jpg'),url('img/vndb2.jpg');background-position:left top,right top;background-repeat:no-repeat,no-repeat;color:#DDD;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif} -.rep{color:#DDD} -a,a .name,.nav label{color:#77BBDD} -a:hover,a:hover .name,.nav label:hover{border-bottom:1px dotted #DDD;text-decoration:none} -#catalog .thread > a:hover{border-bottom:none;text-decoration:underline} -.logo{color:#135;font-style:italic} -.replymode,.extramode{color:#FFF} -.replymode{background:#258} -.extramode{background:#247} -.postblock{border:1px solid #258;background:rgba(7,28,47,0.75)} -input,input[type="text"],input[type="password"],textarea{background:#0d2741;border:1px solid #35A;color:#DDD} -input[type="submit"]{background:rgba(7,28,47,0.9);padding:3px 10px} -input[type="submit"]:active{background:#0d2741} -.fs{text-decoration:none} -.subj{color:#7bd;font-weight:bold} -.ell,.name,.omitted{color:#258} -.q{border-left:1px dotted #258;color:#336da7} -.reply,#q-p{background:rgba(7,28,47,0.8);border:1px solid #258} -.abbrev{color:#707070} -.highlight{background:rgb(10,35,60)} -.managertable{border:1px solid #258} -.managertable td{background:rgba(7,28,47,0.5)} -.managertable th{background:rgba(7,28,47,0.9)} -hr{border:none;border-top:1px solid #258;height:0} -#catalog .thread:hover{background:rgba(7,28,47,0.92);box-shadow:0 0 5px 5px rgba(7,28,47,0.9)} -#catalog .replies{color:#258;font-weight:bold} -.yt,.yt:hover{background:#0d2741;border:1px solid #258;color:#DDD} -.pg,.pg td{background:rgba(7,28,47,0.8);border:1px solid #258} -.footer,.footer a{color:#247} -.quoted{border-color:#35A;color:#247} \ No newline at end of file +html, +body { + background-attachment: scroll, fixed; + background-color: #000; + background-image: url("img/vndb1.jpg"), url("img/vndb2.jpg"); + background-position: left top, right top; + background-repeat: no-repeat, no-repeat; + color: #ddd; + font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +.rep { + color: #ddd; +} +a, +a .name, +.nav label { + color: #77bbdd; +} +a:hover, +a:hover .name, +.nav label:hover { + border-bottom: 1px dotted #ddd; + text-decoration: none; +} +#catalog .thread > a:hover { + border-bottom: none; + text-decoration: underline; +} +.logo { + color: #135; + font-style: italic; +} +.replymode, +.extramode { + color: #fff; +} +.replymode { + background: #258; +} +.extramode { + background: #247; +} +.postblock { + border: 1px solid #258; + background: rgba(7, 28, 47, 0.75); +} +input, +input[type="text"], +input[type="password"], +textarea { + background: #0d2741; + border: 1px solid #35a; + color: #ddd; +} +input[type="submit"] { + background: rgba(7, 28, 47, 0.9); + padding: 3px 10px; +} +input[type="submit"]:active { + background: #0d2741; +} +.fs { + text-decoration: none; +} +.subj { + color: #7bd; + font-weight: bold; +} +.ell, +.name, +.omitted { + color: #258; +} +.q { + border-left: 1px dotted #258; + color: #336da7; +} +.reply, +#q-p { + background: rgba(7, 28, 47, 0.8); + border: 1px solid #258; +} +.abbrev { + color: #707070; +} +.highlight { + background: rgb(10, 35, 60); +} +.managertable { + border: 1px solid #258; +} +.managertable td { + background: rgba(7, 28, 47, 0.5); +} +.managertable th { + background: rgba(7, 28, 47, 0.9); +} +hr { + border: none; + border-top: 1px solid #258; + height: 0; +} +#catalog .thread:hover { + background: rgba(7, 28, 47, 0.92); + box-shadow: 0 0 5px 5px rgba(7, 28, 47, 0.9); +} +#catalog .replies { + color: #258; + font-weight: bold; +} +.yt, +.yt:hover { + background: #0d2741; + border: 1px solid #258; + color: #ddd; +} +.pg, +.pg td { + background: rgba(7, 28, 47, 0.8); + border: 1px solid #258; +} +.footer, +.footer a { + color: #247; +} +.quoted { + border-color: #35a; + color: #247; +} -- cgit v1.2.1-18-gbd029