aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--juick-www/src/main/static/style.css1115
1 files changed, 558 insertions, 557 deletions
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;
+ }
}