From 24cd652926eeb1e97bf26601eb4c36201c74ef93 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Mon, 5 Sep 2016 15:29:01 +0300 Subject: css: sort rules, fixes 86 of 220 csslint warnings :) --- juick-www/src/main/static/style.css | 1115 ++++++++++++++++++----------------- 1 file changed, 558 insertions(+), 557 deletions(-) (limited to 'juick-www') diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css index 4ce18693..46af7b81 100644 --- a/juick-www/src/main/static/style.css +++ b/juick-www/src/main/static/style.css @@ -1,873 +1,874 @@ html,body,div,h1,h2,ul,li,p,form,input,textarea,pre { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } html,input,textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 12pt; - -webkit-font-smoothing: subpixel-antialiased; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Droid Sans", "Helvetica Neue", sans-serif; + font-size: 12pt; + -webkit-font-smoothing: subpixel-antialiased; } html { - background: #EEEEE5; - color: #222; + background: #EEEEE5; + color: #222; } body { - width: 1000px; - margin: 0 auto; + margin: 0 auto; + width: 1000px; } h1,h2 { - font-weight: normal; + font-weight: normal; } ul { - list-style-type: none; + list-style-type: none; } a { - text-decoration: none; - color: #069; + color: #069; + text-decoration: none; } img,hr { - border: none; + border: none; } hr { - height: 1px; - background: #CCC; - margin: 10px 0; + background: #CCC; + height: 1px; + margin: 10px 0; } pre { - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -pre-wrap; - white-space: -o-pre-wrap; - word-wrap: break-word; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; } span.u { - text-decoration: underline; + text-decoration: underline; } #content { - width: 728px; - margin: 25px 0 0 0; - float: right; + float: right; + margin: 25px 0 0 0; + width: 728px; } #topwrapper { - position: relative; - clear: both; + clear: both; + position: relative; } body>header { - width: 1000px; + width: 1000px; } body>header a { - color: #222; - border-bottom: 1px dotted #666; - font-size: 13pt; + border-bottom: 1px dotted #666; + color: #222; + font-size: 13pt; } #logo { - float: left; - width: 110px; - height: 36px; - margin: 7px 25px 0 20px; + float: left; + height: 36px; + margin: 7px 25px 0 20px; + width: 110px; } #logo a { - display: block; - width: 110px; - height: 36px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; - border: 0; - background: url("logo.png") no-repeat; + background: url("logo.png") no-repeat; + border: 0; + display: block; + height: 36px; + overflow: hidden; + text-indent: 100%; + white-space: nowrap; + width: 110px; } @media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { - #logo a { - background: url("logo@2x.png") no-repeat; - background-size: cover; - } + #logo a { + background: url("logo@2x.png") no-repeat; + background-size: cover; + } } nav#global { - float: left; + float: left; } nav#global li { - display: inline-block; - margin: 14px 12px 0 0; + display: inline-block; + margin: 14px 12px 0 0; } #search { - float: right; - margin: 12px 20px 12px 0; + float: right; + margin: 12px 20px 12px 0; } #search input { - background: #FFF; - border: 1px solid #DDDDD5; - padding: 4px; + background: #FFF; + border: 1px solid #DDDDD5; + padding: 4px; } #headdiv { - clear: both; - margin: 0 0 5px 0; - padding: 0 20px; - background: #DDDDD5; - border-top: 1px solid #D5D5D0; - border-bottom: 1px solid #D5D5D0; - position: relative; + background: #DDDDD5; + border-bottom: 1px solid #D5D5D0; + border-top: 1px solid #D5D5D0; + clear: both; + margin: 0 0 5px 0; + padding: 0 20px; + position: relative; } #headdiv li { - display: inline-block; - margin: 12px 12px 12px 0; + display: inline-block; + margin: 12px 12px 12px 0; } nav#actions { - top: 0; - right: 8px; - position: absolute; + position: absolute; + right: 8px; + top: 0; } body>header nav li:after { - display: inline-block; - content: "/"; - margin-left: 12px; - color: #AAA; + color: #AAA; + content: "/"; + display: inline-block; + margin-left: 12px; } body>header nav li:last-child:after { - display: none; + display: none; } body>header p { - color: #222; - font-size: 13pt; - margin: 12px 0; - text-align: center; + color: #222; + font-size: 13pt; + margin: 12px 0; + text-align: center; } #content>p, #content>h1, #content>h2 { - margin: 1em 0; + margin: 1em 0; } #newmessage { - background: #E5E5E0; - padding: 15px; - margin-bottom: 20px; + background: #E5E5E0; + margin-bottom: 20px; + padding: 15px; } #newmessage textarea { - border: 1px solid #CCC; - padding: 4px; - width: 688px; - resize: vertical; - min-height: 14pt; - height: 14pt; - margin: 0 0 5px 0; + border: 1px solid #CCC; + height: 14pt; + margin: 0 0 5px 0; + min-height: 14pt; + padding: 4px; + resize: vertical; + width: 688px; } #newmessage input { - border: 1px solid #CCC; - padding: 2px 4px; - margin: 5px 0; + border: 1px solid #CCC; + margin: 5px 0; + padding: 2px 4px; } #newmessage>div { - display: none; + display: none; } #newmessage .img { - width: 500px; + width: 500px; } #newmessage .tags { - width: 500px; + width: 500px; } #newmessage .subm { - width: 150px; - background: #EEEEE5; + background: #EEEEE5; + width: 150px; } article { - margin-bottom: 20px; - padding: 20px; - line-height: 140%; - background: #fff; + background: #fff; + line-height: 140%; + margin-bottom: 20px; + padding: 20px; } article aside { - width: 48px; - height: 48px; - margin-right: 10px; - float: left; + float: left; + height: 48px; + margin-right: 10px; + width: 48px; } article aside img { - width: 48px; - height: 48px; + height: 48px; + width: 48px; } article time { - color: #999; - font-size: 10pt; - border-bottom: 1px dotted #999; + border-bottom: 1px dotted #999; + color: #999; + font-size: 10pt; } article p { - margin: 5px 0 15px 0; - clear: left; + clear: left; + margin: 5px 0 15px 0; } article p.i { - text-align: center; + text-align: center; } article p.ir { - float: right; - margin-left: 10px; - margin-bottom: 10px; + float: right; + margin-bottom: 10px; + margin-left: 10px; } article p.ir a { - cursor: -webkit-zoom-in; - cursor: -moz-zoom-in; + cursor: -moz-zoom-in; + cursor: -webkit-zoom-in; } article p.ir img { - max-width: 200px; - max-height: 200px; + max-height: 200px; + max-width: 200px; } article .irbr { - clear: right; + clear: right; } article>nav.l { - display: inline-block; - font-size: 10pt; + display: inline-block; + font-size: 10pt; } article>nav.l a { - color: #888; - border-bottom: 1px dotted #AAA; - margin-right: 15px; + border-bottom: 1px dotted #AAA; + color: #888; + margin-right: 15px; } article>nav.s { - display: inline-block; - text-align: right; - float: right; + display: inline-block; + float: right; + text-align: right; } article>nav.s a { - color: #222; - vertical-align: middle; - font-weight: bold; + color: #222; + font-weight: bold; + vertical-align: middle; } article a.likes { - padding-left: 20px; + padding-left: 20px; } article a.replies { - margin-left: 18px; + margin-left: 18px; } article footer.comm { - margin: 13px 0 0 0; + margin: 13px 0 0 0; } article textarea { - width: 530px; - padding: 2px; - resize: vertical; - vertical-align: top; - min-height: 12pt; - height: 12pt; - border: 0; + border: 0; + height: 12pt; + min-height: 12pt; + padding: 2px; + resize: vertical; + vertical-align: top; + width: 530px; } article input { - min-width: 50px; - margin-left: 6px; - vertical-align: top; - border: 1px solid #CCC; - background: #EEE; - color: #999; + background: #EEE; + border: 1px solid #CCC; + color: #999; + margin-left: 6px; + min-width: 50px; + vertical-align: top; } article .tags { - margin-top: 3px; + margin-top: 3px; } .msg-tags { - margin-top: 5px; + margin-top: 5px; } article .tags>a, .msg-tags>a { - font-size: 10pt; - display: inline-block; - margin-bottom: 5px; - margin-right: 5px; - padding: 0 10px; - border: 1px dotted #ccc; - color: #888; + border: 1px dotted #ccc; + color: #888; + display: inline-block; + font-size: 10pt; + margin-bottom: 5px; + margin-right: 5px; + padding: 0 10px; } #geomap { - width: 700px; - height: 300px; - margin-top: 1em; - overflow: hidden; + height: 300px; + margin-top: 1em; + overflow: hidden; + width: 700px; } .msg { - margin: 10px 0 20px 0; + margin: 10px 0 20px 0; } .ads { - padding: 13px 10px 5px 10px; - margin: 8px 0 16px 58px; - background: #FFF; + background: #FFF; + margin: 8px 0 16px 58px; + padding: 13px 10px 5px 10px; } .msgthread { - margin-bottom: 0; + margin-bottom: 0; } .msg-avatar { - float: left; - width: 48px; - height: 48px; - margin-right: 10px + float: left; + height: 48px; + margin-right: 10px; + width: 48px; } .msg-avatar img { - width: 48px; - height: 48px; - vertical-align: top; + height: 48px; + vertical-align: top; + width: 48px; } .msg-cont { - background: #FFF; - margin-bottom: 20px; - padding: 20px; - width: 640px; - line-height: 140%; + background: #FFF; + line-height: 140%; + margin-bottom: 20px; + padding: 20px; + width: 640px; } .msg-menu { - float: right; - width: 16px; - height: 16px; - margin-top: 2.4px; - margin-left: 10px; + float: right; + height: 16px; + margin-left: 10px; + margin-top: 2.4px; + width: 16px; } .msg-menu>a { - display: block; - width: 16px; - height: 16px; - vertical-align: top; - background: url("menu.png") no-repeat; + background: url("menu.png") no-repeat; + display: block; + height: 16px; + vertical-align: top; + width: 16px; } .msg-ts, article header.t { - font-size: small; - vertical-align: top; - float: right; + float: right; + font-size: small; + vertical-align: top; } .msg-ts, .msg-ts>a { - color: #999; + color: #999; } .msg-place { - font-size: small; + font-size: small; } .msg-place>a { - color: #999; + color: #999; } .msg-txt { - clear: both; - margin: 0 0 12px; - padding-top: 10px; + clear: both; + margin: 0 0 12px; + padding-top: 10px; } .msg-media { - text-align: center; + text-align: center; } .msg-links { - font-size: small; - color: #999; - margin: 5px 0 0 0; + color: #999; + font-size: small; + margin: 5px 0 0 0; } .msg-comments { - overflow: hidden; - font-size: small; - color: #AAA; - text-indent: 10px; - margin-top: 10px; + color: #AAA; + font-size: small; + margin-top: 10px; + overflow: hidden; + text-indent: 10px; } .ta-wrapper { - display: inline-block; - border: 1px solid #DDD; + border: 1px solid #DDD; + display: inline-block; } .msg-comment textarea { - width: 634px; - padding: 2px; - resize: vertical; - vertical-align: top; - min-height: 12pt; - height: 12pt; - border: 0; + border: 0; + height: 12pt; + min-height: 12pt; + padding: 2px; + resize: vertical; + vertical-align: top; + width: 634px; } .msg-comment .narrow { - width: 554px; + width: 554px; } .msg-comment .narrowpm { - width: 580px; + width: 580px; } .attach-photo { - display: inline-block; - padding: 2px 4px; - cursor: pointer; - width: 16px; - height: 13px; - overflow: hidden; - background: url("photo-attachment.png") no-repeat 3px 4px; + background: url("photo-attachment.png") no-repeat 3px 4px; + cursor: pointer; + display: inline-block; + height: 13px; + overflow: hidden; + padding: 2px 4px; + width: 16px; } .attach-photo-active { - display: inline-block; - padding: 2px 4px; - cursor: pointer; - width: 16px; - height: 13px; - overflow: hidden; - background: url("photo-attachment-active.png") no-repeat 3px 4px; + background: url("photo-attachment-active.png") no-repeat 3px 4px; + cursor: pointer; + display: inline-block; + height: 13px; + overflow: hidden; + padding: 2px 4px; + width: 16px; } .msg-comment input { - width: 50px; - margin-left: 6px; - vertical-align: top; - border: 1px solid #CCC; - background: #EEE; - color: #999; + background: #EEE; + border: 1px solid #CCC; + color: #999; + margin-left: 6px; + vertical-align: top; + width: 50px; } .msg-recomms { - margin-top: 10px; - overflow: hidden; - font-size: small; - color: #AAA; - text-indent: 10px; + color: #AAA; + font-size: small; + margin-top: 10px; + overflow: hidden; + text-indent: 10px; } .reply-new .msg-cont { - border-right: 5px solid #0C0; + border-right: 5px solid #0C0; } q:before, q:after { - content: ""; + content: ""; } q { - border-left: 1px dashed #CCC; - margin: 10px 0 10px 10px; - padding-left: 10px; - display: block; - color: #666; + border-left: 1px dashed #CCC; + color: #666; + display: block; + margin: 10px 0 10px 10px; + padding-left: 10px; } #mtoolbar { - width: 680px; - background: #E5E5DD; - border-top: 1px solid #CCC; + background: #E5E5DD; + border-top: 1px solid #CCC; + width: 680px; } #mtoolbar ul, #mtoolbar a { - padding: 5px; + padding: 5px; } #mtoolbar li { - display: inline; + display: inline; } #mtoolbar div { - display: inline-block; - width: 16px; - height: 16px; - background: url("toolbar-icons.png") no-repeat; - vertical-align: middle; - margin: 5px; + background: url("toolbar-icons.png") no-repeat; + display: inline-block; + height: 16px; + margin: 5px; + vertical-align: middle; + width: 16px; } #replies .msg-txt, #private-messages .msg-txt { - margin: 0; + margin: 0; } .msg-comment { - margin-top: 10px; + margin-top: 10px; } .newmessage { - width: 695px; - padding: 2px; - resize: vertical; - border: 1px solid #DDD; + border: 1px solid #DDD; + padding: 2px; + resize: vertical; + width: 695px; } .users { - width: 100%; - margin: 10px 0; + margin: 10px 0; + width: 100%; } .users td { - width: 33%; - padding: 6px 0; - overflow: hidden; + overflow: hidden; + padding: 6px 0; + width: 33%; } .users img { - width: 32px; - height: 32px; - vertical-align: middle; - margin-right: 6px; + height: 32px; + margin-right: 6px; + vertical-align: middle; + width: 32px; } .title2 { - padding: 10px 20px; - margin: 20px 0; - background: #DDDDD0; + background: #DDDDD0; + margin: 20px 0; + padding: 10px 20px; } .title2-right { - float: right; - line-height: 24px; + float: right; + line-height: 24px; } #content .title2 h2 { - font-size: x-large; - margin: 0; + font-size: x-large; + margin: 0; } .page { - text-align: center; - padding: 5px; - background: #E5E5DD; + background: #E5E5DD; + padding: 5px; + text-align: center; } .signup-h1>img { - vertical-align: middle; - margin-right: 10px; + margin-right: 10px; + vertical-align: middle; } .signup-h1 { - margin: 20px 0 10px 0; - font-size: x-large; + font-size: x-large; + margin: 20px 0 10px 0; } .signup-h2 { - font-size: large; - margin: 10px 0 5px 0; + font-size: large; + margin: 10px 0 5px 0; } .signup-hr { - margin: 20px 0; + margin: 20px 0; } .newpm { - margin: 20px 60px 30px 60px; + margin: 20px 60px 30px 60px; } .newpm textarea { - width: 100%; - resize: vertical; + resize: vertical; + width: 100%; } .newpm-send input { - width: 100px; + width: 100px; } #column { - width: 240px; - padding-top: 10px; - overflow: hidden; - float: left; - margin-left: 10px; + float: left; + margin-left: 10px; + overflow: hidden; + padding-top: 10px; + width: 240px; } #column ul, #column p, #column hr { - margin: 10px 0; + margin: 10px 0; } #column li { - margin: 6px 0; + margin: 6px 0; } #column .margtop { - margin-top: 15px; + margin-top: 15px; } #column p { - font-size: 10pt; - line-height: 140%; + font-size: 10pt; + line-height: 140%; } #column .tags { - text-align: justify; + text-align: justify; } #column .inp { - width: 222px; - padding: 3px; - border: 1px solid #CCC; - border-radius: 3px; - background: #F5F5E9; + background: #F5F5E9; + border: 1px solid #CCC; + border-radius: 3px; + padding: 3px; + width: 222px; } #ctitle { - font-size: 14pt; + font-size: 14pt; } #ctitle img { - vertical-align: middle; - margin-right: 5px; + margin-right: 5px; + vertical-align: middle; } #ctoolbar { - margin: 10px 0; - padding: 5px; - line-height: 0; - background: #E5E5DD; + background: #E5E5DD; + line-height: 0; + margin: 10px 0; + padding: 5px; } #ctoolbar li { - display: inline; + display: inline; } #ctoolbar a { - padding: 5px 10px; + padding: 5px 10px; } #ctoolbar div { - display: inline-block; - width: 16px; - height: 16px; - background: url("toolbar-icons.png") no-repeat; - vertical-align: middle; - margin: 5px 0; + background: url("toolbar-icons.png") no-repeat; + display: inline-block; + height: 16px; + margin: 5px 0; + vertical-align: middle; + width: 16px; } #ustats li { - margin: 3px 0; - font-size: 10pt; + font-size: 10pt; + margin: 3px 0; } #column table.iread { - width: 100%; + width: 100%; } #column table.iread td { - text-align: center; + text-align: center; } #column table.iread img { - width: 48px; - height: 48px; + height: 48px; + width: 48px; } #dialogb { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0.6; - background: #222; - z-index: 10; + background: #222; + height: 100%; + left: 0; + opacity: 0.6; + position: fixed; + top: 0; + width: 100%; + z-index: 10; } #dialogt { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 10; + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 10; } #dialogt td { - vertical-align: middle; - text-align: center; + text-align: center; + vertical-align: middle; } #dialogw { - position: relative; - display: inline-block; - text-align: left; - z-index: 11; + display: inline-block; + position: relative; + text-align: left; + z-index: 11; } #dialogc { - position: absolute; - top: -15px; - right: -15px; - width: 30px; - height: 30px; - z-index: 12; - cursor: pointer; - background: url("dialog-close.png"); + background: url("dialog-close.png"); + cursor: pointer; + height: 30px; + position: absolute; + right: -15px; + top: -15px; + width: 30px; + z-index: 12; } .dialoglogin { - width: 300px; - background: #EEEEE5; - padding: 25px; + background: #EEEEE5; + padding: 25px; + width: 300px; } #signfb,#signvk { - display: block; - width: 100%; - height: 32px; - line-height: 32px; - text-indent: 37px; - text-decoration: none; - overflow: hidden; - margin: 10px 0; + display: block; + height: 32px; + line-height: 32px; + margin: 10px 0; + overflow: hidden; + text-decoration: none; + text-indent: 37px; + width: 100%; } #signfb { - color: #FFF; - background: url("facebook.png") no-repeat #3A569C; + background: url("facebook.png") no-repeat #3A569C; + color: #FFF; } #signvk { - margin-bottom: 30px; - color: #FFF; - background: url("vk.png") no-repeat #6d8fb3; + background: url("vk.png") no-repeat #6d8fb3; + color: #FFF; + margin-bottom: 30px; } .dialoglogin form { - margin-top: 7px; + margin-top: 7px; } .signinput,.signsubmit { - border: 1px solid #CCC; - margin: 3px 0; - padding: 3px; + border: 1px solid #CCC; + margin: 3px 0; + padding: 3px; } .signinput { - width: 292px; + width: 292px; } .signsubmit { - width: 70px; + width: 70px; } .dialogshare { - padding: 20px; - background: #EEEEE5; - border: 1px solid #999; - min-width: 300px; - overflow: auto; + background: #EEEEE5; + border: 1px solid #999; + min-width: 300px; + overflow: auto; + padding: 20px; } .dialogl { - padding: 5px; - margin: 3px 0 20px; - border: 1px solid #DDD; - background: #F5F5E9; + background: #F5F5E9; + border: 1px solid #DDD; + margin: 3px 0 20px; + padding: 5px; } .dialogshare li { - float: left; - margin: 5px 10px 0 0; + float: left; + margin: 5px 10px 0 0; } .dialogshare a { - display: block; - width: 32px; - height: 32px; - background-image: url("sharesocial.png"); + background-image: url("sharesocial.png"); + display: block; + height: 32px; + width: 32px; } .dialogtxt { - background: #EEEEE5; - padding: 20px; + background: #EEEEE5; + padding: 20px; } #wsthread { - position: fixed; - bottom: 20px; - right: 20px; - background: #CCC; - cursor: pointer; - padding: 5px 10px; - display: none; + background: #CCC; + bottom: 20px; + cursor: pointer; + display: none; + padding: 5px 10px; + position: fixed; + right: 20px; } #footer { - clear: both; - font-size: 10pt; - padding: 10px 0; - color: #999; - width: 1004px; - margin: 0 auto 20px 0; + clear: both; + color: #999; + font-size: 10pt; + margin: 0 auto 20px 0; + padding: 10px 0; + width: 1004px; } #footer-social { - float: left; + float: left; } #footer-social a { - display: inline-block; - width: 32px; - height: 32px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; - border: 0; - margin: 0 15px 0 0; + border: 0; + display: inline-block; + height: 32px; + margin: 0 15px 0 0; + overflow: hidden; + text-indent: 100%; + white-space: nowrap; + width: 32px; } #footer-left { - margin-left: 286px; - margin-right: 350px; + margin-left: 286px; + margin-right: 350px; } #footer-right { - float: right; + float: right; } .sharenew { - display: inline-block; - padding: 0 12px 0 37px; - min-height: 32px; - line-height: 32px; - min-width: 200px; - color: #FFF; + color: #FFF; + display: inline-block; + line-height: 32px; + min-height: 32px; + min-width: 200px; + padding: 0 12px 0 37px; } .ico32-twi { - background: #55acee url("icon-twitter.png") no-repeat; + background: #55acee url("icon-twitter.png") no-repeat; } .ico32-vk { - background: #6d8fb3 url("icon-vk.png") no-repeat; + background: #6d8fb3 url("icon-vk.png") no-repeat; } .ico32-fb { - background: #3b579d url("icon-fb.png") no-repeat; + background: #3b579d url("icon-fb.png") no-repeat; } .ico32-lj { - background: #888888 url("icon-lj.png") no-repeat; + background: #888888 url("icon-lj.png") no-repeat; } .ico32-gp { - background: #dc4a38 url("icon-gplus.png") no-repeat; + background: #dc4a38 url("icon-gplus.png") no-repeat; } .icon { - vertical-align: middle; - margin-top: -2px; + margin-top: -2px; + vertical-align: middle; } .icon--ei-comment { - margin-top: -3px; + margin-top: -3px; } fieldset { - margin-top: 25px; - border: 1px dotted #ccc; -} -@media screen and (max-width: 850px) { - body { - text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - } - body,body>header,#topwrapper,#content,#footer,#mtoolbar { - width: auto; - min-width: 310px; - margin: 0 auto; - float: none; - } - body>header { - margin-bottom: 15px; - } - body>header a { - font-size: 12pt; - } - #logo { - display: none; - } - nav#global { - margin-left: 10px; - } - nav#global li { - margin-right: 10px; - } - #search { - float: none; - display: inline-block; - margin: 10px 10px; - } - #headdiv { - padding: 0 10px; - } - #headdiv li { - margin-right: 10px; - } - nav#actions { - position: relative; - right: auto; - } - #newmessage .img, #newmessage .tags { - width: 100%; - } - #column { - float: none; - padding-top: 0; - width: auto; - margin: 0 10px; - } - article { - margin: 8px; - overflow: auto; - } - article p { - margin: 10px 0 8px 0; - } - article>nav.l { - display: block; - float: left; - width: 80%; - line-height: 15pt; - } - article>nav.s { - display: block; - } - article textarea { - width: 205px; - } - article footer { - float: left; - } - #content textarea { - width: 100%; - } - .msg,.msg-cont { - width: auto; - min-width: 280px; - } - .msg-cont,.ads { - margin: 8px; - } - .msg-comment textarea { - width: 100%; - } - .msg-media { - overflow: auto; - } - .title2 h2 { - font-size: large; - } - #footer { - margin: 0 10px; - } - #footer div { - float: none; - margin: 10px 0; - } + border: 1px dotted #ccc; + margin-top: 25px; +} +@media screen and (max-width: 850px) { + body { + text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + } + body,body>header,#topwrapper,#content,#footer,#mtoolbar { + float: none; + margin: 0 auto; + min-width: 310px; + width: auto; + } + body>header { + margin-bottom: 15px; + } + body>header a { + font-size: 12pt; + } + #logo { + display: none; + } + nav#global { + margin-left: 10px; + } + nav#global li { + margin-right: 10px; + } + #search { + display: inline-block; + float: none; + margin: 10px 10px; + } + #headdiv { + padding: 0 10px; + } + #headdiv li { + margin-right: 10px; + } + nav#actions { + position: relative; + right: auto; + } + #newmessage .img, #newmessage .tags { + width: 100%; + } + #column { + float: none; + margin: 0 10px; + padding-top: 0; + width: auto; + + } + article { + margin: 8px; + overflow: auto; + } + article p { + margin: 10px 0 8px 0; + } + article>nav.l { + display: block; + float: left; + line-height: 15pt; + width: 80%; + } + article>nav.s { + display: block; + } + article textarea { + width: 205px; + } + article footer { + float: left; + } + #content textarea { + width: 100%; + } + .msg,.msg-cont { + min-width: 280px; + width: auto; + } + .msg-cont,.ads { + margin: 8px; + } + .msg-comment textarea { + width: 100%; + } + .msg-media { + overflow: auto; + } + .title2 h2 { + font-size: large; + } + #footer { + margin: 0 10px; + } + #footer div { + float: none; + margin: 10px 0; + } } @media screen and (max-width: 480px) { - .msg-ts { - float: none; - } - .msg-tags { - margin-top: 10px; - } - .msg-txt { - padding-top: 5px; - } - .title2 { - font-size: 11pt; - } - #content .title2 h2 { - font-size: 11pt; - } - .title2-right { - line-height: initial; - } + .msg-ts { + float: none; + } + .msg-tags { + margin-top: 10px; + } + .msg-txt { + padding-top: 5px; + } + .title2 { + font-size: 11pt; + } + #content .title2 h2 { + font-size: 11pt; + } + .title2-right { + line-height: initial; + } } -- cgit v1.2.3