aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--juick-www/.csslintrc5
-rw-r--r--juick-www/src/main/static/style.css136
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;
}
}