diff options
Diffstat (limited to 'juick-www')
| -rw-r--r-- | juick-www/.csslintrc | 5 | ||||
| -rw-r--r-- | juick-www/src/main/static/style.css | 136 |
2 files changed, 73 insertions, 68 deletions
diff --git a/juick-www/.csslintrc b/juick-www/.csslintrc new file mode 100644 index 00000000..90bccdf0 --- /dev/null +++ b/juick-www/.csslintrc @@ -0,0 +1,5 @@ +{ + "box-sizing": false, + "box-model": false, + "ids": false +} diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css index 028d8a5c..fc1d9394 100644 --- a/juick-www/src/main/static/style.css +++ b/juick-www/src/main/static/style.css @@ -40,7 +40,7 @@ pre { white-space: -o-pre-wrap; word-wrap: break-word; } -span.u { +.u { text-decoration: underline; } #content { @@ -78,14 +78,14 @@ body>header a { } @media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { #logo a { - background: url("logo@2x.png") no-repeat; - background-size: cover; + background: url("logo@2x.png") no-repeat; + background-size: cover; } } -nav#global { +#global { float: left; } -nav#global li { +#global li { display: inline-block; margin: 14px 12px 0 0; } @@ -111,7 +111,7 @@ nav#global li { display: inline-block; margin: 12px 12px 12px 0; } -nav#actions { +#actions { position: absolute; right: 8px; top: 0; @@ -191,19 +191,19 @@ article p { clear: left; margin: 5px 0 15px 0; } -article p.i { +article .i { text-align: center; } -article p.ir { +article .ir { float: right; margin-bottom: 10px; margin-left: 10px; } -article p.ir a { +article .ir a { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; } -article p.ir img { +article .ir img { max-height: 200px; max-width: 200px; } @@ -220,7 +220,7 @@ article>nav.l a { margin-right: 15px; } article>nav.s { - display: inline-block; + display: block; float: right; text-align: right; } @@ -229,13 +229,13 @@ article>nav.s a { font-weight: bold; vertical-align: middle; } -article a.likes { +article .likes { padding-left: 20px; } -article a.replies { +article .replies { margin-left: 18px; } -article footer.comm { +article .comm { margin: 13px 0 0 0; } article textarea { @@ -316,7 +316,7 @@ article .tags>a, .msg-tags>a { vertical-align: top; width: 16px; } -.msg-ts, article header.t { +.msg-ts, article .t { float: right; font-size: small; vertical-align: top; @@ -751,121 +751,121 @@ fieldset { } @media screen and (max-width: 850px) { body { - text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } body,body>header,#topwrapper,#content,#footer,#mtoolbar { - float: none; - margin: 0 auto; - min-width: 310px; - width: auto; + float: none; + margin: 0 auto; + min-width: 310px; + width: auto; } body>header { - margin-bottom: 15px; + margin-bottom: 15px; } body>header a { - font-size: 12pt; + font-size: 12pt; } #logo { - display: none; + display: none; } - nav#global { - margin-left: 10px; + #global { + margin-left: 10px; } - nav#global li { - margin-right: 10px; + #global li { + margin-right: 10px; } #search { - display: inline-block; - float: none; - margin: 10px 10px; + display: inline-block; + float: none; + margin: 10px 10px; } #headdiv { - padding: 0 10px; + padding: 0 10px; } #headdiv li { - margin-right: 10px; + margin-right: 10px; } - nav#actions { - position: relative; - right: auto; + #actions { + position: relative; + right: auto; } #newmessage .img, #newmessage .tags { - width: 100%; + width: 100%; } #column { - float: none; - margin: 0 10px; - padding-top: 0; - width: auto; - + float: none; + margin: 0 10px; + padding-top: 0; + width: auto; } article { - margin: 8px; - overflow: auto; + margin: 8px; + overflow: auto; } article p { - margin: 10px 0 8px 0; + margin: 10px 0 8px 0; } article>nav.l { - display: block; - float: left; - line-height: 15pt; - width: 80%; + display: block; + float: left; + line-height: 15pt; + width: 80%; } article>nav.s { - display: block; + display: block; } article textarea { - width: 205px; + width: 205px; } article footer { - float: left; + float: left; } #content textarea { - width: 100%; + width: 100%; } .msg,.msg-cont { - min-width: 280px; - width: auto; + min-width: 280px; + width: auto; } .msg-cont,.ads { - margin: 8px; + margin: 8px; } .msg-comment textarea { - width: 100%; + width: 100%; } .msg-media { - overflow: auto; + overflow: auto; } .title2 h2 { - font-size: large; + font-size: large; } #footer { - margin: 0 10px; + margin: 0 10px; } #footer div { - float: none; - margin: 10px 0; + float: none; + margin: 10px 0; } } @media screen and (max-width: 480px) { .msg-ts { - float: none; + float: none; } .msg-tags { - margin-top: 10px; + margin-top: 10px; } .msg-txt { - padding-top: 5px; + padding-top: 5px; } .title2 { - font-size: 11pt; + font-size: 11pt; } #content .title2 h2 { - font-size: 11pt; + font-size: 11pt; } .title2-right { - line-height: initial; + line-height: initial; } } |