From e9a0a02f9e17a7a03e39d066c8157285e774a376 Mon Sep 17 00:00:00 2001 From: junk Date: Wed, 31 Mar 2021 06:07:15 -0300 Subject: Nuevos estilos --- static/css/txt/4am.css | 17 +++-- static/css/txt/amber.css | 1 + static/css/txt/ayashii.css | 27 ++++--- static/css/txt/bbs.css | 63 ++++++++-------- static/css/txt/bios.css | 83 +++------------------ static/css/txt/blue moon.css | 34 ++------- static/css/txt/ciber.css | 2 +- static/css/txt/cuteanarchy.css | 6 -- static/css/txt/futanari.css | 35 +++------ static/css/txt/gamer.css | 36 ++++------ static/css/txt/headline.css | 81 +++++++++------------ static/css/txt/mercury.css | 158 ++++++++++++++++++++++++++++++++++++++++ static/css/txt/postal.css | 38 +++------- static/css/txt/rizzona.css | 159 +++++++++++++++++++++++++++++++++++++++++ static/css/txt/ventanas.css | 24 +++++-- static/css/txt/void.css | 70 ++++++++++++++++++ static/css/txt/waves.css | 137 +++++++++++++++++++++++++++++++++++ 17 files changed, 687 insertions(+), 284 deletions(-) create mode 100644 static/css/txt/mercury.css create mode 100644 static/css/txt/rizzona.css create mode 100644 static/css/txt/void.css create mode 100644 static/css/txt/waves.css (limited to 'static/css/txt') diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css index 4147600..20b5756 100644 --- a/static/css/txt/4am.css +++ b/static/css/txt/4am.css @@ -12,9 +12,14 @@ a .name, } a:active, a:focus, +a:active .name, +a:focus .name, #n2:active { color: #4d6172; } +h4 a, .lastposts { + text-decoration: none; +} hr { border: 1px inset #111; } @@ -62,6 +67,7 @@ h4 { } #main_nav { background: #000; + border-bottom: 1px solid #222; color: #7cafc2; } .banner { @@ -114,11 +120,11 @@ a.thumb { margin-top: 4px; } .q { - color: #666; + color: #777; } .yt { - background: #383838; - border: 1px solid gray; + background: #262626; + border: 1px solid #444; color: #e8e8e8; } .yt:hover { @@ -130,14 +136,11 @@ a.thumb { } #q-p { background: #222; - border: 1px solid #999; + border: 1px solid #4b4e55; } #q-p .msg { margin-bottom: 8px; } -.lastposts #n2 { - text-decoration: none; -} form .msg { background: #383838; border: 1px dotted #000; diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css index 2a3e4ec..90651de 100644 --- a/static/css/txt/amber.css +++ b/static/css/txt/amber.css @@ -134,6 +134,7 @@ button:active { } .mainpage .postform { border-top: 1px solid #f9690e; + margin: 0; padding: 1em 0 1em 40px; } .formpad { diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css index ac94b4e..ad3d57f 100644 --- a/static/css/txt/ayashii.css +++ b/static/css/txt/ayashii.css @@ -18,7 +18,6 @@ h2:before { h2 { display: inline-block; margin: 0; - margin-bottom: 0.5em; } h2 span { font-weight: initial; @@ -65,13 +64,12 @@ button { .threadnav a { margin-left: 4px; } -.innerbox { +.innerbox, .innerbox.links { margin: 0; padding: 0; } -.innerbox, -.mainpage .thread, -.deleted { +.innerbox, .innerbox.links, +.mainpage .thread { margin-bottom: 1em; padding-bottom: 1em; } @@ -98,10 +96,10 @@ h3 { border: 1px inset gray; } .reply { - margin-bottom: 0.5em; + margin-bottom: 0.25em; } .hidden { - padding-bottom: 0.5em; + padding-bottom: 0.25em; } .reply:last-child { border: 0; @@ -131,6 +129,9 @@ h3 { #size { color: #fff; } +.mainpage .postform { + margin-top: 1em; +} #q-p { background: #004040; border: 1px solid #ddd; @@ -138,7 +139,7 @@ h3 { #q-p h4:before { display: none; } -.postform, +.orm, .formpad { padding-left: 0; } @@ -158,11 +159,15 @@ form .msg { } @media (max-width: 600px) { body.mainpage { - margin-left: 4px; - margin-right: 4px; + margin-left: 5px; + margin-right: 5px; + } + #main_nav, + .banner { + padding-left: 0; } h2 span { - font-size: initial; + font-size: 18px; } h4:before { display: none; diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css index 87269eb..010832f 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -26,14 +26,11 @@ h5 { margin: 0; } h2 { - font-size: 16px; - margin: 0 0 7px; -} -h2 span { - margin-right: 2px; + font-size: 1em; + margin: 0 0 0.5em; } h2 a { - font-size: 24px; + font-size: 1.5em; text-decoration: none; } h3 { @@ -60,6 +57,9 @@ select { color: #000; padding: 1px; } +#styles { + padding: 0; +} input[type="submit"], input[type="button"], button { @@ -78,17 +78,9 @@ button:active { margin: 0 auto; } #rules { - line-height: 1.25em; - margin: 8px 0; -} -.spoil { - background: #000; - color: #000; -} -.spoil:hover { - color: #fff; + margin: 0.5em 0; } -code { +Fcode { font-size: 14px; } pre { @@ -96,6 +88,10 @@ pre { margin: 0; white-space: pre-wrap; } +ul { + margin:0; + padding-left:1em; +} .cur_brd, .locked, .sel { @@ -103,7 +99,7 @@ pre { } #main_nav { font-size: 14px; - padding: 4px 0; + padding: 3px 0; text-align: center; width: 100%; } @@ -127,6 +123,9 @@ label { padding: 7px; margin: 7px; } +.innerbox.links { + padding: 3px; +} .threadnav { float: right; } @@ -155,7 +154,7 @@ label { flex-flow: row wrap; font-size: 14px; line-height: 1; - max-height: 16em; + max-height: 18em; overflow-y: auto; } #threadlist a { @@ -169,7 +168,12 @@ label { .formpad { padding-left: 40px; } -.reply { +.postform, +#search, +.end { + margin-top: 0.5em; +} +.reply, #rules { clear: both; line-height: 18px; } @@ -247,7 +251,7 @@ a.yt b { text-decoration: underline; } .threadpage .threadlinks { - margin: 0.5em 0; + margin-bottom: 0.5em; } #size { color: #f00; @@ -263,22 +267,17 @@ a.yt b { text-align: right; white-space: nowrap; } -.postform { - margin-top: 0.5em; -} form .msg { margin: 0; padding: 8px 2px; text-align: left; } -.end, -#search { - margin-top: 8px; -} .warn { + margin: 0.5em 0; padding: 1px; } .stop { + margin: 0.5em 0; padding: 1em 1px; } .yellow { @@ -293,6 +292,7 @@ form .msg { text-align: center; } #threads td, #threads th { + max-width: 256px; padding: 2px 4px; text-align: left; } @@ -309,7 +309,7 @@ form .msg { } @media (max-width: 600px) { body.threadpage { - margin: 4px; + margin: 5px; } br { line-height: 0.5em; @@ -324,14 +324,19 @@ form .msg { #footer { margin: 1em 0; } + .innerbox { + margin: 3px; + padding: 3px; + } h1, h2 a, h5 { - font-size: 18px; + font-size: 1em; } h2 span, #rules { font-size: 12px; + line-height: 14px; } h4, .quoted { font-size: 10px; diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css index b6f912d..e15c912 100644 --- a/static/css/txt/bios.css +++ b/static/css/txt/bios.css @@ -33,16 +33,15 @@ input[type="submit"], input[type="button"], button { background: #fff; - border: 0; + border: 1px solid #fff; color: #000; - padding: 2px 9px; } input[type="submit"]:active, input[type="button"]:active, button:active, select:focus { background: #000; - border-style: solid; + border: 1px solid #000; color: #fff; } ::selection { @@ -56,21 +55,6 @@ select:focus { hr { display: none; } -h2, -.thread .threadnav { - margin: 0.75em; -} -h3 { - background: #fff; - color: #00a; - margin: 0 0 1px 0; - padding: 2px 8px; -} -h3 span { - background: #00a; - color: #fff; - padding: 2px; -} #main_nav, #thread_nav { background: linear-gradient(270deg, #0000ff, #000000, #0000ff); @@ -122,47 +106,24 @@ h3 span { #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; + padding: 3px 8px; } .outerbox, .mainpage .thread, #threadlist { - border: 1px solid #fff; + border: 3px double #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; -} h4 { background: #fff; color: #00a; - padding: 0 0.5em; } h4 a, a .name { @@ -182,9 +143,6 @@ a:focus .name { .abbrev { color: #5cf; } -#size { - margin-left: 0.5em; -} .yt { border: 1px solid #ff0; } @@ -200,33 +158,23 @@ a:focus .name { background: #00a; border: 1px solid #fff; box-shadow: 1em 1em #000; - paddding: 0; + padding: 0; } .lastposts { - border-color: #fff; - border-style: double; - border-width: 0 4px; + border-top: 1px solid #fff; + border-bottom: 1px solid #fff; 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; + margin-top: 0.5em; } .formpad { padding-left: 0; } .mainpage .postform { - border-top: 1px solid #fff; - padding: 0.75em; + border: 1px solid #fff; + padding: 0.5em; } form .msg { border: 3px double #fff; @@ -236,15 +184,4 @@ form .msg { } #threads th, #threads td { border-bottom: 1px solid; -} -@media (max-width: 600px) { - body.threadpage { - margin: 8px 0; - } - h2 { - margin-bottom: 0.5em; - } - .mainpage .msg { - margin: 0.5em; - } } \ No newline at end of file diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css index bcc9e32..8ab82d3 100644 --- a/static/css/txt/blue moon.css +++ b/static/css/txt/blue moon.css @@ -30,20 +30,18 @@ a:active .name, .row a:active { color: #8c9fb4; } -h2 { - color: #eee; - line-height: 1; - margin: 0 0 10px; -} -h2 a { +h2, h2 a { color: #eee; } h3 { color: #eee; - margin: 0.7em 0; +} +.first { + border-top: 2px solid #ddd; } h4 { background: #ddd; + border-bottom: 2px solid #ddd; } hr { display: none; @@ -84,10 +82,6 @@ button:active { .links { padding-top: 5px; } -#threadbox { - margin-bottom: 19px; - margin-top: 19px; -} #threadlist { background: #3e4247; border: 1px inset #b6c2cf; @@ -124,17 +118,14 @@ h5 { } .reply { background: #fff; - border-top: 0.1em solid #ddd; + border-top: 0; border-right: 10px solid #ddd; - border-bottom: 0.1em solid #ddd; + border-bottom: 2px solid #ddd; border-left: 10px solid #ddd; color: #000; margin-bottom: 0; overflow: hidden; } -.first { - border-top: 0.2em solid #ddd; -} .name, a .name { color: #2b3037; @@ -194,14 +185,6 @@ form .msg { margin-top: 2px; padding: 0.5em; } -.threadpage .threadlinks { - margin: 0; -} -.warn, -.stop { - padding-left: 10px; - margin: 2px 0; -} #footer a { color: #fff; } @@ -230,9 +213,6 @@ form .msg { h2 { margin-bottom: 4px; } - h3 { - margin: 0.5em 0; - } .threadpage .thread { padding: 1px 4px 4px; } diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css index 7eef9fa..e5449b7 100644 --- a/static/css/txt/ciber.css +++ b/static/css/txt/ciber.css @@ -225,7 +225,7 @@ form .msg { } @media (max-width: 600px) { .mainpage .postform { - padding: 0.5em; + padding: 0.25em; } .mainpage .msg { margin: 0.5em; diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css index 524a81b..0492e3b 100644 --- a/static/css/txt/cuteanarchy.css +++ b/static/css/txt/cuteanarchy.css @@ -62,11 +62,6 @@ input[type="button"]:active { background: #f2d3df; } -.threadlinks { - text-align: center; - margin-top: 0.5em; -} - h1 { color: #dc9656; font-size: 26px; @@ -243,7 +238,6 @@ form .msg { .formpad { margin: 0 auto; padding-left: 0; - margin-top: 0.25em; } #footer { diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index 1a0b80d..348a48e 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -20,10 +20,6 @@ h1 { margin: -10px -10px 10px; padding: 10px; } -h2 span { - color: #aaa; - margin-right: 2px; -} h2 a, h2 a:active { color: #de9d7f; @@ -31,14 +27,10 @@ h2 a:active { } h3 { color: #de9d7f; - margin: 0.7em 0; } h3 span { color: #909090; } -hr { - display: none; -} input, input[type="submit"], input[type="button"], @@ -67,14 +59,12 @@ button:active { } .outerbox { background: #3b6b94; + color: #cfc; } -.innerbox { +.outerbox .innerbox { margin: 0; padding: 10px; } -.thread .innerbox { - padding: 0; -} .links { background: #5b8bb4; } @@ -94,7 +84,10 @@ button:active { color: #afd775; } .name em { - color: #009; + color: #ff0; +} +.date { + color: #B2C1CC; } .del a { color: #fff; @@ -109,9 +102,6 @@ button:active { background: #2f587a; border: 1px solid #1b2933; } -.msg hr { - display: block; -} .deleted { color: #afafaf; margin-bottom: 24px; @@ -129,6 +119,7 @@ button:active { background: #3b6b94; } .postform { + color: #cfc; padding: 10px; } .threadpage .threadlinks { @@ -145,10 +136,6 @@ form .msg { #q-p .msg { margin-bottom: 8px; } -.lastposts { - background: #5b8bb4; - padding: 8px; -} #threads th { background: #3b6b94; } @@ -159,12 +146,8 @@ form .msg { background: #294b68; } @media (max-width: 600px) { - .thread .innerbox { - padding: 4px; - } - .innerbox, .postform, .mainpage .postform { - padding: 4px; + padding: 0.25em; } -} +} \ No newline at end of file diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css index 37f4c9e..5e11600 100644 --- a/static/css/txt/gamer.css +++ b/static/css/txt/gamer.css @@ -7,7 +7,7 @@ body { a, .name, a .name { - color: #afa; + color: #7f6; } a:active, a:active .name { @@ -20,13 +20,11 @@ h1,h2,h3,h5, 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; } hr { display: none; @@ -34,11 +32,11 @@ hr { #main_nav { background: url("../img/g_b2.gif") bottom repeat-x; } -#main_nav a a { +#main_nav a { color: #fff; text-decoration: none; } -#main_nav a:active a:active { +#main_nav a:active { color: #e0e0ff; } #thread_nav { @@ -119,8 +117,8 @@ h4 a, padding: 7px; } .reply { - border-top: 1px solid #111; - padding-top: 0.5em; + border-bottom: 1px solid #111; + margin-top: 0.5em; } .name em { color: #ff0; @@ -128,7 +126,7 @@ h4 a, h4 .date, .del a, .abbrev { - color: #aaa; + color: #777; } .q { color: #6f6f6f; @@ -138,15 +136,14 @@ h4 .date, border: 1px solid #111; } .deleted, .hidden { - color: #afafaf; - margin-bottom: 0.5em; + color: #777; + margin: 0; } .msg hr { display: block; } .mainpage .postform { - border-top: 1px solid #111; - padding: 1em 0 0; + padding: 0.5em 0 0 0; } .formpad { padding-left: 0; @@ -160,11 +157,10 @@ form .msg { } #size { color: #ff0; - margin: 0; + margin-bottom: 0; } .lastposts { color: #66b; - padding-bottom: 0.5em; } .del a, #footer a:active { @@ -178,6 +174,9 @@ form .msg { #threads td { color: #aaa; } +.footer { + color: #66B; +} @media (max-width: 600px) { body.threadpage { margin: 0; @@ -185,10 +184,8 @@ form .msg { h1,h2,h3,h5 { margin: -3px -3px -1px; } - .innerbox, - .threadpage .thread, - .threadpage .postform { - padding: 3px; + .threadpage .thread { + padding: 2px; } #threadlinks, .threadpage .threadlinks, @@ -196,7 +193,4 @@ form .msg { margin: 0; padding: .5em 0; } - .mainpage .postform { - padding: 0.5em 0 0; - } } \ No newline at end of file diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css index 1d9b186..c512f99 100644 --- a/static/css/txt/headline.css +++ b/static/css/txt/headline.css @@ -6,8 +6,7 @@ textarea { color: #000; } a, -#n2, -h3 span { +#n2 { color: #d60; } a:active .name, @@ -33,16 +32,7 @@ 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; + display: table; } hr { display: none; @@ -67,20 +57,17 @@ button:active { background: #ccc; border-style: solid; } -.outerbox, -#titlebox .innerbox:first-child, +.outerbox .innerbox, .postform, .lastposts { background: #eee; border-bottom: 2px solid #bbb; } -.innerbox { +.outerbox .innerbox { + border-bottom: 2px solid #bbb; margin: 0; padding: 10px; } -.thread .innerbox { - padding: 0; -} #threadlist { background: #fff; border: 1px inset #bbb; @@ -91,15 +78,21 @@ button:active { } #thread_nav { border-bottom: 2px solid #f70; - padding: 0 0 6px 6px; + padding-bottom: 6px; } .mainpage .first div.msg::first-letter { font-size: 1.5em; text-transform: uppercase; } +.reply { + border-bottom: 1px solid #eee; + margin-top: 0.5em; +} +.hidden, .deleted { + margin: 0; +} .name em { color: #009; - font-style: normal; } .q, .abbrev { @@ -111,39 +104,37 @@ button:active { } .msg hr { display: block; - max-width: 500px; - margin-left: 0; -} -#size { - color: #d60; -} -.deleted h4 { - color: #afafaf; } #q-p { background: #fff; border: 1px solid #bbb; - border-bottom: 2px solid #bbb; padding: 0; } -.lastposts { - padding: 8px; +#q-p .reply { + padding: 0 0.5em; } -.threadpage .threadlinks { - margin: 0 0 3px; +#q-p .reply:last-child { + border-bottom: 0; } -.postform { - padding: 10px; +.mainpage .postform { + margin: 0; +} +.postform, .lastposts { + background: #eee; + border-bottom: 2px solid #bbb; + margin-top: 0; + padding: .5em; +} +.lastposts { + background-image: none; } form .msg { border: 1px dashed #000; background: #fff; - margin: 0; - padding: 0.5em 0.15em; } #threads th { background: #eee; - border-bottom: 1px solid #f70; + border-bottom: 2px solid #f70; } #threads tr:nth-child(odd) { background: #fff; @@ -152,13 +143,9 @@ form .msg { background: #ddd; } @media (max-width: 600px) { - .thread .innerbox { - padding: 4px; - } - .innerbox, - .postform, - .mainpage .postform { - padding: 4px; - padding-left: 4px; + .mainpage .postform, + .postform { + padding: .25em; + padding-left: .25em; } -} +} \ No newline at end of file diff --git a/static/css/txt/mercury.css b/static/css/txt/mercury.css new file mode 100644 index 0000000..a5c5fc1 --- /dev/null +++ b/static/css/txt/mercury.css @@ -0,0 +1,158 @@ +body { + background: #fff url(../img/ginchan.png) no-repeat fixed bottom right; +} +body, +textarea { + color: #000; +} +a, +#n2 { + color: #32a; +} +a:active, +a:active .name, +h2 a:active, +#n2:active { + color: #f48; +} +h2 a, +h4, +h4 a { + color: #000; +} +h1 { + border-bottom: 2px solid #441188; + padding: 0 10px; + margin: 0 -10px 10px; +} +h2, +h3 { + background: #DDDDE7 url(../img/rose.png) no-repeat scroll 0 50%; + border-bottom: 2px solid #418; + display: table; + padding-left: 1em; +} +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; +} +#titlebox { + background: #DDDDE7 url(../img/rose2.png) no-repeat scroll bottom right; + margin-bottom: 0; +} +.outerbox { + background: #DDDDE7; +} +.outerbox .innerbox { + border-bottom: 2px solid #aab; + margin: 0; + padding: 10px; +} +#threadlist { + border: 1px solid #aab; +} +#threadlist a { + border-right: 1px solid #aab; + border-bottom: 1px solid #aab; +} +#thread_nav { + border-bottom: 2px solid #318; + padding-bottom: 6px; +} +.mainpage .first div.msg::first-letter { + font-size: 1.5em; + text-transform: uppercase; +} +.reply { + border-bottom: 1px solid #DDDDE7; + margin-top: 0.5em; +} +.hidden, .deleted { + margin: 0; +} +.name em { + color: #009; +} +.q, +.abbrev { + color: #7f7f7f; +} +.yt { + background: #f2f2f2; + border: 1px solid #aab; +} +hr { + display: none; +} +.msg hr { + display: block; +} +#size { + color: #318; +} +#q-p { + background: #fff; + border: 1px solid #aab; + padding: 0; +} +#q-p .reply { + padding: 0 0.5em; +} +#q-p .reply:last-child { + border-bottom: 0; +} +.mainpage .postform { + margin: 0; +} +.postform, .lastposts { + background: #cce url(../img/rose2.png) no-repeat scroll top right; + border-bottom: 2px solid #aab; + margin-top: 0; + padding: .5em; +} +.lastposts { + background-image: none; +} +#createbox { + background: #DDDDE7 url(../img/rose2.png) no-repeat scroll top right; +} +form .msg { + border: 1px dashed #000; + background: #fff; +} +#threads th { + background: #DDDDE7; + border-bottom: 2px solid #418; +} +#threads tr:nth-child(odd) { + background: #fff; +} +#threads tr:nth-child(even) { + background: #DDDDE7; +} +@media (max-width: 600px) { + body { + background-position: 100% 125%; + } + .mainpage .postform, + .postform { + padding: .25em; + padding-left: .25em; + } +} \ No newline at end of file diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css index 8c5ca73..3bd2dd7 100644 --- a/static/css/txt/postal.css +++ b/static/css/txt/postal.css @@ -44,17 +44,6 @@ body > hr { 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, @@ -82,16 +71,13 @@ h3 { h2 a:active { text-decoration: underline; } -h3 { - margin-top: 0; -} h3 span { color: dimgrey; } h4 { background: #f0e7ce; color: #686868; - padding-left: 3px; + padding-left: 2px; } #main_nav, .outerbox { @@ -121,7 +107,7 @@ h4 { #thread_nav { background: #fff; font-style: italic; - padding: 1.5em 8px 0.5em; + padding: 1.5em 8px 0; } .threadpage .thread { background-color: #fff; @@ -156,10 +142,6 @@ h4 { background: #eee; border: 1px solid #ccc; } -/*.deleted { - background: #f7f3e6; - color: #aaa; -}*/ #q-p { background: #fff; border: 1px solid #ccc; @@ -181,9 +163,6 @@ h4 { -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; @@ -191,6 +170,9 @@ form .msg { #footer { color: #333; } +.stop, .warn { + margin: 0; +} #threads th { background: #6aa9d7; } @@ -199,7 +181,7 @@ form .msg { } @media (max-width: 600px) { body.threadpage { - margin: 0 0 4px; + margin: 0; } body.threadpage > hr { top: -8px; @@ -207,10 +189,6 @@ form .msg { right: 0; } .threadpage .thread { - padding: 4px 4px 1em; + padding: 0 5px 1em; } - #createbox .innerbox { - margin: 4px; - padding: 0; - } -} +} \ No newline at end of file diff --git a/static/css/txt/rizzona.css b/static/css/txt/rizzona.css new file mode 100644 index 0000000..3764ebe --- /dev/null +++ b/static/css/txt/rizzona.css @@ -0,0 +1,159 @@ +body { + background: #3c4c5f url(../img/bgnight.gif); + color: #000; +} +a, +#n2, +#size { + color: #A91C1C; +} +a:active, +#n2:active { + background: rgba(255,255,255,0.4); +} +#main_nav { + background: #aa0000; + border-bottom: 1px solid #000; +} +#main_nav a, .innerbox.links a { + color: #000; +} +#main_nav a:active, +.innerbox.links a:active, +.innerbox.links select { + color: #A91C1C; + background: rgb(255,207,97); +} +#titlebox > div:first-child { + margin-bottom: 1em; +} +#titlebox .innerbox.links { + background: #aa0000; +} +.outerbox .innerbox { + background: #b7ad8c; + border: 4px solid black; + margin: 0; +} +#threadlist { + border: 1px solid #000; +} +#threadlist a { + border-right: 1px solid #000; + border-bottom: 1px solid #000; +} +.thread .innerbox { + margin: 0; + padding: 0; +} +#thread_nav { + margin-bottom: 0.5em; +} +h2,h3 { + border-bottom: 4px solid #000; + margin: 0; +} +h2 a { + color: #000; +} +h2 a:hover { + text-decoration: underline; +} +.reply, .postform { + background: #F0EAD6; + border: 4px solid #000; + border-top: 0; +} +h4 { + background: #d5cfbe; + padding-left: 0.1em; +} +.name em { + color: #009; +} +.q, .abbrev { + color: #73683a; +} +.yt { + border: 1px solid rgba(0,0,0,0.15); +} +hr { + display: none; +} +.msg hr { + display: block; +} +.lastposts { + margin: 0.5em 0; +} +.mainpage .postform { + margin: 0; + padding-top: 0.5em; + padding-bottom: 0.5em; +} +.threadpage .postform { + border-top: 4px solid #000; + padding-top: 0; + padding: 0.25em; +} +input[type="submit"], +input[type="button"], +button { + background: #E0DAC6; + border: 1px solid rgba(0,0,0,0.5); +} +input[type="text"], +select { + background: #E0DAC6; + border: 1px solid rgba(0,0,0,0.15); +} +textarea { + background: #E0DAC6; + border: 4px solid rgba(0,0,0,0.15); +} +#createbox .innerbox { + background: #F0EAD6; +} +form .msg { + border: 1px dotted rgba(0,0,0,0.15); +} +#q-p { + background: #F0EAD6; + border: 4px solid #000; + padding: 0; +} +#q-p .reply:last-child { + border: 0; +} +#footer { + border-top: 1px solid #000; + padding-top: 0.25em; +} +#threads { + background: #F0EAD6; + border: 4px solid #000; + border-collapse: collapse; +} +#threads th, #threads td { + border: 1px solid #000; +} +#threads th { + background: darkgrey; +} +#threads tr:nth-child(odd) { + background: #dbce9c; +} +@media (max-width: 600px) { + body.threadpage { + margin: 5px 0; + } + div.msg { + margin: 0.5em 4px; + } + .mainpage .postform { + padding: 0.5em; + } + .mainpage .msg { + margin: 0.5em; + } +} \ No newline at end of file diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css index c98e872..db2a495 100644 --- a/static/css/txt/ventanas.css +++ b/static/css/txt/ventanas.css @@ -44,10 +44,9 @@ h2, h5 { background: #010081; color: #fff; - font-size: 21px; font-weight: bold; - margin: -11px -11px 11px; - padding: 2px; + margin: -11px -11px 0.5em; + padding: 3px; } h2 a, h2 a:active { @@ -140,8 +139,8 @@ select:focus { #threadlinks:before { content: ""; display: block; - height: 15px; - margin-bottom: 5px; + height: 0.5em; + margin-bottom: 0.5em; } .innerbox { padding: 10px; @@ -234,7 +233,20 @@ form .msg { border: 1px solid #000; } @media (max-width: 600px) { + h1, + h2, + #threadlinks:before, + h5 { + margin: -4px -4px 0.5em; + } + .threadnav { + margin: -4px; + } + .innerbox { + padding: 3px; + margin: 2px; + } #createbox form { margin: -10px; } -} +} \ No newline at end of file diff --git a/static/css/txt/void.css b/static/css/txt/void.css new file mode 100644 index 0000000..50d8275 --- /dev/null +++ b/static/css/txt/void.css @@ -0,0 +1,70 @@ +*, +input[type="submit"], +input[type="button"], +button, +input[type="text"], +textarea, +select { + color: #888; +} +body { + background: #000; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); +} +input[type="text"], +input[type="submit"], +input[type="button"], +textarea, +button, +select, +form .msg { + background: #000; + border: 1px solid #222; +} +a:active, +a:active b, +.yt:active, +#n2:active, +input[type="submit"]:active, +input[type="button"]:active, +button:active, +h4, +.name, +.name b, +.date, +.del a, +.pblock, +.postform span, +#size, +.abbrev, +.end, +#footer, +#footer a, +#threads th { + color: #333; +} +.reply { + border-bottom: 1px solid #151515; + margin-top: 0.5em; +} +.hidden { + margin: 0; +} +h4 a { + text-decoration: none; +} +.q { + color: #555; +} +#q-p, .yt { + background: #000; + border: 1px solid #111; +} +hr { + border: 0; + border-top: 1px solid #151515; +} +.yt:hover { + text-decoration: none; +} \ No newline at end of file diff --git a/static/css/txt/waves.css b/static/css/txt/waves.css new file mode 100644 index 0000000..4e4ff24 --- /dev/null +++ b/static/css/txt/waves.css @@ -0,0 +1,137 @@ +body { + background: #7994b0 url(../img/wave.png); + color: #000; +} +a, +#n2, +#size { + color: #00009a; +} +a:active, +#n2:active { + color: #8a0000; +} +#main_nav { + background: #fff; +} +.outerbox, .mainpage .thread { + background: #95b5db; +} +h1, h5, #threadlinks { + background: #95b5db; + margin: -7px -7px 7px; + padding-bottom: 7px; +} +.outerbox, +.mainpage .thread, +#threadlist { + border: 1px outset #36c; +} +.outerbox .innerbox { + background: #cfe0f0; +} +.innerbox.links { + background: #95b5db; + padding: 0; +} +#threadlist a { + border-right: 1px solid #36c; + border-bottom: 1px solid #36c; +} +.thread .innerbox, +.threadpage .thread { + padding: 0; + background: #f3f9ff; +} +.threadpage .thread { + border: 0.5em solid #95b5db; + border-top: 0; + outline: 1px outset #36c; +} +h2, h3 { + background: #95b5db; + margin: 0; +} +h4 { + background: #cfe0f0; + padding-left: 0.1em; +} +h4, h4 a { + color: #54488c; +} +.name em { + color: #009; +} +.q, .abbrev { + color: #819dbf; +} +.yt { + border: 1px solid #cfe0f0; +} +#size { + margin-bottom: 0; +} +.postform { + background: #cfe0f0; +} +hr { + border-color: #95b5db; +} +.mainpage .postform { + background: #cfe0f0; + margin: 1px 0 0; + padding-top: 0.5em; + padding-bottom: 0.5em; +} +.threadpage .postform { + background: #cfe0f0; + border: 1px outset #36c; + padding: 0.5em; +} +input[type="submit"], +input[type="button"], +button { + background: #3283c2; + border: 1px outset #3283c2; + color: #fff; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #26689b; + border: 1px inset #3283c2; +} +form .msg { + background: #f3f9ff; + border: 1px dotted #cfe0f0; +} +#q-p { + background: #f3f9ff; + border: 1px solid #95b5db; + padding: 0; +} +#threads th { + background: #95b5db; +} +#threads tr:nth-child(odd) { + background: #cfe0f0; +} +@media (max-width: 600px) { + body.threadpage { + margin: 5px 0; + } + h1, h5, #threadlinks { + margin: -3px -3px 3px; + padding-bottom: 2px; + } + .threadpage .thread { + border-width: 0.2em; + } + .mainpage .postform, + .threadpage .postform{ + padding: 0.25em; + } + div.msg { + margin: 0.5em; + } +} \ No newline at end of file -- cgit v1.2.1-18-gbd029