From 8b24c666262c095557aa16f9b0639ef3c7e4dbe2 Mon Sep 17 00:00:00 2001 From: Terry Date: Fri, 29 Mar 2019 13:36:15 -0300 Subject: Tecnologías del futuro para la web 1.0 --- static/css/txt/4am.css | 3 ++- static/css/txt/amber.css | 1 + static/css/txt/baisano.css | 1 + static/css/txt/bbs.css | 6 +++--- static/css/txt/bios.css | 51 ++++++++++++++++++++++---------------------- static/css/txt/blue moon.css | 1 + static/css/txt/ciber.css | 1 + static/css/txt/futanari.css | 1 + static/css/txt/headline.css | 1 + static/css/txt/postal.css | 1 + static/css/txt/ventanas.css | 3 ++- 11 files changed, 40 insertions(+), 30 deletions(-) (limited to 'static/css/txt') diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css index 6f9ad11..49db7b3 100644 --- a/static/css/txt/4am.css +++ b/static/css/txt/4am.css @@ -1,7 +1,7 @@ body{background:#222 url('/bg2.gif');color:#CED1CF} body.threadpage{background-image:none} a,a .name,#n2{color:#81A2BE;text-decoration:none} -a:hover,a:focus,#n2:active{text-decoration:underline} +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{background:#383838;border:1px solid #4B4E55;color:#e8e8e8} input[type="submit"],input[type="button"],button{background:#333} @@ -17,6 +17,7 @@ h4{color:#c1c5c2} .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} diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css index 43f85ff..0f5a7ff 100644 --- a/static/css/txt/amber.css +++ b/static/css/txt/amber.css @@ -17,6 +17,7 @@ input[type=submit]:active,input[type=button]:active,button:active{background:#f9 #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} diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css index b046968..352bfb2 100644 --- a/static/css/txt/baisano.css +++ b/static/css/txt/baisano.css @@ -14,6 +14,7 @@ h4.hidden{background:#CCC} .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} diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css index c930019..e10ec50 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -28,7 +28,7 @@ pre{line-height:125%;margin:0;white-space:pre-wrap} .links{font-size:14px;text-align:center} #threadlinks{margin-bottom:7px;text-align:center} #threadlinks a{margin:0 4px} -#threadlist{font-size:14px;line-height:1;max-height:16em;padding:7px;overflow-y:scroll} +#threadlist{font-size:14px;line-height:1;max-height:15em;overflow-y:scroll} #threadlist a{text-decoration:none} #thread_nav{padding-left:6px} .mainpage .postform,.formpad{padding-left:40px} @@ -70,8 +70,8 @@ form .msg{margin:0;padding:8px 2px;text-align:left} #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{display:flex;flex-flow:row wrap;justify-content:space-around} -#content.grid .row{flex:1 1 auto;padding:5px} +#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;justify-content:space-around} +#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} diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css index 6736538..b77f12e 100644 --- a/static/css/txt/bios.css +++ b/static/css/txt/bios.css @@ -1,50 +1,51 @@ -body,textarea,.lastposts #counter{background:#00a;color:#fff} +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} +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{background:#00a;border:1px solid #fff;color:#fff} -input[type="submit"],input[type="button"],button{background:#fff;border:0;color:#000;padding:2px 10px} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#000;border-style:solid;color:#fff} -::selection{background:#fff;color:#000} -::-moz-selection{background:#fff;color:#000} +input[type="text"],textarea{background:#00a;border:1px solid #FFF;color:#FFF} +input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 10px} +input[type="submit"]:active,input[type="button"]:active,button:active{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} +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} +#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{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} +.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} +.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} +.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} -#q-p{background:#00a;border:1px solid #fff} +.yt:active{background:#f00;border:1px solid #f00;color:#FFF} +#q-p{background:#00a;border:1px solid #FFF} #q-p .msg,#q-p a.thumb{margin-bottom:8px} -.lastposts{border-color:#fff;border-style:double;border-width:0 4px;color:#00a;padding:.5em} +.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} +.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} +.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} diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css index 3304850..29d8bf4 100644 --- a/static/css/txt/blue moon.css +++ b/static/css/txt/blue moon.css @@ -19,6 +19,7 @@ input[type=submit]:active,input[type=button]:active,button:active{color:#DDD} .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} diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css index bd4287c..0563fd5 100644 --- a/static/css/txt/ciber.css +++ b/static/css/txt/ciber.css @@ -23,6 +23,7 @@ input:active,input:focus,textarea:active,textarea:focus,button:active,button:act .outerbox a,#main_nav a,#footer a{color:#68F855} .outerbox a:active,#main_nav 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} diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index cfedae9..553d48f 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -18,6 +18,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background .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} diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css index 5e4eb14..a193ce2 100644 --- a/static/css/txt/headline.css +++ b/static/css/txt/headline.css @@ -15,6 +15,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background .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} diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css index 2bb6694..64a6ce0 100644 --- a/static/css/txt/postal.css +++ b/static/css/txt/postal.css @@ -16,6 +16,7 @@ h4{background:#F0E7CE;color:#686868;padding-left:3px} #main_nav,.outerbox{background:#FFF} .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} diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css index 811def0..2528918 100644 --- a/static/css/txt/ventanas.css +++ b/static/css/txt/ventanas.css @@ -25,7 +25,8 @@ input[type=text],textarea,.innerbox,#content,#threadlist{border-width:2px;border .innerbox{padding:10px;margin:2px} .links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px} #threadlist{background:#FFF} -#threadlist a{color:#000} +#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} -- cgit v1.2.1-18-gbd029