From 92171287de5f89eb45bed967137788358f4e2a6e Mon Sep 17 00:00:00 2001 From: Adrian Kummerlaender Date: Mon, 8 Sep 2014 22:39:57 +0200 Subject: Improved Isso styling and fixed "pre" line-break * Isso improvements ** textarea placeholder font-color ** comment footer font-size * lines of "pre" elements did not break correctly * minified all CSS expressions using YUI --- source/99_result/main.css | 160 +++++++++++++++++++++++----------------------- 1 file changed, 79 insertions(+), 81 deletions(-) diff --git a/source/99_result/main.css b/source/99_result/main.css index 30760da..791b376 100644 --- a/source/99_result/main.css +++ b/source/99_result/main.css @@ -1,104 +1,102 @@ -body{margin:0; padding:0; font:1em Droid Sans,sans-serif,Verdana,Arial,FreeSans; color:#272828; word-wrap:break-word} +body{margin:0;padding:0;font:1em Droid Sans,sans-serif,Verdana,Arial,FreeSans;color:#272828;word-wrap:break-word} p{margin:0;line-height:1.5em} -ul{margin:0; padding:0; list-style:none} -ul li{float:left; padding:0 0.2em} +ul{margin:0;padding:0;list-style:none} +ul li{float:left;padding:0 .2em} ul li.last_item{padding-right:0} -ul li a{text-decoration:none; color:#272828; background:#e3e8e8; border-radius:0.3em; padding:0.2em} +ul li a{text-decoration:none;color:#272828;background:#e3e8e8;border-radius:.3em;padding:.2em} ul li a:hover{text-decoration:underline} -blockquote{border-left:0.4em solid #e3e8e8; margin-left:0; padding-left:1em} -pre{padding:1em;border-radius:0.75em;color:#f8f8f2;background:#272822} -#wrapper{width:870px; margin:2em auto; background:url(media/top.png) no-repeat top center,url(media/bottom.png) no-repeat bottom center,url(media/single.png) repeat top center} -#content{width:720px; margin:0 auto; padding-top:70px; padding-bottom:70px} -#nav_wrap{overflow:hidden; border-bottom:0.3em solid #e3e8e8; padding-bottom:0.1em} -#nav_wrap ul{float:right; padding:0.4em 0} -#nav_wrap h1{color:#F80; font-size:1.2em; font-weight:normal; float:left; padding:0.2em; padding-left:0; margin:0} +blockquote{border-left:.4em solid #e3e8e8;margin-left:0;padding-left:1em} +pre{padding:1em;border-radius:.75em;color:#f8f8f2;background:#272822;white-space:pre-wrap} +#wrapper{width:870px;margin:2em auto;background:url(media/top.png) no-repeat top center,url(media/bottom.png) no-repeat bottom center,url(media/single.png) repeat top center} +#content{width:720px;margin:0 auto;padding-top:70px;padding-bottom:70px} +#nav_wrap{overflow:hidden;border-bottom:.3em solid #e3e8e8;padding-bottom:.1em} +#nav_wrap ul{float:right;padding:.4em 0} +#nav_wrap h1{color:#F80;font-size:1.2em;font-weight:normal;float:left;padding:.2em;padding-left:0;margin:0} #main{overflow:hidden} -#main .article{border-bottom:0.3em dotted #e3e8e8; padding-bottom:0.5em; margin-top:1em; text-align:justify} +#main .article{border-bottom:.3em dotted #e3e8e8;padding-bottom:.5em;margin-top:1em;text-align:justify} #main .last{border:0} -#main h2{font-size:1.4em; margin:0; color:#F80} -#main h2 a{font-size:0.8em; text-decoration:none !important; color:#272828; font-weight:normal; display:inline-block; vertical-align:middle; max-width:95%} +#main h2{font-size:1.4em;margin:0;color:#F80} +#main h2 a{font-size:.8em;text-decoration:none !important;color:#272828;font-weight:normal;display:inline-block;vertical-align:middle;max-width:95%} #main h2 a:hover{text-decoration:underline !important} -#main h3{font-size:1.05em; font-weight:normal; margin-bottom:0.5em; border-bottom:0.1em solid #e3e8e8} -#main h4{font-weight:normal; font-size:1.25em; margin:0} -#main .article p{margin-bottom:0.7em} -#main .article a{text-decoration:underline; color:#272828} +#main h3{font-size:1.05em;font-weight:normal;margin-bottom:.5em;border-bottom:.1em solid #e3e8e8} +#main h4{font-weight:normal;font-size:1.25em;margin:0} +#main .article p{margin-bottom:.7em} +#main .article a{text-decoration:underline;color:#272828} #main .article a:hover{color:black} -#main .article ul{float:none; margin-left:2em; text-align:left;} -#main .article ul li{list-style-type:circle; float:none} -#main .article ul li a{background:none} -#main .article .info{font-size:0.8em; margin-bottom:0.5em; margin-left:1.5em} -#main .article .info a{text-decoration:none; color:#272828; margin:0 0.1em 0 0.1em} +#main .article ul{float:none;margin-left:2em;text-align:left} +#main .article ul li{list-style-type:circle;float:none} +#main .article ul li a{background:0} +#main .article .info{font-size:.8em;margin-bottom:.5em;margin-left:1.5em} +#main .article .info a{text-decoration:none;color:#272828;margin:0 .1em 0 .1em} #main .article .info a:hover{text-decoration:underline} -#main .article table {border-collapse:collapse;border-left:0.4em solid #e3e8e8; margin:1em} -#main .article table thead {border-bottom:0.1em solid #272828} -#main .article table tr {border-bottom:0.1em solid #272828} -#main .article table tr:last-child {border-bottom:none} -#main .article table tr th{font-weight:normal;padding:0.2em 1em} -#main .article table tr td{padding:0.2em 1em} -#main img{padding:0.2em; border:0.1em solid #e3e8e8; display:block; margin-left:auto; margin-right:auto} +#main .article table{border-collapse:collapse;border-left:.4em solid #e3e8e8;margin:1em} +#main .article table thead{border-bottom:.1em solid #272828} +#main .article table tr{border-bottom:.1em solid #272828} +#main .article table tr:last-child{border-bottom:0} +#main .article table tr th{font-weight:normal;padding:.2em 1em} +#main .article table tr td{padding:.2em 1em} +#main img{padding:.2em;border:.1em solid #e3e8e8;display:block;margin-left:auto;margin-right:auto} #main img.full{max-width:100%} -#main img.clear{border:none} -#pagination{height:1.5em; margin-top:0.5em} +#main img.clear{border:0} +#pagination{height:1.5em;margin-top:.5em} #pagination span.disabled{display:none} -#pagination span a{text-decoration:none; color:#272828} +#pagination span a{text-decoration:none;color:#272828} #pagination span a:hover{text-decoration:underline} #pagination span a.pagination-previous{float:left} #pagination span a.pagination-next{float:right} -#footer_wrap{overflow:hidden; border-top:0.3em solid #e3e8e8} -#last_line{ border-top:0.3em solid #e3e8e8; height:1.5em; padding-top:0.3em} -#last_line a{text-decoration:none; color:#272828} +#footer_wrap{overflow:hidden;border-top:.3em solid #e3e8e8} +#last_line{border-top:.3em solid #e3e8e8;height:1.5em;padding-top:.3em} +#last_line a{text-decoration:none;color:#272828} #last_line a:hover{text-decoration:underline} -#last_line ul{margin-top:-0.2em; float:right; padding:0.4em 0} -#isso-thread {margin-top:1em; font-size:0.95em} -#isso-thread .form-wrapper {padding:1em;overflow:hidden} -#isso-thread .form-wrapper input {border:0.3em solid #e3e8e8; margin:0.3em 0 0.3em 0} -#isso-thread .form-wrapper .textarea {border:0.3em solid #e3e8e8; width:100%; height:8em} -#isso-thread .auth-section .input-wrapper {float:left; margin-right:0.3em} -#isso-root {padding:1em} -#isso-root a {text-decoration:underline; color:#272828} -#isso-root a:hover {color:black} -#isso-root .isso-follow-up {margin-left:2em;padding-top:0.5em} -#isso-root .isso-comment {border-top:0.3em solid #e3e8e8; margin-bottom:0.5em} -#isso-root .isso-comment-header {font-size:0.75em;padding:0.3em 0 0.3em 0} -#isso-root .isso-comment-header .spacer {visibility:hidden} -#isso-root .isso-comment-header a{text-decoration:none; margin:0 0.1em 0 0.1em} +#last_line ul{margin-top:-0.2em;float:right;padding:.4em 0} +#isso-thread{margin-top:1em;font-size:.95em} +#isso-thread .form-wrapper{padding:1em;overflow:hidden} +#isso-thread .form-wrapper input{border:.3em solid #e3e8e8;margin:.3em 0 .3em 0} +#isso-thread .form-wrapper .textarea{border:.3em solid #e3e8e8;width:100%;height:8em;color:#272828} +#isso-thread .form-wrapper .placeholder{color:#858585} +#isso-thread .auth-section .input-wrapper{float:left;margin-right:.3em} +#isso-root{padding:1em} +#isso-root a{text-decoration:underline;color:#272828} +#isso-root a:hover{color:black} +#isso-root .isso-follow-up{margin-left:2em;padding-top:.5em} +#isso-root .isso-comment{border-top:.3em solid #e3e8e8;margin-bottom:.5em} +#isso-root .isso-comment-header{font-size:.75em;padding:.3em 0 .3em 0} +#isso-root .isso-comment-header .spacer{visibility:hidden} +#isso-root .isso-comment-header a{text-decoration:none;margin:0 .1em 0 .1em} #isso-root .isso-comment-header a:hover{text-decoration:underline} -#isso-root .isso-comment-footer {overflow:hidden} -#isso-root .isso-comment-footer .reply {float:right} -.archiv {margin-top:1em} -.columns {column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:0;-moz-column-gap:0;-webkit-column-gap:0} -.columns a {color:#272828; text-decoration:none} -.columns a:hover {text-decoration:underline} -.taglist ul{padding:0.2em; float:none; overflow:hidden} -.taglist ul li{margin:0.2em 0 0.2em 0; padding:0.2em} -.articlelist ol{margin:0; padding:0.3em; list-style:none} -.articlelist ol li{background:#e3e8e8; border-radius:0.3em; margin:0.2em; padding:0.2em} -.articlelist ol li a{color:#272828; text-decoration:none} +#isso-root .isso-comment-footer{overflow:hidden;font-size:.75em} +#isso-root .isso-comment-footer .reply{float:right} +.archiv{margin-top:1em} +.columns{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:0;-moz-column-gap:0;-webkit-column-gap:0} +.columns a{color:#272828;text-decoration:none} +.columns a:hover{text-decoration:underline} +.taglist ul{padding:.2em;float:none;overflow:hidden} +.taglist ul li{margin:.2em 0 .2em 0;padding:.2em} +.articlelist ol{margin:0;padding:.3em;list-style:none} +.articlelist ol li{background:#e3e8e8;border-radius:.3em;margin:.2em;padding:.2em} +.articlelist ol li a{color:#272828;text-decoration:none} .articlelist ol li a:hover{text-decoration:underline} -.archivlist ol{margin-top:0.2em; border-top:0.1em solid #e3e8e8} -.archivlist ol li{background:none; padding-left:1em; font-size:0.8em} -.archivlist ol li.dateitem{padding:0; font-weight:bold} -.archivtag ul{margin-top:0.2em; border-top:0.1em solid #e3e8e8} -.archivtag div{overflow:hidden; margin-bottom:0.5em} -.prettylist li {float:none; display:inline-block} -.prettylist li a{background:none} -.prettylist li em{font-style:normal; font-size:1.4em; color:#F80} -.commentlist ol{margin-top:0.2em; border-top:0.1em solid #e3e8e8} -.commentlist ol li{background:none; font-size:0.8em} -.commentlist ol li.dateitem{padding:0; font-weight:bold} +.archivlist ol{margin-top:.2em;border-top:.1em solid #e3e8e8} +.archivlist ol li{background:0;padding-left:1em;font-size:.8em} +.archivlist ol li.dateitem{padding:0;font-weight:bold} +.archivtag ul{margin-top:.2em;border-top:.1em solid #e3e8e8} +.archivtag div{overflow:hidden;margin-bottom:.5em} +.prettylist li{float:none;display:inline-block} +.prettylist li a{background:0} +.prettylist li em{font-style:normal;font-size:1.4em;color:#F80} +.commentlist ol{margin-top:.2em;border-top:.1em solid #e3e8e8} +.commentlist ol li{background:0;font-size:.8em} +.commentlist ol li.dateitem{padding:0;font-weight:bold} .lpos{float:left} .rpos{float:right} -.mpos{margin:0 auto; display:block} +.mpos{margin:0 auto;display:block} -@media screen and (max-width:870px){ - #wrapper{width:100%; margin:0; background:none} - #content{margin:0 auto; padding:0} +@media screen and (max-width:870px){#wrapper{width:100%;margin:0;background:0} + #content{margin:0 auto;padding:0} } - -@media screen and (max-width:725px){ - #content{width:98%} +@media screen and (max-width:725px){#content{width:98%} #main img{width:98%} #main .article h2 a{max-width:90%} - .columns {column-count:1;-moz-column-count:1;-webkit-column-count:1} - .columns .column {width:100%} + .columns{column-count:1;-moz-column-count:1;-webkit-column-count:1} + .columns .column{width:100%} } -- cgit v1.2.3