diff options
| author |  junk
| 2021-03-31 06:07:15 -0300 |
|---|---|---|
| committer | junk
| 2021-04-08 14:14:40 -0400 |
| commit | e9a0a02f9e17a7a03e39d066c8157285e774a376 (patch) | |
| tree | f2792c6390d5560e66f85e9053968d7f27695c9a | |
| parent | f7baf0c69606d49c6be86d3f27bc88d9d58cd4ba (diff) | |
| download | weabot-e9a0a02f9e17a7a03e39d066c8157285e774a376.tar.gz weabot-e9a0a02f9e17a7a03e39d066c8157285e774a376.tar.xz weabot-e9a0a02f9e17a7a03e39d066c8157285e774a376.zip | |
Nuevos estilos
34 files changed, 1135 insertions, 365 deletions
diff --git a/cgi/templates/catalog.html b/cgi/templates/catalog.html index 8c0d80e..d4822ae 100644 --- a/cgi/templates/catalog.html +++ b/cgi/templates/catalog.html @@ -29,4 +29,5 @@ </div> <?py #endfor ?> </div> +<hr /> <?py include('templates/base_bottom.html') ?>
\ No newline at end of file diff --git a/cgi/templates/stats.html b/cgi/templates/stats.html index 6cfe4f1..b284d7a 100644 --- a/cgi/templates/stats.html +++ b/cgi/templates/stats.html @@ -5,7 +5,7 @@ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> -body{font-family:arial,sans-serif;background:#090909;color:#fdfdfd;margin:0;text-align:center} +body{font-family:arial,sans-serif;background:#090909 url('/bg3.png');color:#fff;margin:0;text-align:center;text-shadow:1px 1px #000} a,a:visited{color:#fdfdfd;text-decoration:none} a:hover{text-decoration:underline} hr{margin:1em 0} @@ -24,38 +24,40 @@ td a{display:block;padding:10px} .r{text-align:right} .l{text-align:left} .pos{line-height:0em;text-align:center} -.uno{font-size:2em;color:red} -.dos{font-size:1.6em;color:orange} -.tres{font-size:1.3em;color:yellow} +.b1{font-size:2em;color:red} +.b2{font-size:1.6em;color:orange} +.b3{font-size:1.3em;color:yellow} .etc{color:grey} #foot{margin:1em;font-size:.9em} #foot a{color:#999} -@media (max-width:600px){ -.t1{font-size:1.6em} -.t2{font-size:.9em} -h2{font-size:1.2em} -table{font-size:1.1em} -table.desc{font-size:.9em} -th,td{padding:5px} -td a{display:block;padding:5px} -.uno{font-size:1.6em} -.dos{font-size:1.4em} -.tres{font-size:1.2em} -#boards th{font-size:.8em} -.long{word-break:break-all} -#foot{font-size:12px} +@media (max-width:600px){c + .t1{font-size:1.6em} + .t2{font-size:.9em} + h2{font-size:1.2em} + table{font-size:1.1em} + table.desc{font-size:.9em} + th,td{padding:5px} + td a{display:block;padding:5px} + .b1{font-size:1.6em} + .b2{font-size:1.4em} + .b3{font-size:1.2em} + #boards th{font-size:.8em} + .long{word-break:break-all} + #foot{font-size:12px} } </style> </head> <body> <div id="title"> - <div class="t1"><a href="/" style="font-weight:900">Bienvenido a Internet</a> Estadísticas</div> - <div class="t2"> - <span>Última actualización:</span> <span>${timestamp} GMT${tz}</span> - <?py if not regenerated: ?> - <span>(en caché)</span> - <?py #endif ?> - </div> + <div class="t1"> + <a href="/" style="font-weight:900">Bienvenido a Internet</a> Estadísticas + </div> + <div class="t2"> + <span>Última actualización:</span> <span>${timestamp} GMT${tz}</span> + <?py if not regenerated: ?> + <span>(en caché)</span> + <?py #endif ?> + </div> </div> <hr /> @@ -100,12 +102,7 @@ td a{display:block;padding:5px} <?py iter = 1 ?> <?py for dir, board, percent, num in boards_percent: ?> <tr> - <td class="pos"> - <?py if iter == 1: ?><span class="uno">${iter}</span> - <?py elif iter == 2: ?><span class="dos">${iter}</span> - <?py elif iter == 3: ?><span class="tres">${iter}</span> - <?py else: ?>${iter}<?py #endif ?> - </td> + <td class="pos b${iter}">${iter}</td> <td class="l boards"><a href="/${dir}/" target="_blank">${board}</a></td> <td class="r">${num}</td> <td class="r">${percent}%</td> @@ -158,6 +155,6 @@ td a{display:block;padding:5px} <hr /> -<div id="foot">B.a.I. - 2010-2019 · Contacto: <a href="mailto:burocracia@bienvenidoainternet.org">burocracia@bienvenidoainternet.org</a></div> +<div id="foot">B.a.I. - 2010-2021 · Contacto: <a href="mailto:burocracia@bienvenidoainternet.org">burocracia@bienvenidoainternet.org</a></div> </body> </html>
\ No newline at end of file diff --git a/cgi/templates/txt_archive.html b/cgi/templates/txt_archive.html index 2b5caa3..88b3196 100644 --- a/cgi/templates/txt_archive.html +++ b/cgi/templates/txt_archive.html @@ -68,7 +68,7 @@ <?py #endif ?> <?py #endfor ?> <?py if 'size' in thread: ?> - <div class="size">#{thread['size']}</div> + <div id="size">#{thread['size']}</div> <?py #endif ?> </div> <hr /><div class="stop red">■ Este hilo se encuentra guardado en el archivo</div><hr /> diff --git a/cgi/templates/txt_thread.en.html b/cgi/templates/txt_thread.en.html index 45f8f8e..4b16fca 100644 --- a/cgi/templates/txt_thread.en.html +++ b/cgi/templates/txt_thread.en.html @@ -20,6 +20,8 @@ <hr /> <?py if thread['length'] > 1000: ?> <div class="stop red">The thread got over 1000 posts and has been closed.</div> +<?py elif thread['length'] > 950: ?> + <div class="warn yellow">The thread has reached 950 posts. When it reaches 1000 posts it will be closed.</div> <?py elif thread['length'] > 900: ?> <div class="warn yellow">The thread has reached 900 posts. When it reaches 1000 posts it will be closed.</div> <?py #endif ?> diff --git a/cgi/templates/txt_thread.html b/cgi/templates/txt_thread.html index 18293c1..c8d70d1 100644 --- a/cgi/templates/txt_thread.html +++ b/cgi/templates/txt_thread.html @@ -20,6 +20,8 @@ <hr /> <?py if thread['length'] > 1000: ?> <div class="stop red">El hilo superó los 1000 mensajes y ha sido cerrado. Ya no se puede postear en él.</div> +<?py elif thread['length'] > 950: ?> + <div class="warn red">El hilo ha recibido más de 950 mensajes. Cuando llegue a 1000 será cerrado.</div> <?py elif thread['length'] > 900: ?> <div class="warn yellow">El hilo ha recibido más de 900 mensajes. Cuando llegue a 1000 será cerrado.</div> <?py #endif ?> diff --git a/cgi/weabot.py b/cgi/weabot.py index 7e27ca7..eba4c72 100755 --- a/cgi/weabot.py +++ b/cgi/weabot.py @@ -192,8 +192,9 @@ class weabot(object): elif path_split[1] == "api": import api caught = True - self.headers = [("Content-Type", "application/json"), ("Access-Control-Allow-Origin", "*"), ("Access-Control-Allow-Methods", - "PUT, GET, POST, DELETE, OPTIONS"), ("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With")] + self.headers = [("Content-Type", "application/json"), ("Access-Control-Allow-Origin", "*"), + ("Access-Control-Allow-Methods", "PUT, GET, POST, DELETE, OPTIONS"), + ("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With")] OpenDb() api.api(self, path_split) elif path_split[1] == "threadlist": @@ -492,7 +493,7 @@ class weabot(object): message = message.replace("\r", "") # check ! functions before - extend = extend_str = dice = ball = None + extend = extend_str = None if not post["parentid"] and board["dir"] not in ['bai', 'world']: # creating thread @@ -504,20 +505,6 @@ class weabot(object): extend_str = res.group(0) message = message[res.end(0):] - if board["dir"] in ['juegos', '0', 'polka']: - __dice = re.compile(r"^!dado(:\w+)(:\w+)?\n") - res = __dice.match(message) - if res: - dice = res.groups() - message = message[res.end(0):] - - if board["dir"] in ['zonavip', '0', 'polka']: - __ball = re.compile(r"^!bola8\n") - res = __ball.match(message) - if res: - ball = True - message = message[res.end(0):] - # use and format message if message.strip(): post["message"] = format_post( @@ -527,10 +514,6 @@ class weabot(object): if extend_str: extend_str = extend_str.replace('!extend', 'EXTEND') post["message"] += '<hr />' + extend_str + ' configurado.' - if dice: - post["message"] += '<hr />' + throw_dice(dice) - if ball: - post["message"] += '<hr />' + magic_ball() if not post["parentid"] and post["email"].lower() == 'sage': post["email"] = "" @@ -1016,12 +999,11 @@ class weabot(object): # 1 week = 604800 query_day = FetchAll("SELECT DATE_FORMAT(FROM_UNIXTIME(FLOOR((timestamp-10800)/86400)*86400+86400), \"%Y-%m-%d\"), COUNT(1), COUNT(IF(parentid=0, 1, NULL)) " "FROM posts " - "WHERE (timestamp-10800) > (UNIX_TIMESTAMP()-604800) AND (IS_DELETED = 0 OR IS_DELETED = 3) " + "WHERE (timestamp-10800) > (UNIX_TIMESTAMP()-604800) AND (IS_DELETED = 0) " "GROUP BY FLOOR((timestamp-10800)/86400) " "ORDER BY FLOOR((timestamp-10800)/86400)", 0) - query_count = FetchOne( - "SELECT COUNT(1), COUNT(NULLIF(file, '')), VERSION() FROM posts", 0) + query_count = FetchOne("SELECT COUNT(1), COUNT(NULLIF(file, '')), VERSION() FROM posts", 0) total = int(query_count[0]) total_files = int(query_count[1]) mysql_ver = query_count[2] @@ -1033,8 +1015,7 @@ class weabot(object): for date, count, threads in query_day[1:]: days.append((date, count, threads)) - query_b = FetchAll( - "SELECT id, dir, name FROM boards WHERE boards.secret = 0", 0) + query_b = FetchAll("SELECT id, dir, name FROM boards WHERE boards.secret = 0", 0) boards = [] totalp = 0 diff --git a/static/css/hotdog.css b/static/css/hotdog.css new file mode 100644 index 0000000..af81c70 --- /dev/null +++ b/static/css/hotdog.css @@ -0,0 +1,160 @@ +html, body{ + background:#f00; + color:#fff; + font-family:arial, helvetica, "nimbus sans l", sans-serif +} +::selection{ + background:#000; + color:#fff +} +::-moz-selection{ + background:#000; + color:#fff +} +a, a .name, a .name b, .nav label, .pg a{ + color:#fff +} +.reply a, .reply a .name, .reply a .name b, .postform a, .oekform a, #main_nav a{ + color:#000 +} +a:hover, a:hover .name, a:hover .name b, .nav label:hover, #main_nav a:hover{ + background:#000; + color:#fff; + text-decoration:none +} +hr{ + border:0; + border-top:1px solid #000 +} +textarea, input, select{ + color:#000 +} +textarea, input[type="text"], input[type="password"], select{ + border:1px inset #c6c6c6; + outline:1px solid #000 +} +input[type="submit"], input[type="button"]{ + background:#c6c6c6; + border-width:2px; + border-color:#fff #848484 #848484 #fff; + border-style:solid; + font-weight:bold; + padding:1px 1em; + outline:1px solid #000 +} +input[type="submit"]:active, input[type="button"]:active{ + background:#aaa; + border-color:#848484 #848484 #fff #fff +} +.replymode, .extramode{ + background:#fff; + border:1px solid #000; + color:#000; + width:100% +} +.postform, .oekform{ + background:#ff0; + border:1px solid #000; + color:#000; + padding:1px +} +.postblock{ + background:#f00; + border:1px solid #000; + color:#fff +} +.ell{ + color:#000 +} +.q{ + color:#ff0 +} +.reply .q{ + color:#f00 +} +.quoted{ + color:#707070 +} +.fs{ + text-decoration:none +} +.subj{ + color:#000; + font-weight:bold +} +.abbrev{ + color:#000 +} +.omitted{ + background:#fff; + border:1px solid #000; + color:#000; + display:inline-block; + padding:0 2px +} +.reply, #q-p, .pg{ + background:#ff0; + border:1px solid #000; + color:#000 +} +.thumb, #catalog img{ + border:1px solid #000 +} +.highlight{ + outline:5px solid #000; + outline-offset:-1px +} +#main_nav{ + background:#fff; + border-bottom:1px solid #000; + color:#000; + margin:-10px -10px 0; + padding:10px +} +.managertable td{ + border:1px solid #000 +} +.managertable th{ + background:#000; + color:#fff +} +#catalog .replies{ + color:#fff; + font-weight:bold +} +.yt{ + background:#ff0; + border:1px solid #000; + color:#000 +} +.reply .yt{ + background:#f00; + color:#fff +} +.yt:hover{ + background:#000; + color:#fff +} +.quoted{ + border-color:#000; + color:#000 +} +#q-p{ + outline:1px solid #000 +} +select:focus{ + background:#000; + border-style:solid; + color:#fff; + outline:1px dotted #fff; + outline-offset:0 +} +.pg, .pg span { + background:#f00; + border:1px solid #000; + color:#fff +} +.userdel{ + border:4px double #000; + padding:2px +} diff --git a/static/css/ib.css b/static/css/ib.css index 66ba8ae..ac2f96b 100644 --- a/static/css/ib.css +++ b/static/css/ib.css @@ -46,7 +46,7 @@ select { border: 1px inset #ddd; color: #000; font-size: 85%; - padding: 1px; + padding: 0; } .logo { font-size: 160%; @@ -68,7 +68,7 @@ textarea { max-width: 300px; } .postform textarea { - width: 400px; + width: 420px; height: 125px; } .postblock { @@ -284,7 +284,7 @@ textarea { } .managertable th, .managertable td { - padding: 3px; + padding: 0.2em; } .managertable .recentPostHeader { display: block; diff --git a/static/css/img/bgnight.gif b/static/css/img/bgnight.gif Binary files differnew file mode 100644 index 0000000..019f3cb --- /dev/null +++ b/static/css/img/bgnight.gif diff --git a/static/css/img/cancha.gif b/static/css/img/cancha.gif Binary files differnew file mode 100644 index 0000000..51098a8 --- /dev/null +++ b/static/css/img/cancha.gif diff --git a/static/css/img/ginchan.png b/static/css/img/ginchan.png Binary files differnew file mode 100644 index 0000000..087d6ce --- /dev/null +++ b/static/css/img/ginchan.png diff --git a/static/css/img/rose.png b/static/css/img/rose.png Binary files differnew file mode 100644 index 0000000..fd902cd --- /dev/null +++ b/static/css/img/rose.png diff --git a/static/css/img/rose2.png b/static/css/img/rose2.png Binary files differnew file mode 100644 index 0000000..1ffedef --- /dev/null +++ b/static/css/img/rose2.png diff --git a/static/css/img/wave.png b/static/css/img/wave.png Binary files differnew file mode 100644 index 0000000..152f601 --- /dev/null +++ b/static/css/img/wave.png diff --git a/static/css/rene.css b/static/css/rene.css index a93500c..3d76f02 100644 --- a/static/css/rene.css +++ b/static/css/rene.css @@ -1,6 +1,6 @@ html, body { - background: #1a1d22; + background: #222; color: #e0e0e0; font-family: arial, helvetica, "nimbus sans l", sans-serif; } @@ -10,27 +10,55 @@ body { a, a .name, .nav label { - color: #b0ccde; + color: #D2D1D1; } a:hover, a:hover .name, .nav label:hover { - color: #5c6a74; + color: #686665; } +#main_nav { + background: #d15014; + color: #eee; + margin: -10px -10px 0; + padding: 10px; +} +#main_nav a { + color: #fff; +} +#main_nav a:hover { + color: #d15014; + background: #fff; +} +.logo, .replymode, .extramode { color: #fff; } .replymode { - background: #2b2b2b; + background: #c40000; } .extramode { background: #333; } .postblock { - background: #28282d; - border: 1px solid #333; - color: #ddd; + background: #444; + border: 1px solid #666; + color: #aaa; +} +.rules { + background: #3c3c3c; + border: 1px solid #4F4947; + padding: 4px; +} +.rules ul { + margin: 0; +} +.rules a { + color: #AF5C03; +} +.rules a:hover { + color: #7B4204; } .q { color: #789922; @@ -39,7 +67,7 @@ a:hover .name, text-decoration: none; } .subj { - color: #a6b8d8; + color: #d80000; } .name, .omitted { @@ -47,33 +75,36 @@ a:hover .name, } .reply, #q-p { - background: #373a44; + background: #333; + border: 1px solid #888; } .abbrev { color: #777; } +.deleted { + color: #999; +} .highlight { - background: #5b5f69; - outline: 1px dashed #888; + background: #555; + border: 1px dashed #888; } .managertable td { - background: #64697b; + background: #555; } .managertable th { - background: #252830; - color: #f8f8f8; + background: #333; + color: #eee; } hr { border: none; - border-top: 1px dotted #696969; + border-top: 1px dotted #808080; height: 0; } .yt { - background: #292c33; - border: 1px solid #5e6b7d; + background: #444; + border: 1px solid #555; color: #e0e0e0; } .quoted { - border-color: #1a1d22; - color: #aaa; + border-color: #888; } diff --git a/static/css/renemix.css b/static/css/renemix.css new file mode 100644 index 0000000..215f27f --- /dev/null +++ b/static/css/renemix.css @@ -0,0 +1,80 @@ +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; +} +.yt { + background: #292c33; + border: 1px solid #5e6b7d; + color: #e0e0e0; +} +.quoted { + border-color: #1a1d22; + color: #aaa; +} diff --git a/static/css/spc/treehugger.css b/static/css/spc/treehugger.css new file mode 100644 index 0000000..10fd30e --- /dev/null +++ b/static/css/spc/treehugger.css @@ -0,0 +1,113 @@ +body, +textarea { + color: #111; +} +body { + background: #b1d9ae; +} +a, +a .name, +#n2, +h3, +h5, +#size { + color: #4e993f; +} +a:active, +a:active .name, +#n2:active { + color: #004d00; +} +input[type="submit"], +input[type="button"], +button { + border: 1px outset #b3ffbf; + background: #daffe0; +} +#main_nav { + background: #fff; + border-bottom: 1px solid #4e993f; +} +h1 { + color: #fff; +} +#titlebox { + background: #7dbc73; + border: 1px solid #d9f0d8; + box-shadow: 1px 1px #537e4c; +} +#titlebox .innerbox { + background: none; + border: 0; + box-shadow: none; +} +.innerbox { + background: #ddf4e1; + border: 0; + box-shadow: 1px 1px #7d8f80; +} +#threadlist { + border: 1px inset #daffe0; +} +#threadlist a { + border: 1px outset #daffe0; +} +body.threadpage, .thread .innerbox, #q-p { + background: #edfff0; +} +h4, .postform { + background: #daffe0; + border-right: 1px dotted #b3ffbf; + border-bottom: 1px dotted #b3ffbf; + color: #3cae4e; +} +.threadpage .threadlinks { + margin-top: 0; +} +.mainpage .postform, .postform { + padding: 0.5em; +} +.threadpage .postform { + margin-top: -0.55em; +} +.name, +.abbrev { + color: #009E25; +} +.name em { + color: #28370f; +} +.del a { + color: #3cae4e; +} +hr { + border: 0; + border-top: 2px solid #daffe0; +} +.lastposts { + color: #3cae4e; +} +.q { + color: #777; +} +.yt { + border: 1px solid #b3ffbf; +} +#q-p { + border: 1px solid #b3ffbf; +} +form .msg { + border: 1px dotted #b3ffbf; + background: #edfff0; +} +#threads th { + background: #ddf4e1; +} +#threads tr:nth-child(odd) { + background: #daffe0; +} +@media (max-width: 600px) { + #threadlinks { + margin-top: 0.25em; + } +}
\ No newline at end of file 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 |
