/* Generic Blocks -------------------------------------------------------------------*/ #container { min-width: 900px; position:relative; height:auto !important; height:100%; min-height:100%; background:#fff;} #header { height: 166px; clear: both; overflow: hidden; width:100%; background:url(../images/body-bg.gif) -2px top;} #nav { clear: both; background:#fff;} #wrapper { overflow: hidden; margin-bottom: 30px; padding: 26px 3%; background:#fff;} #content { width: 72%; background: #fff; float: left; clear: left; padding-bottom: 20px;} #sidebar { width: 25%; float: right;} #footer { clear: both; padding: 28px 0 35px 0; overflow: hidden; font-size:12px;} .container { width:100%; overflow:hidden;} .page-talk { padding-left: 3px !important; margin-right: 50px !important; } /* Forms -------------------------------------------------------------------*/ label { margin-bottom: 2px; } form p { margin-bottom: 20px; } form .note { float: right; font-size: 11px; } form .buttons { overflow: hidden; } form .right { float: right; font-size: 18px; font-family: Tahoma; color: #333; padding: 5px; } textarea { width: 99%; height: 200px; margin-bottom: 5px; } textarea.small { width: 300px; height: 70px; margin-bottom: 5px; } select { width: 99%; } .w50 { width: 50px; } .w70 { width: 70px; } .w100 { width: 100px; } .w200 { width: 200px; } .w300 { width: 300px; } .w100p { width: 99%; } .radio { position: relative; top: 2px; } .checkbox { position: relative; top: 2px; margin-left: 0; } .form-tags { padding: 10px; background: #fafafa; color: #999; } .form-tags input { width: 99%; } .form_note { font-size: 11px; color: #aaa; } /* Header -------------------------------------------------------------------*/ #header .logo-box { padding-left:25px; float:right; margin-top:42px; background-image: url(../images/logo-box-left.gif); background-repeat: no-repeat; background-position: left top; } #header h1 { font-size:50px; font-weight:bold; line-height:1em; font-family:"Trebuchet MS", Helvetica, sans-serif; padding:5px 7px 8px 50px; letter-spacing:-1px; background-color: #fff; } #header h1 a { color: #79d218; text-decoration: none;} #header h1 a span { color: #4f5c6b;} /* Main Navigation */ .nav-main {float: right; padding:2px 0 0 0;} .nav-main li { float: left; margin-right: 15px; } .nav-main li a { color: #fff; } .nav-main li.active a { color: #fff; text-decoration: none; font-weight:bold;} /* Profile */ #header .profile-box { float:left; width:300px;} #header .profile-box .left-bot-corner { background:url(../images/left-bot-corner.gif) no-repeat left top; padding-left:10px;} #header .profile-box .right-bot-corner { background:url(../images/right-bot-corner.gif) no-repeat right top; padding-right:10px;} #header .profile-box .border-bot { background:#fff; height:10px; overflow:hidden;} #header .profile-box .bg { background:#fff; width:100%;} #header .inner { padding:16px 18px 6px 10px;} #header .profile a.avatar { display: block; width: 48px; height: 48px; float: right; } #header .profile a.avatar img { width: 48px; height: 48px; } #header .profile ul { float: right; padding-right: 7px; margin-top: -2px; color: #afaf96; } #header .profile ul li { text-align: right; line-height: 18px !important; } #header .profile ul li a { color: #4f5c6b; text-decoration: none; } #header .profile ul li a.author { color: #4f5c6b; text-decoration: underline; } #header .profile ul li a.message { background: url(../images/icons.gif) no-repeat scroll right -16px; color:#4f5c6b; margin-right: 5px; padding-right: 18px; } #header .profile ul li a.message-empty { background: url(../images/icons.gif) no-repeat scroll right 5px; color:#4f5c6b; margin-right: 5px; padding-right: 18px; } #header .profile ul li a:hover { text-decoration:none;} #header .profile ul li strong { color:#4f5c6b;} #header .profile.guest { width: 235px; text-align: left; padding-top: 27px; padding-right: 0; color: #ddd; } #header .profile.guest a { font-size: 18px; color: #fafafa; outline: none; line-height: 20px; } #header .profile.guest a.reg { font-size: 12px; } /* Navigation -------------------------------------------------------------------*/ /* Search */ /* Rss */ #nav .rss { float: right; background: url(../images/icons.gif) no-repeat scroll 0 -270px; display: block; height: 11px; width: 74px; margin-top: 51px; margin-right: 10px; } #nav .rss:hover { background: url(../images/icons.gif) no-repeat scroll 0 -290px; } /* Extra -------------------------------------------------------------------*/ #extra { clear: both; padding-left: 60px; margin-top: 10px; } #extra a { background: url(../images/icons.gif) no-repeat scroll 0 -165px; color: #aaa; padding-left: 12px; } /* Topic -------------------------------------------------------------------*/ #sidebar .box .inner {padding:15px 0 20px 20px;} .topic { padding-left: 40px; padding-right: 30px; font-size: 13px; position: relative;} .topic p { margin-bottom:16px;} //* Add to Favorite Icon */ .topic .favorite { display: none; } #position: absolute; top: 7px; left: 10px; display:none; } .topic .favorite a { display: block; height: 16px; width: 20px; outline: none; } .topic .favorite a:hover { } .topic .favorite.active a { } .topic .favorite.fav-guest a { cursor: default; } .topic .favorite.fav-guest a:hover { cursor: default; } /* Actions */ .topic .action { overflow: hidden; margin:10px 0 10px; border-top:1px solid #dbdbdb; clear:both; } .topic .action li { float: left; margin-right: 3px; } .topic .action li a { color: #aaa; outline: none; } .topic .action li.rss a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -70px -250px; margin-top: 5px; } .topic .action li.plus a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -30px -250px; margin-top: 5px; } .topic .action li.plus a:hover { background: url(../images/icons.gif) no-repeat scroll -40px -250px; } .topic .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; margin-top: 5px; } .topic .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .topic .action li.join-active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .topic .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 15px; text-decoration: none; font-size: 11px; color: #70aae0; } .topic .action li.delete a { background: url(../images/delete.gif) no-repeat 0 1px; padding-left: 15px; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; } .topic .action li a:hover { text-decoration: underline; } /* Tags of Topic */ /* Generic Style of Topic */ .topic .content { font-size: 13px; line-height: 17px; margin-bottom: 20px; } .topic .content img { margin: 5px; max-width:100%; } .topic .content p { margin-bottom: 15px; } .topic .content ul, ol { margin-bottom: 15px; margin-left: 20px; } .topic .content ul li { list-style: disc; } .topic .content ol li { list-style: decimal; } .topic .content dl { margin-bottom: 15px; } .topic .content dl dt { font-weight: bold; } .topic .content dl dd { font-style: italic; margin: 0 0 5px 20px; color: #555; } .topic .content blockquote { font-style: italic; padding: 5px 10px; background: #f8f8f8; } .topic .content pre, .comment .content pre { overflow: auto; width: 95%; padding: 5px 2%; margin-bottom: 10px; background: #f8f8f8 url(../images/code.gif); border: 1px solid #dce6f0; clear: both; } .comment .content blockquote {font-style: italic; padding: 5px 10px; background: #ffffff; border: 1px solid #ddd;} .topic .content table {border-collapse:collapse;} .topic .content td { padding:5px 10px; vertical-align:middle; border:1px solid #ccc; } .topic .content td p { margin:0;} .topic .content .trassy , .topic .content .trassy td{ border:none} /* Talk -------------------------------------------------------------------*/ /* Add to Favorite Icon */ .talk .favorite { position: absolute; top: 7px; left: 10px; } .talk .favorite a { background: url(../images/icons.gif) no-repeat scroll 0 -40px; display: block; height: 16px; width: 20px; } .talk .favorite a:hover { background: url(../images/icons.gif) no-repeat scroll -20px -40px; } .talk .favorite.active a { background: url(../images/icons.gif) no-repeat scroll -20px -40px; } .talk .favorite.guest a { background: url(../images/icons.gif) no-repeat scroll 0 -40px; cursor: default; } .tal-table .favorite { } /* Pagination -------------------------------------------------------------------*/ #pagination { padding-left: 40px; } #pagination p { font-size: 16px; color: #bbb; } #pagination ul { overflow: hidden; margin-top: 10px; font-family: Verdana, Sans-Serif; } #pagination ul li { float: left; margin-right: 8px; } #pagination ul li.active { font-weight: bold; } #pagination ul li.active { background: url(../images/pagination-bg.gif) no-repeat top right; padding: 0 6px 1px 3px; border-left: 1px solid #eee; } #pagination ul li.active { background: url(../images/pagination-bg.gif) no-repeat top right; padding: 0 6px 1px 3px; border-left: 1px solid #eee; } #pagination.onpage { padding-left: 0px; } /* Comments -------------------------------------------------------------------*/ .comments { padding-left: 25px; } .comments .comment { position: relative; padding-left:30px} .comments .comment .comment { } /* Header */ .comments .header { margin-bottom: 20px; margin-left: 14px; } .comments .header a.rss { margin-right: 20px; padding-left: 14px; background: url(../images/icons.gif) no-repeat scroll -70px -247px; } /* Comment Types */ .comments .comment .content { background: #fff; margin:0 0 15px 0 ;} /* default background of comment */ .comments .comment .content.self { background: #fdf5e6 !important; } .comments .comment .content.new{ background: #e4fbf1 !important; } .comments .comment .content.del{ background: #c5c5c5 !important; } .comments .comment .content.view{ background: #cdf5a6 !important; } .comments .comment .content .info { background: #fff url(../images-new/angle.png) no-repeat -10px bottom;} .comments .comment .content.self .info { background: #fdf5e6 url(../images-new/angle.png) no-repeat -10px bottom !important;} .comments .comment .content.new .info { background: #e4fbf1 url(../images-new/angle.png) no-repeat -10px bottom !important;} .comments .comment .content.del .info { background: #c5c5c5 url(../images-new/angle.png) no-repeat -10px bottom !important;} .comments .comment .content.view .info { background: #cdf5a6 url(../images-new/angle.png) no-repeat -10px bottom !important;} /* Single Comment */ .comment .folding { float: left; position: absolute; top: 57px; cursor: pointer; left:-25px; } .comment .folding-open { float: left; position: absolute; top: 60px; cursor: pointer; left:12px;} .comment .folding.off { display: none; } .comment .content { margin: 0 50px 0px 13px; padding: 0; } .comment span.delete { color: #c5c5c5; font-size: 16px; } /* Rounded Corners */ .comment .content .tb { height: 7px; overflow: hidden; background: url(../images/comment-tb.gif) repeat-x; } .comment .content .tl { height: 7px; background: url(../images/comment-tl.gif) no-repeat left top; } .comment .content .tr { height: 7px; background: url(../images/comment-tr.gif) no-repeat right top; } .comment .content .bb { height: 15px; background: url(../images/comment-bb.gif) repeat-x; margin-left: 24px; } .comment .content .bl { height: 15px; background: url(../images/comment-bl.gif) no-repeat left bottom; } .comment .content .br { height: 15px; background: url(../images/comment-br.gif) no-repeat right bottom; } /* Text of Comment */ .comment .content .text { border-left: 1px solid #dddede; border-right: 1px solid #dddede; padding: 0px 25px 5px 10px;} /* Vote Block */ .comment .voting { width: 36px; height: 46px; position: absolute; right: 20px; top: -12px; z-index: 100; overflow: hidden; background:url(../images-new/comments.png); } .comment .voting a.plus { display:block; height:13px; right:1px; overflow:hidden; position:absolute; top:-2px; width:16px; color:#9E9E9E; text-align:center } .comment .voting a.minus { display:block; height:13px; left:0; overflow:hidden; position:absolute; text-align:center; top:-2px; width:16px; color:#9E9E9E; } .comment .voting .total { color:#FFFFFF; float:right; font-size:20px; left:0; position:absolute; text-align:center; top:13px; width:36px; } .comment .voting a.plus:hover { } .comment .voting a.minus:hover { } .comment .voting.positive { background:url(../images-new/comments.png) 72px 0; } .comment .voting.negative { background:url(../images-new/comments.png) 36px 0;} .comment .voting.guest a.plus { display: block; overflow: hidden; color:#eee } .comment .voting.guest a.minus { display: block; overflow: hidden; color:#eee } .comment .voting.plus a.plus { display: block; overflow: hidden; color:#faa } .comment .voting.minus a.minus { display: block; overflow: hidden; color:#faa} .comment .voting.voted a.plus, .comment .voting.voted a.minus, .comment .voting.guest a.plus, .comment .voting.guest a.minus { cursor:default; } .comment .voting.minus a.plus:hover {} .comment .voting.plus a.minus:hover {} /* Info Block */ .comment .info { font-size: 11px; line-height: 14px; margin: 0 0 10px -65px; height:14px;} .comment .info p { font-size: 10px; float:left; margin:0 10px 0 0; } .comment .info p a.author { font-size: 12px; font-weight: bold; color: #00729d; text-decoration: none; } .comment .info p a.author:hover { color: #555; } .comment .info img.avatar { float: left; margin: 0px 25px 0 0; border:3px solid #99cacd; max-width:32px;} .comment .info ul li { float: left; font-size: 10px; margin-right: 10px; } .comment .info ul li .reply-link { background:url(../images-new/answer.png) no-repeat; text-shadow:1px 1px 1px #fff; color:#3d3d3d; text-decoration:none; padding:1px 2px;} .comment .info ul li.date { color: #999; font-size: 10px; padding-right: 20px; } .comment .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; } .comment .info ul li.goto-comment-parent a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;} .comment .info ul li.goto-comment-child a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;} .comment .info a.link { background: url(../images/icons.gif) no-repeat scroll 0px -230px; } .comment .info a.link:hover { background: url(../images/icons.gif) no-repeat scroll -10px -230px; } .comment .info a.favorite { background: url(../images/icons.gif) no-repeat scroll -40px -40px; } .comment .info a.favorite:hover { background: url(../images/icons.gif) no-repeat scroll -50px -40px; } .comment .info a.favorite-active { background: url(../images/icons.gif) no-repeat scroll -50px -40px; } .comment .info a.off { color: #999; } .comment .info a.repair { color: #4CCC1B; } .comment .info a.delete { color: #f00; } .comment .comment-topic { font-size: 11px; color: #999; padding-bottom: 3px; padding-left: 2px; } .comment .comment-topic a { font-weight: bold; } .comment .comment-topic a.comment-blog { color: #999; } .comment .comment-topic a.comment-total { background: url(../images/comment-total.gif) no-repeat 0 4px; padding-left: 10px; margin-left: 10px; text-decoration: none; font-weight: normal; color: #78c658; } .comments.padding-none { padding-left: 0; } .comments.padding-none .voting { top: 5px; } .reply-title { margin-left: 10px; } .reply { padding: 0 50px 10px 10px; } .reply textarea { width: 100%; height: 70px; } .reply textarea.loader { background: #F7F7F7 url(../images/loader.gif) no-repeat center;} h3.reply-title a { background:transparent url(../images-new/send-button.gif) no-repeat scroll 0 0; color:#FFFFFF; display:block; font-size:19px; height:42px; line-height:42px; text-align:center; text-decoration:none; vertical-align:middle; width:257px; text-shadow:1px 1px 1px #866601; padding:0 0 0 10px } /* Polls ---------------------------------- */ .poll { margin: 0 0 15px 0 !important; } .poll li { list-style: none !important; } .poll li dl { overflow: hidden; } .poll li dl dt { float: left; font-weight: normal !important; color: #999; font-size: 11px; width: 50px; } .poll li dl dt span { font-size: 12px; color: #333; } .poll li dl dd { float: left; font-style: normal !important; width: 70%; } .poll li dl dd div { margin-top: 3px; height: 5px; background: #ddd url(../images/poll.gif) no-repeat; overflow: hidden; } .poll li dl dd div span { display: block; margin-left: 10px; height: 5px; background: #ddd url(../images/poll.gif) no-repeat right top; overflow: hidden; } .poll li.most dl dt span { font-weight: bold; } .poll li.most dl dd div { background: #390 url(../images/poll-most.gif) no-repeat !important; } .poll li.most dl dd div span { background: #390 url(../images/poll-most.gif) no-repeat right top !important; } .poll-new { margin: 0 0 15px 0 !important; } .poll-new li { list-style: none !important; margin-bottom: 5px; } .poll-new li input { position: relative; top: 2px; margin-right: 3px; } /* Profile of Blog -------------------------------------------------------------------*/ .profile-blog { padding: 0 15px 0 8px; overflow: hidden; position: relative; } .profile-blog img.avatar { float: left; position: absolute; top: 4px; left: 10px; } .profile-blog h1.title { font-size: 24px; line-height: 30px; color: #b0b0b0; padding-left: 33px; } .profile-blog h1.title a.title-link { text-decoration: none; outline: none; } .profile-blog h1.title a.title-link span { border-bottom: 1px dashed #70aae0; } .profile-blog h1.title a.inactive span { border-bottom: 1px dashed #aaa; color: #b0b0b0; text-decoration: none; } .profile-blog h1.title strong { background: url(../images/profile-blog-info.gif) no-repeat scroll 0px 6px; padding-right: 12px; margin-left: 7px; } .profile-blog h1.title a.inactive strong { background: url(../images/profile-blog-info-inactive.gif) no-repeat scroll 0px 6px; } .profile-blog .action { overflow: hidden; margin: 0 0 20px 0; padding-left: 34px; } .profile-blog .action li { float: left; margin-right: 3px; } .profile-blog .action li a { color: #aaa; outline: none; } .profile-blog .action li.rss a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -70px -250px; } .profile-blog .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; } .profile-blog .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .profile-blog .action li.join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .profile-blog .action li.edit a { background: url(../images/edit.gif) no-repeat 0 1px; padding-left: 20px; position: relative; top: -4px; margin-left: 10px; text-decoration: none; font-size: 11px; color: #70aae0; } .profile-blog .action li a:hover { text-decoration: underline; } .profile-blog .voting { float: right; font-size: 10px; text-align: center; position: relative; top: -5px; } .profile-blog .voting .clear { clear: both; color: #aaa; } .profile-blog .voting .count { position: absolute; top: 46px; left: 69%; color: #aaa; } .profile-blog .voting .text { position: absolute; top: 46px; right: 33%; color: #aaa; } .profile-blog .voting .plus { float: left; margin-right: 5px; } .profile-blog .voting .total { float: left; margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 14px; } .profile-blog .voting .minus { float: left; margin-right: 0; } .profile-blog .voting a.plus { background: url(../images/icons.gif) no-repeat scroll 0 -90px; float: left; display: block; height: 11px; margin-top: 8px; text-decoration: none; width: 9px; } .profile-blog .voting a.plus:hover { background: url(../images/icons.gif) no-repeat scroll -40px -90px; } .profile-blog .voting a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; float: left; display: block; height: 11px; margin-top: 9px; text-decoration: none; width: 9px; } .profile-blog .voting a.minus:hover { background: url(../images/icons.gif) no-repeat scroll -70px -90px; } .profile-blog .voting.plus a.plus { background: url(../images/icons.gif) no-repeat scroll -40px -90px; } .profile-blog .voting.minus a.minus { background: url(../images/icons.gif) no-repeat scroll -70px -90px; } .profile-blog .voting.guest a.plus { background: url(../images/icons.gif) no-repeat scroll 0 -90px; cursor: default; } .profile-blog .voting.guest a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; cursor: default; } .profile-blog .voting.positive .total { background: #68bf46; } .profile-blog .voting.negative .total { background: #ff3b3c; } .profile-blog .voting.voted a.plus { cursor: default; } .profile-blog .voting.voted a.minus { cursor: default; } .profile-blog .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll -10px -90px; } .profile-blog .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll 0 -90px; } .profile-blog .about { background: #f4f4f6; margin-bottom: 40px; clear: both; } .profile-blog .about .tl { background: url(../images/profile-blog-tl.gif) no-repeat left top; height: 10px; } .profile-blog .about .tr { background: url(../images/profile-blog-tr.gif) no-repeat right top; height: 10px; } .profile-blog .about .bl { background: url(../images/profile-blog-bl.gif) no-repeat left bottom; height: 10px; } .profile-blog .about .br { background: url(../images/profile-blog-br.gif) no-repeat right bottom; height: 10px; } .profile-blog .about .content { padding: 5px 32px; color: #666; overflow: hidden; } .profile-blog .about .content h1 { color: #555; } .profile-blog .about .content p { margin-bottom: 15px; } .profile-blog .about .content p.note { color: #aaa; margin-bottom: 25px; } .profile-blog .about .content .line { background: url(../images/footer-bg.gif) repeat-x; height: 5px; margin-bottom: 20px; clear: both; } .profile-blog .about .content .admins { float: left; width: 50%; } .profile-blog .about .content .moderators { float: left; width: 50%; } .profile-blog .about .content ul.admin-list { overflow: hidden; text-align: center; } .profile-blog .about .content ul.admin-list li { float: left; margin-right: 10px; margin-bottom: 10px; } .profile-blog .about .content ul.admin-list li dt img { width: 48px; height: 48px; } .profile-blog .about .content h1.readers { clear: both; padding-top: 35px; } .profile-blog .about .content h1.readers a { text-decoration: none; border-bottom: 1px dashed #70aae0; } .profile-blog .about .content h1.readers a.inactive { border-bottom: 1px dashed #aaa; color: #b0b0b0; text-decoration: none;} .profile-blog .about .content ul.reader-list { overflow: hidden; } .profile-blog .about .content ul.reader-list li { float: left; margin-right: 15px; background: url(../images/icons.gif) no-repeat scroll 0 -104px; padding-left: 12px; } /* Profile of user -------------------------------------------------------------------*/ .profile-user { padding-right: 20px; } .profile-user .voting { float: right; font-size: 10px; position: relative; top: -5px; } .profile-user .voting .clear { clear: both; color: #aaa; text-align: center; } .profile-user .voting .count { position: absolute; top: 46px; left: 69%; color: #aaa; } .profile-user .voting .text { position: absolute; top: 46px; right: 33%; color: #aaa; } .profile-user .voting .plus { float: left; margin-right: 5px; } .profile-user .voting .total { float: left; margin-right: 5px; color: #fff; padding: 5px 10px; font-size: 14px; } .profile-user .voting .minus { float: left; margin-right: 0; } .profile-user .voting a.plus { background: url(../images/icons.gif) no-repeat scroll 0 -90px; float: left; display: block; height: 11px; margin-top: 8px; text-decoration: none; width: 9px; } .profile-user .voting a.plus:hover { background: url(../images/icons.gif) no-repeat scroll -40px -90px; } .profile-user .voting a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; float: left; display: block; height: 11px; margin-top: 9px; text-decoration: none; width: 9px; } .profile-user .voting a.minus:hover { background: url(../images/icons.gif) no-repeat scroll -70px -90px; } .profile-user .voting.plus a.plus { background: url(../images/icons.gif) no-repeat scroll -40px -90px; } .profile-user .voting.minus a.minus { background: url(../images/icons.gif) no-repeat scroll -70px -90px; } .profile-user .voting.guest a.plus { background: url(../images/icons.gif) no-repeat scroll 0 -90px; cursor: default; } .profile-user .voting.guest a.minus { background: url(../images/icons.gif) no-repeat scroll -10px -90px; cursor: default; } .profile-user .voting.positive .total { background: #68bf46; } .profile-user .voting.negative .total { background: #ff3b3c; } .profile-user .voting.voted a.plus { cursor: default; } .profile-user .voting.voted a.minus { cursor: default; } .profile-user .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll -10px -90px; } .profile-user .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/icons.gif) no-repeat scroll 0 -90px; } .profile-user .strength { float: right; font-size: 10px; text-align: center; position: relative; top: -5px; margin-left: 15px; } .profile-user .strength .clear { clear: both; color: #aaa; } .profile-user .strength .total { float: left; color: #fff; padding: 5px 10px; font-size: 14px; background: #70aae0; } .profile-user h1.title { border-bottom: 1px solid #ccc; font-size: 18px; padding: 0 0 1px 2px; margin-bottom: 7px; } .profile-user .name { overflow: hidden; color: #999; margin-bottom: 20px; } .profile-user .name img.avatar { float: left; margin-right: 15px; } .profile-user .name p.nickname { font-size: 24px; margin-top: 2px; margin-bottom: 10px; color: #333; } .profile-user .name p.realname { font-size: 18px; margin-bottom: 15px; } .profile-user td { vertical-align: top; } .profile-user td.var { color: #999; font-weight: bold; width: 150px; padding: 0 0 5px; } .profile-user td.friends { color: #999; } .profile-user td.friends a { color: #999; padding: 5px 0; background: url(../images/icons.gif) no-repeat scroll 0 -101px; padding-left: 12px; } /* People & Top -------------------------------------------------------------------*/ .people .block-nav { margin-bottom: 20px; } .people h1 span { color: #6ec80d; } .people table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .people table thead td { background: #f0f1f1; font-weight: bold; padding: 5px 0; } .people table thead td.user { padding-left: 10px; } .people table thead td.strength, .people table thead td.rating { width: 80px; text-align: center; } .people table thead td.date { width: 150px; text-align: center; } .people table tbody td { padding: 5px 0; font-size: 11px; color: #999; border-bottom: 1px solid #ddd; } .people table tbody td span { color: #6ec80d; } .people table tbody td.user { padding-left: 10px; overflow: hidden; } .people table tbody td.user img { float: left; margin-right: 7px; width: 24px; height: 24px; } .people table tbody td.user a.link { color: #999; font-weight: bold; position: relative; top: 1px; } .people table tbody td.karma { color: #6ec80d; font-weight: bold; } .people table tbody td.strength { color: #70aae0; font-weight: bold; text-align: center; } .people table tbody td.date { text-align: center; } .people table tbody td.rating { text-align: center; } .people table tbody td.rating span { padding-right: 12px; } .people table tbody td.rating.up span { background: url(../images/blog-rating-up.gif) no-repeat right 3px; } .people table tbody td.rating.down span { background: url(../images/blog-rating-down.gif) no-repeat right 3px; } .people table tbody td.rating strong { background: #ff68cf; color: #fff; padding: 5px 10px; } .people.top-blogs thead td.user { padding-left: 32px; } .people.top-blogs thead td.join-head { width: 40px; text-align: center; } .people.top-blogs thead td.readers, .people.top-blogs tbody td.readers { width: 100px; text-align: center; } .people.top-blogs tbody td { padding: 7px 0; } .people.top-blogs td.name { overflow: hidden; } .people.top-blogs td.name img { float: left; padding-bottom: 5px; margin-right: 7px; width: 24px; height: 24px; } .people.top-blogs td.name a.title { font-size: 18px; line-height: 14px; } .people.top-blogs td.name a.author { line-height: 18px; background:url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 12px; color: #999; font-weight: bold; } .people.top-blogs .join { text-align: center; } .people.top-blogs .join a { margin: 0 auto; outline: none; display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; } .people.top-blogs .join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .people.top-blogs .join.active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px !important; } .people.top-blogs thead td.fav-head { width: 40px; text-align: center; } .people.top-blogs .fav { text-align: center; } .people.top-blogs .fav a { margin: 0 auto; display: block; height: 10px; width: 10px; background: url(../images/star-off.gif) no-repeat; } .people.top-blogs .fav a:hover { background: url(../images/star.gif) no-repeat; } .people.top-blogs .fav.active a { background: url(../images/star.gif) no-repeat; } .people.talk-table thead td.user { padding-left: 10px; } .people.talk-table .author { margin-left: 10px; } /* Top -------------------------------------------------------------------*/ .topic.top { margin-bottom: 5px; padding-left: 40px; } .topic.top h1 span { color: #6ec80d; } .topic.top .block-nav { margin-bottom: 5px; } .top-topics .topic { padding-left: 0 !important; } /* Footer -------------------------------------------------------------------*/ .footer-box { background:#4f5c6b; padding:4px 30px 4px 30px; color:#fff;} .footer-box a { color:#bab9e0; font-weight:bold; text-decoration:none;} .footer-box a:hover { text-decoration:underline;} .lsCmtTree_visible{display:block;} .lsCmtTree_hidden{display:none;} /* Login and Lite Pages -------------------------------------------------------------------*/ .lite-header { padding: 30px 20px; } .lite-header a { color: #c7c7c7; font-size: 26px; text-decoration: none; } .lite-header a span { color: #dedede; } .lite-header a:hover { color: #333; } .lite-header a:hover span { color: #777; } .lite-center { margin: 0 auto 20px; top: 200px; width: 400px; color: #888; } .lite-center h3, .login-popup h3 { color: #bec0bf; margin-bottom: 20px; } .lite-center button, .login-popup button { float: right; } .lite-center .input-text, .login-popup .input-text { width: 400px; font-size: 18px; padding: 4px 0; border: 1px solid #d7d7d7; color: #555; } .lite-center .input-checkbox, .login-popup .input-checkbox { padding-top: 7px; } .lite-center .input-checkbox input, .login-popup .input-checkbox input { position: relative; top: 2px; } .lite-center .input-note { display: block; color: #bbb; font-size: 11px; line-height: 14px; } .lite-center .zloy_taburet { background:url("../images/zloy_taburet_post.gif") no-repeat 0px 0px; } .lite-center .zloy_taburet img.taburet { width:200px; height:60px; float:left; padding:7px 0 7px 5px; cursor:pointer; } .lite-center .zloy_taburet img.captcha { float:left; margin:30px 8px 0 15px; } .lite-center .zloy_taburet .zloy_taburet_license { float:left; margin-top:5px;} .lite-center .zloy_taburet .clear { clear:both; padding-bottom:40px; } .lite-center.error h1 { font-size: 28px; color: #888; } .lite-center.error p { margin-bottom: 10px; color: #888; } .lite-center.register { position: static; margin: 0 auto; } .lite-note { overflow: hidden; } .lite-note a { float: right; font-size: 11px; } .login-popup { z-index: 100; width: 492px; } .login-popup .input-text { width: 402px; padding: 4px 5px; } .login-popup .content { background: #dcdedd url(../images/login-popup-bg.gif) repeat-x; padding: 15px 40px; } .login-popup .login-popup-top { height: 14px; background: url(../images/login-popup-top.gif) no-repeat; width: 492px; position: relative; } .login-popup .login-popup-bottom { height: 14px; background: url(../images/login-popup-bottom.gif) no-repeat; width: 492px; } .login-popup .close-block { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; background: url(../images/close-block.gif) no-repeat; } .upload-image p { margin-bottom: 5px; } .upload-image label { color: #aaa; } .tags-input { width: 400px; font-size: 18px; padding: 4px 4px 6px; border: 1px solid #ccc; color: #555; background: #fafafa; } /* Button -------------------------------------------------------------------*/ button, a.button { font-size: 14px; font-family: Tahoma, sans-serif; border: none; background: none; padding: 0; overflow: visible; text-align: center; white-space: nowrap; cursor: pointer; } button span, button em, a.button span, a.button em { display: block; height: 31px; line-height: 31px; margin: 0; color:#333; } button span, a.button span { background: url(../images/button.gif) no-repeat 0 0; margin-right: 20px; } button em, a.button em { font-style: normal; padding-right: 20px; background: url(../images/button.gif) no-repeat right 0; position: relative; right: -20px; } a.button.small { font-size: 12px; text-decoration: none; } a.button.small span, a.button.small em { height: 22px; line-height: 22px; } a.button.small span { background: url(../images/button-small.gif) no-repeat 0 0; margin-right: 20px; } a.button.small em { background: url(../images/button-small.gif) no-repeat right 0; } #system_messages_error { background: #f0c8c8; border: 1px solid #ff8181; padding: 15px; margin-bottom: 15px; color: #b22626; } #system_messages_notice { background: #dafad8; border: 1px solid #83c460; padding: 15px; margin-bottom: 15px; color: #4bb23b; } .table-blog-users { width: 100%; margin-top: 20px; margin-bottom: 30px; } .table-blog-users thead td { background: #f1f1f1; padding: 10px; text-align: center; color: #555; } .table-blog-users tbody td { background: #fafafa; padding: 5px 10px; text-align: center; } .table-blog-users tbody td.username { text-align: left; } .table-blog-users tbody tr.even td { background: #f5f5f5; } .searched-item { background: #fffacd; } /* Static page edit -------------------------------------------------------------------*/ table.admin_page th {vertical-align:bottom; border: none; border-bottom: solid #B0C1D3 1px; padding:.2em .6em .2em .65em; background:#e2e4e4; font-size:0.9em; font-weight:normal; color:#6e6e6e; } table.admin_page td { padding:6px 8px 6px 8px; border: none; border-right: solid #B0C1D3 1px; } table.admin_page tr.colored td { background-color:#EEF6FB; } table.admin_page tr.colored_sel td { background-color:#D9FBC2; } table.admin_page { font-size:0.9em; border:none; margin:20px 0px 30px 0px; border-bottom:solid 1px #B0C1D3; } table.admin_page td:first-child { border-left: solid #B0C1D3 1px } table.admin_page img {margin: 0px !important;;} .hidden {display: none;} /* TPlanner Moderator Currency Popup -------------------------------------------------------------------*/ .currency-popup { z-index: 100; width: 492px; } .currency-popup .input-text { width: 402px; padding: 4px 5px; } .currency-popup .input-text-short { width: 100px; padding: 4px 5px; } .currency-popup .content { background: #dcdedd url(../images/login-popup-bg.gif) repeat-x; padding: 15px 40px; } .currency-popup .currency-popup-top { height: 14px; background: url(../images/login-popup-top.gif) no-repeat; width: 492px; position: relative; } .currency-popup .currency-popup-bottom { height: 14px; background: url(../images/login-popup-bottom.gif) no-repeat; width: 492px; } .currency-popup .close-block { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; background: url(../images/close-block.gif) no-repeat; } .statusdown {float:left; padding-right:5px} .statusdown dt {width:188px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} .statusdown dt:hover {background:url(images/header_over.gif)} .statusdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0} .statusdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none} .statusdown li {display:inline} .statusdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px} .statusdown a:hover {background:#d9e1e4; color:#000} .statusdown .underline {border-bottom:1px solid #b9d6dc} .statusdownr {float:right; padding-right:5px} .statusdownr dt {width:188px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} .statusdownr dt:hover {background:url(images/header_over.gif)} .statusdownr dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0} .statusdownr ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none} .statusdownr li {display:inline} .statusdownr a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px} .statusdownr a:hover {background:#d9e1e4; color:#000} .statusdownr .underline {border-bottom:1px solid #b9d6dc} .currencydown {} .currencydown dt {width:30px; border:2px dotted #999999; padding:1px 2px; font-weight:bold; font-size: 10px; cursor:pointer; background-color: #ffffaa; height: 12px} .currencydown dt:hover {} .currencydown dd {position:absolute; overflow:hidden; width:39px; display:none; background:#fff; z-index:200; opacity:0} .currencydown ul {width:35px; border:2px solid #999999; list-style:none; border-top:none} .currencydown li {display:inline} .currencydown a, .currencydown a:active, .currencydown a:visited {display:block; padding:2px; color:#333; text-decoration:none; background:#ffffaa; width:30px} .currencydown a:hover {background:#d9e1e4; color:#000}