/* Reset -------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; } ul, ol { list-style: none; } img { border: none; } /* Body -------------------------------------------------------------------*/ html, body { height: 100%; } body { font: 12px/18px Arial, Tahoma, Helvetica, sans-serif; color: #020202; background:url(../images/bg_body.png) repeat-x 0 0; width: expression((documentElement.clientWidth||document.body.clientWidth)< 1004? '1004px': ((documentElement.clientWidth||document.body.clientWidth)> 1260? '1260px': 'auto')); min-width:1004px; max-width:1280px} h1, h2, h3, h4, h5, h6 { font: normal 18px Arial; color: #333; } h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; } h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; } h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } a { color: #70aae0; } a:hover { text-decoration: none; } .voting a { outline: none; } h1 A {color:#bf0000} h1 span { color: #ccc; } .white {background-color:#fff} .p10_18 {padding:10px 18px} .p10_0_10_18 {padding:10px 0 10px 18px} .width200 {width:200px} /* Generic Blocks -------------------------------------------------------------------*/ #container {width:100%; min-width: 1004px; max-width:1280px; background:url(../images/bg_container.png) no-repeat 100% 0; margin:0 auto} #header { height: 133px; clear: both; overflow: hidden; zoom: 1; position:relative; padding:0 93px 0 50px} #nav { clear: both; /*background: #e8e8e8;*/ } #wrapper { overflow: hidden; zoom: 1; margin-bottom: 30px; margin: 0 50px 30px 50px !important; margin:20px 47px 30px 47px} #content { width: 65%; /*background: #fff;*/ float: left; clear: left; padding-bottom: 20px; zoom: 1; } #sidebar { width: 32%; float: left; margin-left: 2%; margin-top: -6px; padding-top: 6px} #footer { clear: both; background:url(../images/footer-bg.png) repeat-x 0 100%; color: #999; overflow: hidden; } .update-hide { margin: 20px 50px 30px 50px !important; margin:20px 47px 30px 47px} .white-back { background: #fff; lmargin: 20px 50px 30px 50px !important; border:1px solid #e5e5e5; /*padding-bottom: 15px ; padding-left: 20px; */} .white-back #content { clear: none; padding-top: 0; } .page-talk { padding-left: 3px !important; margin-right: 50px !important; } .white-back #sidebar {padding:0} .padding10_18 {padding:10px 18px} /* Forms -------------------------------------------------------------------*/ label { margin-bottom: 2px; } form p { margin-bottom: 20px; } form .note { float: right; font-size: 11px; } form .note A {color:#bf0000} 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 h1 {position:absolute; top:0; left:30px; width:175px; height:86px; padding:30px 0 0 20px; background:url(../images/logo.png) no-repeat 100% 10px} #header h1 a {display:block; width:175px; height:86px; color: #77d115; text-decoration: none; font: normal 20px Arial, Sans-Serif; } #header h1 a SPAN {position:absolute; top:-1000px; left:-1000px} /* Main Navigation */ #header .navmainbox {background:url(../images/bg_nav-main.png) no-repeat 171px 10px; padding:44px 0 0 311px; height:59px; zoom:1} #header .navmainboxinner {height:59px; background:url(../images/bg_nav-main2.gif) repeat-x 0 0} #header .nav-main {float:left; overflow: hidden; margin:0; padding: 0 ; lbackground:url(../images/bg_nav-main2.gif) repeat-x 0 0; zoom:1} #header .nav-main li {float:left; height:38px; font-size: 16px; font-weight:bold; margin-right: 15px; padding:18px 0 0 0} #header .nav-main li a { color: #020202; background:url(../images/bg_nav-main3.gif) no-repeat 0 50%; padding-left:17px} #header .nav-main li.active {} #header .nav-main li.active a { color: #020202; text-decoration: none; } /* Profile */ #header .profile {position:relative; float:right; height:62px; margin-top:-6px; margin-right:-50px; padding-top: 10px; padding-right: 113px; background:url(../images/bg_profile.png) no-repeat 100% 0; color: #999} #header .profile A {color:#000} #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; font-size: 11px; padding-right: 7px; margin-top: -2px; color: #999; } #header .profile ul li { text-align: right; line-height: 17px !important; } #header .profile ul li a { color: #000; text-decoration: none; } #header .profile ul li a.author { color: #000; text-decoration: underline; } #header .profile ul li a.message { background: url(../images/icons.gif) no-repeat scroll right -17px; color:#be0000; margin-right: 5px; padding-right: 18px; } #header .profile ul li a.message:hover { color: #be0000; } #header .profile ul li a.message-empty { background: url(../images/icons.gif) no-repeat scroll right 3px; color:#ffea00; margin-right: 5px; padding-right: 18px; } #header .profile ul li a:hover { color: #000; } #header .profile.guest {padding-top: 24px; color: #7e8281; } #header .profile.guest a { font-size: 14px; font-weight:bold; color: #000; outline: none; line-height: 20px; margin-right:3px} #header .profile.guest a.reg { font-size: 12px; font-weight:normal; margin-left:3px} /* Navigation -------------------------------------------------------------------*/ #nav { overflow: hidden; zoom: 1; margin-bottom: 10px; padding: 0 50px 30px 50px;} /*#nav .left { lbackground: url(../images/bg.gif) no-repeat scroll 0 -173px; float: left; height: 92px; width: 20px; } #nav .right { float: right; lbackground: url(../images/bg.gif) no-repeat scroll right -265px; height: 92px; width: 20px; } #nav .write { float: left; padding-top: 45px; width: 110px; } */ #nav .write { width: 66%; /*background: #fff;*/ float: left; clear: left; padding-top: 0; padding-bottom: 20px; zoom: 1} #nav .write A {display:block; width:199px; height:22px; border:0; background:url(../images/bg_button_violet.png) no-repeat 0 0; color:#fff; padding:0; text-align:center} #nav .write .button SPAN {background:none; display:inline; margin:0; padding:0} #nav .write .button.small EM {background:none; display:inline; position:inherit; color:#fff;font-weight:bold; margin:0; padding:0; right:0} /* Navigation of Blog */ .menu {; position:relative; float: left; width:66%; height:35px; font-size: 15px; padding: 0; background:url(../images/bg_write.gif) repeat-x 0 0} .menu li { float: left; height:35px; color: #51b038; padding:0; font-weight:bold; font-size:16px; text-align:center} .menu li.first {background:url(../images/bg_menu_first.png) no-repeat 0 0} .menu li.next {float:right; background:url(../images/bg_menu_next.png) no-repeat 100% 100%} .menu li DIV.point {height:27px; padding-top:8px; lposition:relative; color:#7e8281} .menu li a {color: #7e8281} .menu li.active { background:#a63fdd url(../images/bg_menu_active.png) no-repeat 100% 0} .menu li.active.next {background:#a63fdd url(../images/bg_menu_active_next.png) no-repeat 100% 0} .menu li.active DIV.point {background:url(../images/bg_menu_active_l.png) no-repeat 0 0; color:#fff} .menu li.activefirst DIV.point {background:url(../images/bg_menu_active_2.png) no-repeat 0 0} .menu li.active a { color: #fff; text-decoration:none} #blogmenu LI {/*width:25%*/} /* Sub-navigation of Blog */ #blogmenu li.active .submenu {position: absolute; top: 35px; height:25px; padding:0; background:#a73ddd url(../images/bg_sub-menu.png) repeat-x 0 0} #blogmenu li.active .submenu2 {height:25px; padding:0; background:url(../images/bg_submenu2.png) no-repeat 100% 0} #blogmenu li.active .sub-menu {height:25px; background:url(../images/bg_submenu3.png) no-repeat 0 0; font-size: 11px; padding:0 15px} #blogmenu li.active .sub-menu li {display:inline; height:25px; margin:0 10px; font-size:11px} #blogmenu li.active .sub-menu li DIV {display:inline; background:none; color:#fff; padding:3px 0 0 0} #blogmenu li.active .sub-menu li a {display:inline-block; padding-top:4px; color: #fff; text-decoration: underline} #blogmenu li.active .sub-menu li a:hover { text-decoration: none; } #blogmenu li.active .sub-menu li.active { padding:0; background:none} #blogmenu li.active .sub-menu li.active div { height:22px; font-weight: bold; color: #fff; float: left; background:none} #blogmenu li.activefirst .sub-menu li.active DIV {background:none} #blogmenu li.active .sub-menu li.active a { text-decoration: none; color: #fff !important; padding-top:1px} /* Search */ /*#nav .search { width: 214px; float: right; padding-top: 43px; padding-right: 3px; }*/ #nav .search { width: 32%; float: left; margin-left: 2%; margin-top: 2px; padding-top: 6px} #nav .search form { width: 100%; position: relative; } #nav .search input { border: 0; margin: 0; position: relative; } #nav .search .text { width: 80%; padding: 2px 0 2px 15px; font: normal 12px Verdana, Sans-Serif; color: #777; background:none} #nav .search .searchbutton {position:absolute; width: 19px; height: 18px; right:0; top:2px;} #nav .search .button {width: 19px; height: 18px; background: url(../images/search-button.gif) no-repeat; cursor:pointer} #nav .search .searsharea {margin-right:25px} #nav .search .searsharea .sr {position:relative; margin-left:7px; background: url(../images/bg_searsharea.png) no-repeat 100% 0} #nav .search .searsharea .sl {height:20px; position:relative; background: url(../images/bg_searsharea.png) no-repeat 0 -20px; margin-left:-7px} /* 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 -------------------------------------------------------------------*/ .topic {position: relative; background-color:#fff; border:solid #fff; border-width:0 1px} .topicinner {padding-left: 30px; padding-right: 30px; font-size: 13px; overflow: hidden; border:solid #e5e5e5; border-width:0 1px} .topicinner.topictags {padding-left:8px; font-size:14px;} .topicinner.topictags IMG, .topicinner.topictags INPUT {vertical-align:middle} .topic h1.title { margin-bottom: 5px} .topic h1.title IMG {vertical-align:middle} .rt {margin-left:10px; background:url(../images/bg_corner.png) no-repeat 100% 0} .lt {height:10px; margin-left:-10px; background:url(../images/bg_corner.png) no-repeat 0 -10px} .rb {margin-left:10px; background:url(../images/bg_corner.png) no-repeat 100% -20px; margin-bottom: 30px} .rb.titlebox {margin-bottom:10px} .lb {height:10px; margin-left:-10px; background:url(../images/bg_corner.png) no-repeat 0 -30px} /* Add to Favorite Icon */ .topic .favorite { position: absolute; top: 4px; left: 8px; } .topic .favorite a { background: url(../images/favorite.gif) no-repeat -20px 0; display: block; height: 20px; width: 20px; outline: none; } .topic .favorite a:hover { background: url(../images/favorite.gif) no-repeat 0 0; } .topic .favorite.active a { background: url(../images/favorite.gif) no-repeat 0 0; } .topic .favorite.fav-guest a { background: url(../images/favorite.gif) no-repeat -20px 0; cursor: default; } .topic .favorite.fav-guest a:hover { background: url(../images/favorite.gif) no-repeat -20px 0; cursor: default; } /* Actions */ .topic .action {display:inline; overflow: hidden} .topic .action li {display:inline; lfloat: left; margin-right: 3px; font-size:11px} .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; margin-left: 10px; 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 */ .topic .tags { background: url(../images/icon-tag.gif) no-repeat 0px 6px; padding-left: 13px; margin-bottom: 3px; clear: both; } .topic .tags li { display: inline; color: #777; } .topic .tags li a { text-decoration: none; color: #777; } .topic .tags li a:hover { background: #777; color: #fff; } /* Vote Block */ .topic .votingbox {margin: 0 -30px -5px -30px; background:url(../images/bg_voting.png) no-repeat 100% 0} .topic .voting {background:url(../images/bg_voting.png) no-repeat 0 -31px; overflow: hidden; padding-top:3px; padding-left:30px} .topic .voting li { float: left; color: #777; padding: 10px 0 5px 0; margin:0} .topic .voting li a { text-decoration: none; outline: none; } .topic .voting li a:hover { background: #777; color: #fff; } .topic .voting li.author { margin-right: 20px; color: #999; text-decoration: none; background:url(../images/bg_votinglist.gif) no-repeat 100% 50%; padding-right:21px} .topic .voting li.author a {display:block; font-weight: bold; font-size:12px; color:#000; background:url(../images/icons_voting.gif) no-repeat -4px -140px; padding:2px 0 3px 24px; text-decoration:underline} .topic .voting li.date { color: #7e7f7e; font-size: 12px; font-weight:bold; margin-right: 20px;background:url(../images/bg_votinglist.gif) no-repeat 100% 50%; padding-right: 21px;} .topic .voting li.date B {display:block; color: #7e7f7e; font-size: 12px; font-weight:bold; background:url(../images/icons_voting.gif) no-repeat -2px -70px; padding:2px 0 3px 26px} .topic .voting li.link { color: #999; font-size: 11px; margin-right: 20px; background:url(../images/bg_votinglist.gif) no-repeat 100% 50%; lpadding-right: 21px; padding:11px 21px 7px 0} .topic .voting li.link A {background:url(../images/link_url.gif) center left no-repeat; padding-left: 15px; color:#7e7f7e} .topic .voting li.plus { margin-right: 1px; padding:0 0 3px 0} .topic .voting li.total {font-weight:bold; font-size:12px; margin-right: 18px; color: #aaa; background:url(../images/bg_votinglist.gif) no-repeat 100% 50%; padding-right: 21px; } .topic .voting li.total a:hover, .topic .voting li.total a { background: #fff; color: #aaa; } .topic .voting li.minus { margin-right: 10px; padding:0 0 3px 0} .topic .voting li.plus a { background: url(../images/plus_minus.gif) no-repeat -27px 0; float: left; display: block; height: 16px; margin-top: 12px; text-decoration: none; width: 13px; } .topic .voting li.plus a:hover { background: url(../images/plus_minus.gif) no-repeat 0 0} .topic .voting li.minus a { background: url(../images/plus_minus.gif) no-repeat -41px 0; float: left; display: block; height: 16px; margin-top: 12px; text-decoration: none; width: 13px; } .topic .voting li.minus a:hover { background: url(../images/plus_minus.gif) no-repeat -14px 0 } .topic .voting.voted.minus li.plus a { cursor:default; background: url(../images/plus_minus.gif) no-repeat -27px 0; } .topic .voting.voted.minus li.minus a { cursor:default; background: url(../images/plus_minus.gif) no-repeat -14px 0; } .topic .voting.voted.plus li.minus a { cursor:default; background: url(../images/plus_minus.gif) no-repeat -41px 0; } .topic .voting.voted.plus li.plus a { cursor:default; background: url(../images/plus_minus.gif) no-repeat 0 0; } .topic .voting.plus li.plus a { background: url(../images/plus_minus.gif) no-repeatl 0 0; } .topic .voting.plus li.minus a:hover { background: url(../images/plus_minus.gif) no-repeat scroll -41px 0; } .topic .voting.minus li.minus a { background: url(../images/plus_minus.gif) no-repeat -14px 0; } .topic .voting.minus li.plus a:hover { background: url(../images/plus_minus.gif) no-repeat scroll -27px 0; } .topic .voting.guest li.plus a { background: url(../images/plus_minus.gif) no-repeat -27px 0; cursor: default; } .topic .voting.guest li.minus a { background: url(../images/plus_minus.gif) no-repeat -41px 0; cursor: default; } .topic .voting.positive .total { color: #390; } .topic .voting.negative .total { color: #f00; } .topic .voting li.comments-total { background:url(../images/bg_votinglist.gif) no-repeat 100% 50%; padding-right: 20px; } .topic .voting li.comments-total DIV {padding:1px 0 3px 0} .topic .voting li.comments-total a { font-size: 12px; font-weight:bold; background:url(../images/icons_voting.gif) no-repeat 0 -210px; padding:2px 0 3px 30px} .topic .voting li.comments-total a span { padding: 0 2px; } .topic .voting li.comments-total a span.green { color: #339900; } .topic .voting li.comments-total a span.red { color: #7e7f7e; } .topic .voting li.comments-total a:hover {background-color:#fff} .topic .voting li.comments-total a:hover span { /*color: #fff;*/ } .topic .voting li.comments-total a:hover span.red {/* background: #f00;*/ } /* Generic Style of Topic */ .topic .content { font-size: 12px; line-height: 20px; margin-bottom: 15px; font-family: Arial, sans-serif;} .topic .content.preview {padding:10px 18px} .topic .content img { margin: 5px; } .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 0; color: #555; } .topic .content blockquote { font: italic 14px/22px Georgia, Serif; padding: 5px 10px; margin-bottom: 15px; 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; } .topic .content A {color:#bf0000} .topic .content .more {font-weight:bold; color:#000; text-decoration: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: 20px; 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; text-align:center } #pagination ul li { display:inline; width:29px; height:29px; margin-right: 5px; font:bold 12px arial; text-align:center} #pagination ul li A {display:inline-block; width:29px; height:22px; padding-top:7px; color:#5d5d5d; text-decoration:none; background:url(../images/bg_pages.png) no-repeat 0 -40px} #pagination ul li B {display:inline-block; width:29px; height:25px; padding-top:4px; background:url(../images/bg_pages.png) no-repeat 0 0} #pagination ul li.active B {color:#fff; font-size:16px} #pagination.onpage { padding-left: 0px; } #pagination ul li.first A {background-position:0 -321px; margin-right:0} #pagination ul li.next A {background-position:100% -361px; margin-left:0} #pagination ul li.previous A {background-position:0 -160px} #pagination ul li.noprevious B {background-position:100% -80px; font-size:16px} #pagination ul li.nextpage A {background-position:0 -200px; margin-right:0} #pagination ul li.nonextpage B {background-position:100% -120px; margin-right:5px; font-size:16px} /* Block Nav -------------------------------------------------------------------*/ .block-nav { overflow: hidden; margin-bottom: 5px; lmargin-left:18px} #sidebar .block-nav {margin-left:18px} .block-nav li { font-size: 11px; line-height: 11px; float: left; background: url(../images/bg.gif) repeat-x scroll 0 -534px; padding: 0 !important; } .block-nav li a { color: #a2a2a2; text-decoration: none; outline: none; padding: 3px 0 7px 0; margin: 0 8px; display: block; float: left; } .block-nav li strong { float: left; display: block; width: 5px; height: 21px; margin-right: -5px; background: url(../images/bg.gif) no-repeat scroll -9px -555px; } .block-nav li em { float: left; display: block; width: 5px; height: 21px; margin-left: -5px; background: url(../images/bg.gif) no-repeat scroll -5px -555px; } .block-nav li.active strong { background: url(../images/bg.gif) no-repeat scroll 0 -555px; } .block-nav li.active em { background: url(../images/bg.gif) no-repeat scroll -14px -555px; } .block-nav li.active { background: #a44cde url(../images/bg.gif) repeat-x scroll 0 -513px; } .block-nav li.active a { color: #fff; background: url(../images/bg.gif) no-repeat scroll -19px -555px; } /* Sidebar -------------------------------------------------------------------*/ .block {line-height: 16px; margin-bottom:40px} .block h1 { font-family: Tahoma, Verdana, Sans-Serif; font-size: 20px; color: #333; padding-bottom: 5px; margin-bottom: 0; } .block .right { text-align: right; padding-top: 10px; font-size: 11px; } .block .tl { height: 19px; background: url(../images/sidebar-tl.gif) no-repeat top left; } .block .tr { height: 19px; background: url(../images/sidebar-tr.gif) no-repeat top right; } .block .bl { height: 19px; background: url(../images/sidebar-bl.gif) no-repeat bottom left; } .block .br { height: 19px; background: url(../images/sidebar-br.gif) no-repeat bottom right; } .block .cl { background: url(../images/sidebar-cl.gif) repeat-y left; } .block .cr { padding: 0px 25px; background: url(../images/sidebar-cr.gif) repeat-y right; } .tags .tl { height: 19px; background: url(../images/sidebar-tags-tl.gif) no-repeat top left; } .tags .tr { height: 19px; background: url(../images/sidebar-tags-tr.gif) no-repeat top right; } .tags .bl { height: 19px; background: url(../images/sidebar-tags-bl.gif) no-repeat bottom left; } .tags .br { height: 19px; background: url(../images/sidebar-tags-br.gif) no-repeat bottom right; } .tags .cl { background: url(../images/sidebar-tags-cl.gif) repeat-y left; } .tags .cr { padding: 0px 25px; background: url(../images/sidebar-tags-cr.gif) repeat-y right; } .block.navigation { font-size: 11px; color: #888; } .block.navigation ul li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .block.navigation ul li.last { border: 0; } .block.navigation .blog { color: #999; } .block.tags { } .block.tags ul.cloud {padding-left:21px} .block.tags ul.cloud li { display: inline; margin-right: 5px; line-height: 22px; } .block.tags ul.cloud li a { color: #8b8b8b; text-decoration: none; font-size: 18px; } .block.tags ul.cloud li a:hover { background: #777; color: #fff; } .block.tags ul.cloud li a.w1 { font-size: 11px; } .block.tags ul.cloud li a.w2 { font-size: 12px; } .block.tags ul.cloud li a.w3 { font-size: 14px; } .block.tags ul.cloud li a.w4 { font-size: 16px; } .block.tags ul.cloud li a.w5 { font-size: 18px; } .block.tags ul.cloud li a.w6 { font-size: 20px; } .block.tags ul.cloud li a.w7 { font-size: 22px; } .block.tags ul.cloud li a.w8 { font-size: 24px; } .block.tags ul.cloud li a.w9 { font-size: 26px; } .block.tags ul.cloud li a.w10 { font-size: 28px; } .blogs {border:1px solid #fff} .blogsinner {border:1px solid #e5e5e5; background:#fff url(../images/bg_block.gif) repeat-x 0 0} .blogs H1 {padding:10px 17px; font-size:16px; font-weight:bold; font-family:arial} .block.blogs ul.list {padding: 3px 27px; margin-top: 10px; } .block.blogs ul.list li { overflow: hidden; margin-bottom: 7px; } .block.blogs ul.list li a { padding-right: 50px; color: #020202; font-weight:bold; font-size:13px} .block.blogs ul.list li .total { float: right; width:44px; height:19px; padding-top:3px; font-weight: bold; background:#23b7da url(../images/bg_rating.png) no-repeat 0 -87px; text-align:center; color:#fff} .block.blogs ul.list li .position1 {background-position:0 0} .block.blogs ul.list li .position2 {background-position:0 -29px} .block.blogs ul.list li .position3 {background-position:0 -58px} .block.blogs ul.list li .position8 {background-position:0 -116px} .block.blogs ul.list li .position9 {background-position:0 -145px} .block.blogs ul.list li .position10 {background-position:0 -174px} .block.blogs ul.list li .up { background: url(../images/blog-rating-up.gif) no-repeat right 5px; } .block.blogs ul.list li .down { background: url(../images/blog-rating-down.gif) no-repeat right 5px; } .extralink {padding:20px 0 30px 27px; font-size:13px; font-weight:bold} .extralink A {color:#020202; text-decoration:none} .stream { border:1px solid #fff} .streaminner {border:1px solid #e5e5e5; background:#fff url(../images/bg_block.gif) repeat-x 0 0} .stream H1 {padding:10px 17px; font-size:16px; font-weight:bold; font-family:arial} .block.stream li { padding: 5px 27px; overflow: hidden;} .block.stream li.even {} .block.stream a.stream-author { color: #020202; font-weight: bold; text-decoration: none; } .block.stream .stream-topic-icon { background: url(../images/icons.gif) no-repeat scroll 2px -188px; padding-left: 14px; zoom: 1; } .block.stream a.stream-topic { color: #333; padding-right: 5px; } .block.stream .stream-comment-icon {display:none; background: url(../images/comment-list.gif) no-repeat 2px 4px; padding-left: 14px; zoom: 1; } .block.stream a.stream-comment { color: #767676; } .block.stream a.stream-blog { color: #bf0000; } .block.stream span { color: #66b746; } .block.white { background: #fff !important; margin:15px 10px 0 0} .block.white .tl { height: 19px; background: url(../images/sidebar-profile-tl.gif) no-repeat top left; } .block.white .tr { height: 19px; background: url(../images/sidebar-profile-tr.gif) no-repeat top right; } .block.white .bl { height: 19px; background: url(../images/sidebar-profile-bl.gif) no-repeat bottom left; } .block.white .br { height: 19px; background: url(../images/sidebar-profile-br.gif) no-repeat bottom right; } .block.white .cl { background: url(../images/sidebar-profile-cl.gif) repeat-y left; } .block.white .cr { padding: 0px 25px; background: url(../images/sidebar-profile-cr.gif) repeat-y right; } .block.nostyle { padding: 20px 25px; text-align:center} .block.options h3 { padding-bottom: 10px; } .block.options li { padding-bottom: 5px; } .block.actions li { color: #4ccc1b; padding-bottom: 3px; } .block.actions li.add { color: #4ccc1b; padding-bottom: 15px; } .block.actions li.add a { color: #4ccc1b; } .block.actions li.del { color: #dd0000; padding-bottom: 15px; } .block.actions li.del a { color: #dd0000; } .block.contacts {background-color:#fff; border:1px solid #fff; padding:0} .block.contacts strong { color: #999; } .block.contacts img { padding: 7px; border: 1px solid #ccc; } .block.contacts ul { margin-top: 5px; padding:0 0 10px 30px} .block.contacts ul li { padding: 3px 0 3px 25px; text-align:left} .block.contacts ul li.icq { background: url(../images/icons-contacts.gif) no-repeat scroll 0px 2px; } .block.contacts ul li.jabber { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -23px; } .block.contacts ul li.skype { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -47px;} .block.contacts ul li.lj { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -73px; } .block.contacts ul li.vk { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -99px;} .block.contacts ul li.email { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -122px; } .block.contacts ul li.liru { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -163px; } .block.contacts ul li.diary { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -187px; } .block.contacts ul li.mirtesen { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -213px; } .block.contacts ul li.phone { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -145px; } .block.contacts ul A {color:#000} .block.stat ul.users { font-size: 11px; color: #999; width: 150px; } .block.stat ul.users li { border-bottom: 1px solid #eee; padding-bottom: 2px; } .block.stat ul.users li.last { border-bottom: 0; } .block.stat .gender { overflow: hidden; } .block.stat .gender ul { font-size: 11px; color: #999; width: 150px; float: left; padding-top: 50px; } .block.stat .gender ul li { border-bottom: 1px solid #eee; padding-bottom: 2px; } .block.stat .gender ul li.last { border-bottom: 0; } .block.stat .gender ul li .mark { width: 8px; height: 8px; float: right; margin-top: 4px; margin-right: 2px; overflow: hidden; border: 1px solid #ddd; } .block.stat .chart { width: 160px; float: left; } .block.view ul li { padding-bottom: 2px; } .block.view ul li a { padding: 2px 4px; } .block.view ul li.active a { background: #eee; color: #333; font-weight: bold; text-decoration: none; } .block.view-blogs { margin-top: 77px; } .block.view-comments { margin-top: 98px; } /* Update Comments -------------------------------------------------------------------*/ .update { background: none repeat scroll 0 0; width: 42px; float: right; position: fixed; top: 220px; right: 0; text-align: center; } .update .tl { background:url(../images/bg_update.gif) no-repeat scroll 0 0; font-size: 1px; height: 9px; } .update .bl { background:url(../images/bg_update.gif) no-repeat scroll 0 bottom; font-size: 1px; height: 9px; } .update .wrapper { border-left: 1px solid #dddede; } .update .update-comments { cursor: pointer; vertical-align: top; } .update .refresh { background: #fafbfb; } .update .new-comments { border-top: 1px solid #ececed; color: #3cc600; padding-top: 7px; margin-top: 3px; cursor: pointer;} /* Comments -------------------------------------------------------------------*/ .comments A {color:#bf0000} .comments .comment { overflow: hidden; position: relative; zoom: 1; } .comments .comment .comment { padding-left: 30px} /* Header */ .comments .header { margin-bottom: 20px;} .comments .header h3 {color:#676767} .comments .header h3 .rsstitle {float:right; font-size:11px} .comments .header a.rss { margin-right: 20px; padding-left: 14px; background: url(../images/icons.gif) no-repeat scroll -70px -247px; color:#000} .comments .header .openclose A {color:#000} /* Comment Types */ .comments .comment .content { /*background: #f7f7f7;*/ margin-right:62px} /* 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; } */ /* Single Comment */ .comment .folding { width: 9px; height: 9px; float: left; position: relative; top: 17px; cursor: pointer; } .comment .folding-open { width: 9px; height: 9px; float: left; position: relative; top: 17px; cursor: pointer; } .comment .folding.off { display: none; } .comment .content { margin: 0 50px 0px 0; 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 {padding: 5px 0 10px 0; overflow: hidden; zoom: 1; line-height:20px} /* Vote Block */ .comment .voting { width: 52px; height: 55px; position: absolute; right: 0; top: 8px; z-index: 100; overflow: hidden; background:none} .comment .voting a.plus { width: 24px; height: 24px; display: block; float:left;overflow: hidden; background: url(../images/bg_voting2.png) no-repeat 0 0} .comment .voting a.minus { width: 24px; height: 24px; display: block; float:right; overflow: hidden; background: url(../images/bg_voting2.png) no-repeat -29px 0} .comment .voting .total {text-align:center; padding-bottom:10px; font-weight:bold; font-size:15px} .comment .voting a.plus:hover { background: url(../images/bg_voting2.png) no-repeat 0 0 } .comment .voting a.minus:hover { background: url(../images/bg_voting2.png) no-repeat -29px 0 } .comment .voting.positive .total { color: #390; } .comment .voting.negative .total { color: #f00; } .comment .voting.guest a.plus { width: 24px; height: 24px; display: block; float:left; overflow: hidden; background: url(../images/bg_voting2.png) no-repeat 0 0 } .comment .voting.guest a.minus { width: 24px; height: 24px; display: block; overflow: hidden; background: url(../images/bg_voting2.png) no-repeat -29px 0} .comment .voting.plus a.plus { width: 24px; height: 24px; display: block; float:left; overflow: hidden; background: url(../images/bg_voting2.png) no-repeat 0 0 } .comment .voting.minus a.minus { width: 24px; height: 24px; display: block; overflow: hidden; background: url(../images/bg_voting2.png) no-repeat -29px 0} .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 {background: url(../images/bg_voting2.png) no-repeat 0 0 } .comment .voting.plus a.minus:hover {background: url(../images/bg_voting2.png) no-repeat -29px 0 } /* Avatar */ .avatarbox {float:left; width:50px; height:50px; margin:0 10px 0 5px} .avatarbox img.avatar {width:50px; height:50px} /* Info Block */ .comment .info { font-size: 12px; line-height: 14px; margin-left: 14px; padding-bottom:14px; margin-bottom: 11px; overflow: hidden; zoom: 1; border-bottom:1px solid #f4f4f4} .comment .info p {font-size: 12px; padding-bottom:5px} .comment .info p a.author { font-size: 13px; font-weight: bold; color: #000; text-decoration: underline; } .comment .info p a.author:hover { color: #555; } .comment .info p .date {background-color:#f6f6f6; color: #676767; font-size: 11px; margin-left: 10px; padding:3px 10px} .comment .info ul li { float: left; font-size: 10px; margin-right: 10px; color:#b5b5b5} .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 a.link {color:#b5b5b5; font-size:11px} .comment .info a.link:hover {} .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; font-size:12px} .comment .info a.delete { color: #f00; font-size:12px; margin-right:5px} .comment .info a.reply-link {color:#bf0000; font-weight:bold; font-size:12px; margin-right:5px} .comment .comment-topic { font-size: 12px; color: #999; padding-bottom: 8px; padding-left: 2px; } .comment .comment-topic a { font-weight: bold; color:#bf0000} .comment .comment-topic a.comment-blog { color: #999; font-size:11px} .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.top { padding-left: 0; } .comments.top .comment .content, .comments.top .comment .info { margin-left: 0; } .comments.top .voting { top: 28px; } .comments.top .comment .info .avatar {vertical-align:middle} .comments.top .comment .info .author {color:#000; font-size:13px; font-weight:bold} .comments.top .comment .info .date {font-size:10px; color:#999; margin-left:8px} .comments.top .comment .text {border:solid #dddede; border-width:0 1px; padding:0 10px} .reply-title {} .reply-title A {color:#c00303} .reply { padding: 0 50px 10px 0; } .reply textarea { width: 100%; height: 70px; } /* 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; *top: 1px; 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; zoom: 1; } .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; background:none} .profile-blog .voting .clear { clear: both; color: #676767; text-align: center; font-size:11px; font-weight:bold} .profile-blog .voting .count { position: absolute; top: 46px; left: 69%; color: #676767; font-size:11px } .profile-blog .voting .text { position: absolute; top: 46px; right: 33%; color: #676767; font-size:11px} .profile-blog .voting .plus { float: left; margin-right: 5px; } .profile-blog .voting .total { float: left; margin-right: 5px; font-size:24px; padding: 5px 0 } .profile-blog .voting .minus { float: left; margin-right: 0; } .profile-blog .voting a.plus { background: url(../images/bg_voting2.png) no-repeat scroll 0 0; float: left; display: block; height: 24px; margin-top: 2px; text-decoration: none; width: 24px; } .profile-blog .voting a.plus:hover { background: url(../images/bg_voting2.png) no-repeat scroll 0 0 } .profile-blog .voting a.minus { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; float: left; display: block; height: 24px; margin-top: 2px; text-decoration: none; width: 24px; } .profile-blog .voting a.minus:hover { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; } .profile-blog .voting.plus a.plus { background: url(../images/bg_voting2.png) no-repeat scroll 0 0; } .profile-blog .voting.minus a.minus { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; } .profile-blog .voting.guest a.plus { background: url(../images/bg_voting2.png) no-repeat scroll 0 0; cursor: default; } .profile-blog .voting.guest a.minus { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; cursor: default; } .profile-blog .voting.positive .total { color: #4cad13; } .profile-blog .voting.negative .total { color: #b70000; } .profile-blog .voting.voted a.plus { cursor: default; } .profile-blog .voting.voted a.minus { cursor: default; } .profile-blog .voting.voted.plus a.minus { cursor: default; background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; } .profile-blog .voting.voted.minus a.plus { cursor: default; background: url(../images/bg_voting2.png) no-repeat scroll 0 0; } .profile-blog .voting.voted.plus a.minus:hover { cursor: default; background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; } .profile-blog .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/bg_voting2.png) no-repeat scroll 0 0; } .profile-blog .about {clear: both; width:100%} .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 0; color: #666; overflow: hidden; width:100%} .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; width:100%} .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: 10px 0 10px 18px } .profile-user A {color:#000} .profile-user .voting { float: right; font-size: 10px; position: relative; top: -5px; background:url(../images/bg_friendlinks_li.gif) no-repeat 100% 5px; padding-right:20px; margin-right:5px; padding-top:0} .profile-user .voting .clear { clear: both; color: #676767; text-align: center; font-size:11px; font-weight:bold} .profile-user .voting .count { position: absolute; top: 46px; left: 69%; color: #676767; font-size:11px } .profile-user .voting .text { position: absolute; top: 46px; right: 33%; color: #676767; font-size:11px } .profile-user .voting .plus { float: left; margin-right: 5px; } .profile-user .voting .total { float: left; margin-right: 5px; font-size:24px; padding: 5px 0; } .profile-user .voting .minus { float: left; margin-right: 0; } .profile-user .voting a.plus { background: url(../images/bg_voting2.png) no-repeat scroll 0 0; float: left; display: block; height: 24px; margin-top: 2px; text-decoration: none; width: 24px; } .profile-user .voting a.plus :hover { background: url(../images/bg_voting2.png) no-repeat scroll 0 0 } .profile-user .voting a.minus { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; float: left; display: block; height: 24px; margin-top: 2px; text-decoration: none; width: 24px; } .profile-user .voting a.minus:hover { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; } .profile-user .voting.plus a.plus { background: url(../images/bg_voting2.png) no-repeat scroll 0 0 } .profile-user .voting.minus a.minus { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; } .profile-user .voting.guest a.plus { background: url(../images/bg_voting2.png) no-repeat scroll 0 0 ; cursor: default; } .profile-user .voting.guest a.minus { background: url(../images/bg_voting2.png) no-repeat scroll -29px 0; cursor: default; } .profile-user .voting.positive .total { color:#4cad13} .profile-user .voting.negative .total { color:#b70000} .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/bg_voting2.png) no-repeat scroll -29px 0; } .profile-user .voting.voted.minus a.plus:hover { cursor: default; background: url(../images/bg_voting2.png) no-repeat scroll 0 0; } .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: #676767; font-size:11px; font-weight:bold} .profile-user .strength .total { float: left; color: #fff; padding: 3px 2px; font-size:24px; background:#1fb3da url(../images/bg_strength.gif) repeat-x 0 0; border:1px solid #1ab1d9} .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; } .friendlinks LI {float:left; font-size:10px;} .friendlinks .del, .friendlinks .add {background:url(../images/bg_friendlinks_li.gif) no-repeat 100% 0; padding-right:20px} .friendlinks .write {padding-left:19px} .friendlinks LI A {display:block; color:#b3b3b3; text-decoration:none; background-image:url(../images/bg_friendlinks.png); background-repeat: no-repeat; padding-top:25px} .friendlinks .del A {background-position:50% -80px} .friendlinks .add A {background-position:50% -36px} .friendlinks .write A {background-position:50% 6px} .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 -------------------------------------------------------------------*/ .white-back .people {padding:10px 0 10px 18px} .people .block-nav { margin-bottom: 20px; } .people h1 span { color: #6a6a6a; } .people table { width: 100%; margin-bottom: 20px; } .people table thead TD {border:1px solid #c177e7; background:#c177e7 url(../images/bg_top-blogs.png) repeat-x 0 0; color:#fff; font-weight: bold; padding: 4px 10px; font-size:12px} .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; _height: 1%; } .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: #fff; font-weight: bold; text-align: center; } .people table tbody td.strength strong { background: #1ab1d9; color: #fff; padding: 5px 10px; } .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 { color: #4cad13; padding: 5px 10px; } .people.top-blogs thead TD {border:1px solid #c177e7; background:#c177e7 url(../images/bg_top-blogs.png) repeat-x 0 0; color:#fff} .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, td.posts, .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/icon_user.gif) no-repeat scroll 0 2px; 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; zoom: 1; } .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 -------------------------------------------------------------------*/ .top { margin-bottom: 0 } .top h1 span { color: #6ec80d; } .top .block-nav { margin-bottom: 5px; } .top-topics .topic { padding-left: 0 !important; } /* Footer -------------------------------------------------------------------*/ #footer .footerinner {height:218px; background:url(../images/bg_footer.png) no-repeat 100% 100%; font-size:12px; color:#000} #footer A {color:#bf0000} #footer .right { float: right; padding:140px 575px 0 0} #footer .left {float:left; padding:140px 0 0 20px} .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 { position: absolute; top: 200px; left: 50%; width: 400px; margin-left: -200px; 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 A {color:#bf0000} .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; zoom: 1; } .lite-note a { float: right; font-size: 11px; } .lite-note BUTTON {background:#fff; border:1px solid #e5e5e5} .lite-note BUTTON SPAN, .lite-note BUTTON SPAN EM {background:none; color:#646464; font:bold 14px Arial, Helvetica, sans-serif} .lite-note BUTTON SPAN EM {height:auto; padding-top:7px} .login-popup { z-index: 100; width: 492px; color:#2b757d } .login-popup .input-text { width: 402px; padding: 4px 5px; } .login-popup .content { background: #fff url(../images/login-popup-bg.png) no-repeat 0 0; padding: 15px 40px; } .login-popup .login-popup-top { height: 14px; background: url(../images/login-popup-top.png) no-repeat 0 100%; width: 492px; position: relative; } .login-popup .login-popup-bottom { height: 14px; background: url(../images/login-popup-bottom.png) no-repeat; width: 492px; } .login-popup .close-block { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../images/close-block.gif) no-repeat 0 0; } .login-popup A {color:#75a2a7} .login-popup H3 {color:#2b757d} .upload-image p { margin-bottom: 5px; } .upload-image label { color: #aaa; } .upload-video p { margin-bottom: 5px; } .upload-video label { color: #aaa; } .tags-input { width: 400px; font-size: 14px; padding: 4px 0; border: 1px solid #d7d7d7; color:#777777; font-style: italic;} /* 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 {border:1px solid #c177e7; background:#c177e7 url(../images/bg_top-blogs.png) repeat-x 0 0; color:#fff; font-weight: bold; padding: 4px 10px; font-size:12px} .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 td { /* IE: */ border-left: expression(previousSibling == null ? 'solid #B0C1D3 1px' : 'inherit'); } table.admin_page img {margin: 0px !important;;} div.groups div.block-content {margin-left:15px;margin-bottom:15px;vertical-align:top;} div.groups h1 {font-family:arial;font-size:16px;font-weight:bold;margin-left:15px;}