Prettier para CSS

1 files changed, 255 insertions, 53 deletions

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;
+  }
+}