body { margin: 0; padding: 0; font-size: 1em; font-family: Arial, sans-serif; background: transparent url("../images/background.png") repeat 0 0; color: #444; width: 100%; } body * { margin: 0; padding: 0; font-size: 1em; font-family: Arial, sans-serif; outline: none; } #wrap { width: 909px; margin: 0 auto; } .content hr { display: none; } #usersstat .hoverwrap .shade { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; } /**********************************Global**************************************/ .eventgroup .clear-img { display: none; } .clear-img, .clear { clear: both; height: 1px; float: none !important; display: block; font-size: 0; } a { color: #1e77af; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } .fleft { float: left; } .fright { float: right; } .bold { font-weight: bold; } .center { text-align: center !important; } .border-none { border: none !important; } .margin-none { margin-left: 18px !important; } .qote { font-style: italic; } .content-block ul, .content-block ol { font-size: 0.8em; } .content-block ul ul, .content-block ol ol, .content-block ul ol, .content-block ol ul { font-size: 1em; } .content-block ol { list-style: decimal; } .content-block h1 { font-size: 1.1em; text-align: left; margin-bottom: 10px; } .content-block h1 span { color: #444; } .content-block h3 { margin: 5px 0; font-size: 0.8em; } .content-block p { font-size: 0.8em; margin: 3px 0; } div.content-block table { border-collapse: collapse; font-size: 0.8em; } div.content-block table td { border-bottom :1px dashed #DDDDDD; padding: 4px 8px; } div.content-block table th { padding: 4px 22px 4px 4px; text-align: left; background: #dddddd; border: 1px solid #fff; } div.content-block table.sortable th { padding: 8px 4px !important; } div.content-block td p { font-size: 1em !important; }/******************Brad crumbs****************/ p.crumbs, p.brad-crumbs { margin: 0 0 15px 0 !important; } p.crumbs a, p.brad-crumbs a { font-weight: bold; } #users-block h1, #usersstat h1 { margin-bottom: 0 !important; } #reminder-form p { float: left; } #button-link { padding: 1px 0; cursor: pointer; } .talk h1 { margin-left: 0 !important; } .italic { font-style: italic; } p.talk-text { padding: 4px 8px; border: 1px dashed #a2a2a2; } a.down { background: transparent url("../images/document_down.gif") no-repeat scroll left top; padding: 2px 0 2px 22px; } a.extlink { background: transparent url("../images/extlink.gif") no-repeat scroll right 50%; padding: 8px 10px 2px 0; } ul.list li { list-style: square; margin-left: 30px; } span.red { color: red; font-weight: bold; } /*****************************************************************************/ div.content-block .left-col { width: 45%; float: left; } div.content-block .right-col { width: 45%; float: right; } /*********************************Top/user-panel***************************************/ #top {width:100%; height:64px; background:transparent url("../images/user-panel-bg.png") repeat-x scroll 0 bottom; margin:0 0 5px; padding:0;} #top div {width:909px; margin: 0 auto; padding: 3px 0 0 0;} #top div#user-panel {padding:0;} #top div p.tools a {padding-top: 14px;} #top div p.tools a.message {background: transparent url("../images/new-red.png") no-repeat scroll right 0; padding-right: 22px;} #top div p.tools a.message sup {color:#62BD19;} #top form {float:right;} #top form p {float:left;} #top p.tools {font-size:1.3em; margin:0 0 0 84px;} #top p.tools sup { vertical-align: baseline !important; position: relative; left: 2px; top: -0.8em; font-size: 0.7em; font-weight: bold; text-shadow: none; } #top div p a {color: #f8f8f8 !important;font-weight: bold; text-decoration: none; letter-spacing: 1px; font-size: 0.8em; float: left; } #top div p span { float: left; margin-top: 7px; } #top div p a#exit, #top div p a.remid-a { color: #62bd19 !important; margin-left: 4px; font-size: 0.7em; } #top div p a#write { text-transform: uppercase; } #top div p a#people-button { color: #ff9d1b !important; margin: 0 15px; } #top div p a#nic-name { text-transform: capitalize; } #top div p a#profile-edit { float: left; clear: both; } #top div p a sup.hidd { color: #000; } #top div p a sup { font-size: 0.6em; margin: 0 2px; } #user-av img { float: left; margin: 1px 15px 0 0; } #top .search { background: url("/social/images/input-bg.png") no-repeat scroll 0 0 #FFFFFF; height: 28px; float: right; margin-top: 9px; padding-top: 4px; width: 220px; } #top input { font-size: 1.1em; padding: 3px 0 2px 0; background: #fff; border: none; height: 21px; color: #000; float: left; width: 150px; } #top div.registration input { width: 137px; } #top .search input.button { height: 25px; width: 58px; font-weight: bold; cursor: pointer; padding: 0 0 2px 0; } #top p.registration-block { float: left; margin: 14px 0 0 0; } #top p.registration-block a { font-size: 1.1em; margin-right: 10px; } #top div p a.remid-a { margin-top: 5px; } #top .registration { background: url("/social/images/input-bg.png") no-repeat scroll 0 0 #FFFFFF; height: 28px; padding-top:4px; width: 337px; float: right; margin-top: 9px; } #top .registration button { height: 25px; width: 58px; font-weight: bold; cursor: pointer; padding: 0 0 2px 0; border: none; background: none; } /**********************************Logo********************************************/ #logo { margin-top: 8px; } #logo img { border: none; float: left; margin-top: 0; } #jaba-block { float: right; background: transparent url("../images/jabs-inner-bg.gif") repeat-x 0 -5px; } /***************************Navigation*****************************************/ #navigation ul { float: left; position: relative; padding: 10px 0 5px 0; width: 909px; z-index: 10; } #navigation li { float: left; margin: 0 8px; list-style: none; } #navigation li.first { margin-left: 34px; } #navigation li.last { margin-right: 0; } #navigation li.hover a, #navigation li:hover a { color: #FF9E1C; } #navigation ul li a { color: #000; text-transform: uppercase; text-decoration: none; } #navigation ul li a.active { color: #FF9E1C; font-weight: bold; } ul li a.cur { cursor: default; } ul li a:hover.cur { text-decoration: none !important; } #navigation ul li ul { display: none; position: absolute; z-index: 2000; margin: 0; padding: 3px 0 0 0; width: 175px; top: 28px; } #navigation li.hover ul a, #navigation li:hover ul a { color: #fff; } #navigation ul li ul#b { left: 173px; } #navigation ul li ul#c { left: 320px; } #navigation ul li ul li { margin: 0; float: left; clear: both; font-size: 0.8em; padding-bottom: 1px; background: #fff; width: 190px; } #navigation ul li ul li a { color: #fff; background: #FF9E1C; text-transform: none !important; display: block; padding: 2px 5px; } #navigation ul li ul li a:hover { color: #FF9E1C; background: #333; } #navigation li:hover ul, #navigation li.hover ul { display: block; } /*****************************Middle*******************************************/ #midle, #inter-block { float: left; width: 100%; } #content-top { width: 100%; height: 21px; background: transparent url("../images/top-content.png") no-repeat 0 0; } #content-bottom { width: 100%; height: 54px; float: left; background: transparent url("../images/bottom-content.png") no-repeat 0 0; } #content-middle { background: transparent url("../images/bg-midle.png") repeat-y scroll 0 0; float: left; width: 100%; } .inner-content { background: transparent url("../images/bg-midle.png") repeat-y scroll 0 0; float: left; width: 100%; } #banners-spec-projects { float:right !important; width:195px !important; } #banners-spec-projects img#pobeda { border:1px dotted #CCCCCC; padding:12px; } #banners-spec-projects img#train { border:1px dotted #CCCCCC; padding:12px; width:170px; } #banners-spec-projects img { margin-bottom:10px; } .partners { float: left; margin-top: 20px; } .partners h1 { font-weight: normal; } .partners img { margin-right: 60px; margin-left:25px; } /********************************Digest**********************************************/ #digest-block { margin: -42px 0 0 0; padding-top: 8px; float: left; } #digest-block-top { height: 54px; width: 100%; float: left; background: transparent url("../images/footer.png") no-repeat 0 top; } #digest-block-bottom { height: 10px; width: 100%; float: left; background: transparent url("../images/footer.png") no-repeat 0 bottom; margin-top: -1px; } #digest-block-middle { float: left; width: 909px; background: transparent url("../images/bg-midle.png") repeat-y 0 0; } .content-block-digest { padding: 25px; } #digest-block ul li { list-style: none; } #digest-block-middle #digest-block-content div { float: left; } #digest-block-middle div h1 { color: #333; font-size: 0.9em; font-weight: bold; text-align: right; margin: 10px 0 10px 0; text-transform: uppercase; } #digest-block-middle div ul { font-size: 0.7em; } #digest-block-content { padding: 0 25px; } /*********************color h1**************************/ #digest-block-middle h1 a { text-decoration: none; } #digest-block-middle div.social-block h1 { border-bottom: 1px dotted #FF9E1C;} #digest-block-middle .ego-block h1 { border-bottom: 1px dotted #EC4446; } #digest-block-middle .jaba-block h1 { border-bottom: 1px dotted #00a686; } #digest-block-middle strong.social, #digest-block-middle div.social-block h1 a { color: #FF9E1C !important; } #digest-block-middle .ego-block h1 a { color: #EC4446 !important; } #digest-block-middle strong.point, #digest-block-middle .jaba-block h1 a { color: #00a686 !important; } /*******************width block*************************/ #digest-block-middle div.jaba-block { width: 290px; } #digest-block-middle div.social-block { width: 290px; margin: 0 70px; } #digest-block-middle .ego-block { width: 130px; } /******************ul margin****************************/ #digest-block-middle ul.fleft { margin-right: 30px; } #digest-block-middle ul { width: 130px; } /******************decoration title*********************/ #digest-block-middle div ul li { padding-bottom: 2px; padding-left: 1px; margin-bottom: 3px; } #digest-block-middle div ul li a { color: #444; text-decoration: none; } #digest-block-middle div ul li a:hover { text-decoration: underline; } /************************contact-block********************/ #digest-block-middle .contact-block { margin: 87px 0 0 0px !important; font-size: 1.1em; } #digest-block-middle .contact-block ul { width: 138px;} #digest-block-middle .contact-block ul li a { color: #1E77AF !important; text-decoration: underline; } #digest-block-middle .contact-block ul li a:hover { text-decoration: none; } #digest-block-middle .contact-block li#feedback-link { background: url(../images/feedback-link.gif) no-repeat scroll left top; padding: 18px 0 5px 36px; } #digest-block-middle .contact-block li#contacts-link { background: url(../images/contact-link.gif) no-repeat scroll 0 -8px; padding: 0px 5px 5px 36px; } /**************************Footer**********************************************/ #footer p { text-align: center; color: #00A686; padding: 10px 0; font-size: 0.7em; } /******************************************************************************/ /* 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; } .topic { position: relative; overflow: hidden; } .topic h1.title { margin: 24px 0 8px 0; } .content-block .topic .content { font-size: 0.8em; margin-bottom: 4px; } .content-block .topic .content p { font-size: 1em; } .voting a { outline: none; } .topics, div.list { float:left; width:65%; margin-top: 25px; } .topics .topic { margin-bottom: 24px; } .realname {text-transform: capitalize;} h2.realname {color: #333 !important; padding: 8px 16px 16px; text-shadow: 1px 1px 2px rgba(0,0,0,0.4);} div.author {float: left; padding: 5px 0 5px 5px;} div.author a.avatar img { width: 48px; height: 48px;} div.author a.avatar {width:48px; float: left;} div.author div {float: left;} div.author div a.nickname {text-decoration: none; display:block;} div.author span.author {color: #333 !important; padding-left: 16px; font-weight: bold !important; font-size: 1em; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);} div.author span.author sup { vertical-align: baseline !important; position: relative; left: 2px; top: -0.8em; font-size: 0.6em; color: #66B746; font-weight: bold; text-shadow: none;} div.author a.mail img { width: 16px; height: 16px; clear: both;} div.author div ul {padding-top: 6px;} div.author div ul li {float:left; padding-left: 16px;} #sidebar { width: 32%; float: right; margin-left: 1%; border-left: 1px dashed #a2a2a2; padding: 16px 0 0 12px; } #personal-navigation {float: left; padding-left:16px; width: 50%;} .menu { font-size: 1em !important; width: 100%; float: left;} .menu li { float: left; padding: 8px 8px 0 0; } .menu li a sup { vertical-align: baseline !important; position: relative; left: 2px; top: -0.8em; font-size: 0.6em; color: #66B746; text-shadow: none; font-weight: bold;} .menu li a { text-decoration: none; color: #1E77AF;} .menu li.active a, .menu li a:hover { text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } /* Sub-navigation of Blog */ .sub-menu { width: 100%; float:left;} .sub-menu li { float: left; padding: 4px 8px 0 0; font-size: 0.9em } .sub-menu li a sup { vertical-align: baseline !important; position: relative; left: 2px; top: -0.6em; font-size: 0.9em; color: #66B746; padding: 2px; text-shadow: none; font-weight: bold; } .sub-menu li img {float: left;} .sub-menu li form { width: 400px; float:left;} .sub-menu li a { color: #1E77AF !important; text-decoration: none; } .sub-menu li.active a, .sub-menu li a:hover { text-shadow: 1px 1px 2px rgba(0,0,0,0.3); color: #1E77AF !important; } .tags-input { width: 75%; font-size: 16px; background:url("../images/cloud-24.png") no-repeat scroll 1px -2px #FFF; padding: 0 1px 1px 24px; border: 1px solid #ccc; color: #555; } /*input.tags-input { width: 500px; }*/ /* Generic Blocks -------------------------------------------------------------------*/ /*#container { min-width: 900px; } #header { height: 80px; clear: both; overflow: hidden; zoom: 1; background: #000 url(../images/header-bg.gif) repeat-x; } #nav { clear: both; background: #e8e8e8; } #wrapper { overflow: hidden; zoom: 1; margin-bottom: 30px; padding: 20px 46px 30px 20px; } #content { width: 67%; background: #fff; float: left; clear: left; padding-top: 20px; padding-bottom: 20px; zoom: 1; } #footer { clear: both; background: url(../images/footer-bg.gif) repeat-x; padding: 20px 40px; color: #999; overflow: hidden; } .update-hide { padding: 20px 16px 30px 20px !important; } .white-back { background: #fff; margin: 0 20px 30px 20px; padding-bottom: 15px ; padding-left: 20px; } .white-back #content { clear: none; padding-top: 0; } .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 h1 { float: left; padding-top: 25px; padding-left: 25px; } #header h1 a { color: #77d115; text-decoration: none; font: normal 20px Arial, Sans-Serif; } #header h1 a strong { color: #fff; } /* Main Navigation */ /* #header .nav-main { overflow: hidden; float: left; padding-top: 31px; padding-left: 40px; } #header .nav-main li { float: left; font-size: 15px; margin-right: 15px; } #header .nav-main li a { color: #bebebe; } #header .nav-main li.active { position: relative; top: -5px; } #header .nav-main li.active a { color: #fff; font-size: 24px; line-height: 24px; text-decoration: none; } */ /* Profile */ #sidebar-profile { width: 225px; float: right; padding-left: 15px; display: inline; border-left: 1px dashed #ddd; } #sidebar-profile .block.white { width: 232px; } #sidebar-profile img { margin-left: 8px; } #sidebar-profile ul, #sidebar-profile p { margin-left: 8px; } .profile { float: right; padding-top: 15px; padding-right: 23px; } .profile a.avatar { display: block; width: 48px; height: 48px; float: right; } .profile a.avatar img { width: 48px; height: 48px; } .profile ul { float: right; font-size: 11px; padding-right: 7px; margin-top: -2px; color: #afafaf; } .profile ul li { text-align: right; line-height: 17px !important; } .profile ul li a { color: #afafaf; text-decoration: none; } .profile ul li a.author { color: #fff; text-decoration: underline; } .profile ul li a.message { background: url(../images/icons.gif) no-repeat scroll right -17px; color:#ffea00; margin-right: 5px; padding-right: 18px; } .profile ul li a.message-empty { background: url(../images/icons.gif) no-repeat scroll right 3px; color:#ffea00; margin-right: 5px; padding-right: 18px; } .profile ul li a:hover { color: #ddd; } .profile.guest { width: 235px; text-align: left; padding-top: 27px; padding-right: 0; color: #ddd; } .profile.guest a { font-size: 18px; color: #fafafa; outline: none; line-height: 20px; } .profile.guest a.reg { font-size: 12px; } /* Navigation -------------------------------------------------------------------*/ /*#nav { height: 92px; background: #e9eaea url(../images/bg.gif) repeat-x scroll 0 -81px; overflow: hidden; zoom: 1; } #nav .left { background: url(../images/bg.gif) no-repeat scroll 0 -173px; float: left; height: 92px; width: 20px; } #nav .right { float: right; background: url(../images/bg.gif) no-repeat scroll right -265px; height: 92px; width: 20px; } #nav .write { float: left; padding-top: 45px; width: 110px; } /* Search *//* #nav .search { width: 214px; float: right; padding-top: 43px; padding-right: 3px; } #nav .search form { width: 214px; position: relative; } #nav .search input { border: 0; margin: 0; position: absolute; } #nav .search .text { width: 170px; padding: 5px 0 6px 15px; font: normal 12px Verdana, Sans-Serif; color: #777; background: url(../images/search-left.gif) no-repeat; } #nav .search .button { width: 29px; height: 25px; top: 0px; right: 0px; background: url(../images/search-button.gif) no-repeat; } /* 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 h1.title { margin-bottom: 5px; } /* Add to Favorite Icon */ .topic .favorite { width: 48px; height: 48px; float: left; padding-left: 6px;} .topic .favorite a { background: url(../images/jaba48s.png) no-repeat 0 0; display: block; height: 48px; width: 48px; outline: none; } .topic .favorite a:hover { background: url(../images/jaba48s.png) no-repeat 0 -48px; } .topic .favorite.active a { background: url(../images/jaba48s.png) no-repeat 0 0; } .topic .favorite.active a:hover { background: url(../images/jaba48s.png) no-repeat 0 -96px; } .topic .favorite.fav-guest a { background: url(../images/jaba48s.png) no-repeat 0 -144px; cursor: default; } .topic .favorite.fav-guest a:hover { background: url(../images/jaba48s.png) no-repeat 0 -144px; cursor: default; } .topic div.sign>ul {float: left; } .topic div.sign>ul.comments.add {width: 32px; padding: 0 6px 0 6px !important; margin:0;} .topic div.sign>ul.comments.add li.total { width: 32px; height: 48px; font-size: 11px; background: url(../images/comment.png) no-repeat 0 -2px;} .topic div.sign>ul.comments.add li.total a { text-decoration: none; display:block; text-align:center;width:32px; height:40px; padding: 4px 2px; } .topic div.sign>ul.comments.add li.total a span { } .topic div.sign>ul.comments.add li.total a span.green { color: #390; } .topic div.sign>ul.comments.add li.total a span.red { color: #f00; } /* Actions */ .topic div.sign {padding: 20px 0;} .topic div.sign>ul li.date {color: #999999; font-size: 11px; padding-left: 18px;} .topic div.sign div.author {padding:0; } .topic div.sign>ul li a.author {padding-left: 18px;} .topic div.sign>ul li a.author.ban {color: red;} .topic div.sign>ul li a.author.invisible {color: #999;} .topic div.sign>ul li a.author.offline {color: #555;} .topic div.sign>ul li a.author.online {color: #1e77af;} /* Vote Block */ .topic .voting { background: url(../images/bg.gif) repeat-x scroll 0 -576px; padding:2px 16px; overflow: hidden; } .topic .voting li { float: left; color: #777; } .topic .voting li a { outline: none; } .topic .voting a.author { margin-right: 10px; padding-left: 18px; } .topic .voting a.author.ban {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px -48px;} .topic .voting a.author.invisible {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px 0px;} .topic .voting a.author.offline { color: #555; background: url("../images/im-user.png") no-repeat scroll 0px -16px;} .topic .voting a.author.online { color: #1e77af; background: url("../images/im-user.png") no-repeat scroll 0px -32px;} .topic .voting li.date { color: #999; font-size: 11px; padding-right: 20px; } .topic .voting li.link { color: #999; font-size: 11px; margin-right: 20px; background:url(../images/link_url.gif) center left no-repeat;padding-left: 15px;} .topic .voting li.plus { margin-right: 5px; } .topic .voting li.total { margin-right: 5px; color: #aaa; font-weight: bold;} .topic .voting li.total a:hover, .topic .voting li.total a { background: #fff; color: #aaa; text-decoration: none;} .topic .voting li.minus { margin-right: 20px; } .topic .voting li.plus a {background:url("../images/voting.png") no-repeat scroll 0 0;float:left;display:block;margin-top:1px;height:16px;width:16px;} .topic .voting li.minus a {background:url("../images/voting.png") no-repeat scroll -16px 0;float:left;display:block;margin-top:1px;height:16px;width:16px;} .topic .voting li.plus a:hover {background:url("../images/voting.png") no-repeat scroll -32px 0;} .topic .voting li.minus a:hover {background:url("../images/voting.png") no-repeat scroll -48px 0;} .topic .voting.voted li.plus a {cursor:default;background:url("../images/voting.png") no-repeat scroll 0 0;} .topic .voting.voted li.minus a {cursor:default;background:url("../images/voting.png") no-repeat scroll -16px 0;} .topic .voting.plus li.plus a {background: url("../images/voting.png") no-repeat scroll -32px 0;} .topic .voting.minus li.minus a {background: url("../images/voting.png") no-repeat scroll -48px 0;} .topic .voting.guest li.plus a {cursor:default;background: url("../images/voting.png") no-repeat scroll 0 0;} .topic .voting.guest li.minus a {cursor:default;background: url("../images/voting.png") no-repeat scroll -16px 0;} .topic .voting.positive .total {color: #390 !important;} .topic .voting.negative .total {color: #f00 !important;} .topic .voting.minus li.plus a:hover {background:url("../images/voting.png") no-repeat scroll 0 0;} .topic .voting.plus li.minus a:hover {background:url("../images/voting.png") no-repeat scroll -16px 0;} /* Actions */ .active .action li a { background-color: transparent !important; font-weight: normal !important; } .action { overflow: hidden; margin: 10px 0 20px 0 !important; clear: both; } .action li { float: left; margin-right: 3px; clear: none !important; margin: 0 !important; } .action li a { color: #aaa; outline: none; } .action li.rss a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -70px -250px; margin-top: 2px; margin-right: 5px; } .action li.plus a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll -30px -250px; margin-top: 5px; } .action li.plus a:hover { background: url(../images/icons.gif) no-repeat scroll -40px -250px; } .action li.join a { display: block; height: 10px; width: 10px; background: url(../images/icons.gif) no-repeat scroll 0 -250px; margin-top: 2px; } .action li.join a:hover { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .action li.join-active a { background: url(../images/icons.gif) no-repeat scroll -10px -250px; } .active .action li.add a, .action li.add a { background: url(../images/add-icon.png) no-repeat 0 1px; padding-left: 15px !important; margin-right: 10px; text-decoration: none; font-size: 11px; color: #70aae0; } .active .action li.edit a, .action li.edit a { background: url(../images/edit.png) no-repeat 0 0; padding: 2px 0 2px 18px !important; margin-right: 10px; text-decoration: none; font-size: 11px; color: #70aae0; } .active .action li.delete a, .action li.delete a { background: url(../images/delete.png) no-repeat 0 0 !important; padding: 1px 0 2px 18px !important; margin-left: 5px; text-decoration: none; font-size: 11px; color: #f00; } .action li a:hover { text-decoration: underline; background-color: transparent !important; } /* Tags of Topic */ .topic .tags { background: url(../images/icon-tag.gif) no-repeat 0px 16px; padding: 12px 0 0 16px; 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; } /* Generic Style of Topic */ .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 { clear: both; font-style: italic; padding: 5px 10px; background: #ffffff; border: 1px solid #ddd;} /* 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; padding: 4px 0 5px 0; } #pagination ul li.active { font-weight: bold; } #pagination ul li.active { background: url(../images/pagination-bg.gif) no-repeat top right; padding: 3px 6px 2px 3px; border-left: 1px solid #eee; } #pagination.onpage { padding-left: 0px; } /* Block Nav*/ .block-nav {overflow: hidden; margin-right: 5px;} .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: 6px 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 { background: #81da5e url(../images/bg.gif) repeat-x 0 -513px !important; } .block-nav li.active strong { background: url(../images/bg.gif) no-repeat 0 -555px !important; } .block-nav li.active em { background: url(../images/bg.gif) no-repeat -14px -555px !important; } .block-nav li.active a { color: #fff; background: url(../images/bg.gif) no-repeat -19px -555px !important; } /* Sidebar -------------------------------------------------------------------*/ #sidebar .block { background: #fdfefe; line-height: 16px; margin-bottom: 25px; float: left; width: 100%; display: inline; } div.block h1 { color: #333; padding-bottom: 8px; margin-bottom: 0; font-size: 12px; text-transform: uppercase; } .block .right { text-align: right; padding-top: 5px; font-size: 11px;} div.block.friends ul li {display:block; width: 100%; height: 48px; padding: 4px 0;} div.block.friends ul li a.avatar img { width: 48px; height: 48px;} div.block.friends ul li a.avatar {width:48px; float: left;} div.block.friends ul li div { height:48px;width: 100%; margin-right: -48px; float: left; } div.block.friends ul li div a.nickname {text-decoration: none; color: #333 !important; padding-left: 16px; font-weight: bold !important; font-size: 1em; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);} div.block.friends ul li div a.nickname sup { vertical-align: baseline !important; position: relative; left: 2px; top: -0.8em; font-size: 0.6em; color: #66B746; font-weight: bold; text-shadow: none;} div.block.friends ul li div h3 {padding-left: 16px; font-size: 10px; margin:0 !important;} div.block.friends ul li.even { background: none repeat scroll 0 0 #F8F8F8; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; } #sidebar .right a { color: #1E77AF; font-size: 1em !important; } /* .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 { background: #f7f8f9; }*/ .block.tags ul.cloud { text-align: center; } .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: 12px; } .block.tags ul.cloud li a.w2 { font-size: 13px; } .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; line-height: 31px; } .block.tags ul.cloud { margin: 0; } .content-block .block.tags ul.cloud { padding: 1.4em 1.4em 1.4em 0 } .block.blogs ul.list { border-top: 1px solid #eee; padding-top: 3px; margin-top: 10px; } .block.blogs ul.list li { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; margin-left: 0 !important; } .block.blogs ul.list li a { padding-right: 50px; color: #777; } .block.blogs ul.list li a.stream-author { padding-right: 20px !important; } .block.blogs ul.list li .total { float: right; font-weight: bold; padding-right: 13px; } .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; } .block.stream { font-size: 14px; color: #999; } .block.stream li { padding: 5px 5px; overflow: hidden;} .block.stream li.even { background: #f8f8f8; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .block.stream a.stream-author { color: #999; font-weight: bold; background: url(../images/im-user.png) no-repeat scroll 0px 0px; padding: 1px 0px 1px 18px; } .block.stream a.author {font-weight:bold; padding:1px 0px 1px 18px;} .block.stream a.author.ban {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px -48px;} .block.stream a.author.invisible {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px 0px;} .block.stream a.author.offline { color: #555; background: url("../images/im-user.png") no-repeat scroll 0px -16px;} .block.stream a.author.online { color: #1e77af; background: url("../images/im-user.png") no-repeat scroll 0px -32px;} .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; font-weight: bold;} .block.stream a.stream-topic:visited {font-weight: normal;} .block.stream a.topic { color: #333; font-weight: bold;} .block.stream a.topic:visited {font-weight: normal;} .block.stream .stream-comment-icon { background: url(../images/comment-list.gif) no-repeat 2px 4px; padding-left: 14px; zoom: 1; } .block.stream a.stream-comment {color: #333; font-weight: bold;} .block.stream a.stream-comment:visited {font-weight: normal;} .block.stream a.comment {color: #333; font-weight: bold;} .block.stream a.comment:visited {font-weight: normal;} .block.stream a.stream-blog { color: #999; } .block.stream sup {color:#66b746; font-weight:bold;} .block.white { background: #fff !important; float: left; clear: both; margin-bottom: 10px; } .block.white .tl { height: 19px; background: url(../images/sidebar-profile-tl.gif) no-repeat top left; width: 232px; } .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; float: left; width: 232px; } .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; width: 232px; float: left; } .block.white .cr { padding: 0px 25px; background: url(../images/sidebar-profile-cr.gif) repeat-y right; width: 182px; float: left; } .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 strong { color: #999; } .block.contacts img { padding: 7px; border: 1px solid #ccc; } .block.contacts ul { margin-top: 5px; } .block.contacts ul li { padding: 3px 0 3px 25px; } .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; margin-bottom: 10px; } .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; margin-bottom: 10px; } .block.contacts ul li.email { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -122px; } .block.contacts ul li.phone { background: url(../images/icons-contacts.gif) no-repeat scroll 0px -145px; } .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; margin-left: 35px; height: 210px; } .block.stat .gender ul { font-size: 11px; color: #999; width: 150px; float: left; } .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; margin: 10px 0 30px 0; } .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; background: #fafbfb; } .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; background: #fafbfb; } /* Comments -------------------------------------------------------------------*/ .comments { padding-left: 15px; } .comments .comment { overflow: hidden; position: relative; zoom: 1; } .comments .comment .comment { padding-left: 30px; } /* 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: #f7f7f7; } /* 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; } /* 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 19px; 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: 5px 25px 5px 10px; overflow: hidden; zoom: 1; } .comment .content .text p { font-size: 1em; } /* Vote Block */ .comment .voting {background-color:#F7F7F7;width:32px;height:62px;position:absolute;right:9px;top:0px;z-index:100;overflow:hidden;padding:0; border:1px solid #DDDDDD; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} .comment .voting a.plus {width:16px;height:16px;display:block;overflow:hidden;position:absolute;left:8px;top:4px; background:url("../images/voting.png") no-repeat scroll 0px 0px;} .comment .voting a.minus {width:16px;height:16px;display:block;overflow:hidden;position:absolute;left:8px;top:42px;background:url("../images/voting.png") no-repeat scroll -16px 0px;} .comment .voting .total {position:absolute;width:32px;top:24px;font-size:0.9em;text-align:center;font-weight:bold;} .comment .voting a.plus:hover {background: url("../images/voting.png") no-repeat scroll -32px 0px;} .comment .voting a.minus:hover {background: url("../images/voting.png") no-repeat scroll -48px 0px;} .comment .voting.positive .total {color: #390;} .comment .voting.negative .total {color: #f00;} .comment .voting.guest a.plus {background:url("../images/voting.png") no-repeat scroll 0px 0px;} .comment .voting.guest a.minus {background:url("../images/voting.png") no-repeat scroll -16px 0px;} .comment .voting.plus a.plus {background:url("../images/voting.png") no-repeat scroll -32px 0px;} .comment .voting.minus a.minus {background:url("../images/voting.png") no-repeat scroll -48px 0px;} .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/voting.png") no-repeat scroll 0px 0px; } .comment .voting.plus a.minus:hover {background: url("../images/voting.png") no-repeat scroll -16px 0px; } /* Info Block */ .comment .info { font-size: 11px; line-height: 14px; margin-left: 14px; margin-bottom: 25px; overflow: hidden; zoom: 1; } .comment .info p { font-size: 10px; } .comment .info p a.author { font-size: 11px; font-weight: bold; } .comment .info p a.author.ban {color: #999;} .comment .info p a.author.invisible {color: #999;} .comment .info p a.author.offline { color: #555;} .comment .info p a.author.online { color: #1e77af;} .comment .info img.avatar { float: left; margin: 3px 7px 0 0; margin: 2px 7px 0 0; } .comment .info ul li { float: left; font-size: 10px; margin-right: 10px; } .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 -10px -230px; } .comment .info a.link:hover { background: url(../images/icons.gif) no-repeat scroll 0px -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: 0.8em; color: #999; padding-bottom: 5px; 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 .comment .content, .comments.padding-none .comment .info { margin-left: 0; } .comments.padding-none .voting { top: 28px; border: none; background-color:transparent;} .reply-title { margin-left: 10px; } .reply { padding: 0 50px 10px 10px; } .reply textarea { /* width: 772px !important; */ width: 100% !important; height: 70px; margin-bottom: 15px; } .reply textarea.loader { background: #F7F7F7 url(../images/loader.gif) no-repeat center;} .reply div.panel_form { width: 100%; border-right: 2px solid #EAECEA; } /* 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: 1.2em; width: 50px; } .poll li dl dt span { font-size: 12px; color: #333; } .poll li dl dd { float: left; font-style: normal !important; font-size: 1.2em; 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; font-size: 1.2em; } .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; color: #FF9E1C; } .profile-blog h1.title a.title-link span { border-bottom: 1px dashed #FF9E1C; } .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: 0; 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: -1px; } .profile-blog .voting .clear, #profile-block .voting .cleara, #profile-block .strength .cleara{ clear: both; color: #aaa; height: auto !important; text-align: center; } .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; border: 1px solid #dadada; } .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 -------------------------------------------------------------------*/ #raiting {float:right; width:110px; height: 58px; padding-right: 8px;} #raiting .voting { float: right; font-size: 10px; position: relative; padding: 15px 0 12px; width: 110px; } /*#raiting .voting .cleara { clear: both; color: #aaa; text-align: left; }*/ #raiting .voting .count { position: absolute; top: 42px; left: 60%; color: #aaa; } #raiting .voting .text { position: absolute; top: 42px; right: 42%; color: #aaa; } #raiting .voting .plus { float: left; margin-right: 5px; } #raiting .voting .total { float: left; margin-right: 5px; color: #FFF !important; padding: 5px 10px; font-size: 14px; } #raiting .voting .minus { float: left; margin-right: 0; } #raiting .voting a.plus {background:url("../images/voting.png") no-repeat scroll 0 0;float:left;display:block;height:16px;margin-top:5px;text-decoration:none;width:16px;} #raiting .voting a.minus {background:url("../images/voting.png") no-repeat scroll -16px 0;float:left;display:block;height:16px;margin-top:5px;text-decoration:none;width:16px; } #raiting .voting a.plus:hover {background:url("../images/voting.png") no-repeat scroll -32px 0;} #raiting .voting a.minus:hover {background:url("../images/voting.png") no-repeat scroll -48px 0;} #raiting .voting.plus a.plus {background:url("../images/voting.png") no-repeat scroll -32px 0; } #raiting .voting.minus a.minus {background:url("../images/voting.png") no-repeat scroll -48px 0; } #raiting .voting.guest a.plus {background:url("../images/voting.png") no-repeat scroll 0 0; cursor: default; } #raiting .voting.guest a.minus {background:url("../images/voting.png") no-repeat scroll -16px 0; cursor: default; } #raiting .voting.positive .total { background: #68bf46; } #raiting .voting.negative .total { background: #ff3b3c; } #raiting .voting.voted a.plus { cursor: default; } #raiting .voting.voted a.minus { cursor: default; } #raiting .voting.voted.plus a.minus:hover { cursor: default; background: url("../images/voting.png") no-repeat scroll -16px 0; } #raiting .voting.voted.minus a.plus:hover { cursor: default; background: url("../images/voting.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: #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; color: #444 !important; 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: 18px; margin: 2px 0 5px 0; color: #333; } .profile-user .name p.realname { font-size: 11px; margin: 0 0 5px 0; } div.list ul {width: 100%; padding-top: 0;} div.list ul li { display: block; width: 130px; height: 188px; float: left; margin: 4px; background-color: #EEE; box-shadow: 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); } div.list.requests ul.actions li {height: 244px;} div.list.waiting ul.actions li {height: 216px;} div.list.friends ul.actions li {height: 216px;} div.list ul.actions li a.add { box-shadow: inset 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.4); -khtml-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4); border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; background: url(../images/list-add-user.png) no-repeat 4px 2px #FFF !important; padding: 4px 4px 4px 22px !important; margin: 6px 14px 4px 14px; text-decoration: none; font-size: 11px; color: #68BF46; font-weight: bold; } div.list ul.actions li a.delete { box-shadow: inset 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.4); -khtml-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4); border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; background: url(../images/list-remove-user.png) no-repeat 4px 2px #FFF !important; padding: 4px 4px 4px 22px !important; margin: 6px 14px 4px 14px; text-decoration: none; font-size: 11px; color: #f00; font-weight: bold;} div.list ul li a.nickname {color:#333; text-decoration: none; font-weight: bold; padding: 4px 0 4px 0; overflow: hidden; white-space: nowrap;} div.list ul li a.nickname sup { color: #66B746; vertical-align: baseline !important; position: relative; left: 2px; top: -0.8em; font-size: 0.7em; font-weight: bold; text-shadow: none;} div.list ul li a { display: block; margin: 4px 15px;} div.list ul li h3 {text-align:center; padding: 0 4px; color: #333 !important; font-size: 0.9em; width:122px; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); overflow: hidden;} #profile-block {float:left; width:560px;} #profile-block td { vertical-align: top; } #profile-block td.var { color: #999; font-weight: bold; width: 120px; padding: 0 0 5px; } #profile-block td.friends { color: #999; } #profile-block td.friends a.author {font-weight:bold; padding:0px 0px 0px 18px;} #profile-block td.friends a.author.ban {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px -48px;} #profile-block td.friends a.author.invisible {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px 0px;} #profile-block td.friends a.author.offline { color: #555; background: url("../images/im-user.png") no-repeat scroll 0px -16px;} #profile-block td.friends a.author.online { color: #1e77af; background: url("../images/im-user.png") no-repeat scroll 0px -32px;} /* People & Top -------------------------------------------------------------------*/ .people .block-nav { margin-bottom: 20px; } .people h1 span { color: #444; } .people table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 0.7em; } .people table thead td { background: #f0f1f1; font-weight: bold; padding: 5px 0; border: none !important; } .people table thead td.user { padding-left: 10px; } .people table thead td.strength, .people table thead td.rating { width: 60px; text-align: center; } .people table thead td.date { width: 130px; 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: #056BD4; 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: #FF9E1C; 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 -------------------------------------------------------------------*/ div.topic.top { margin: 0 -24px 0px -24px; height:74px; } div.topic.top>div { margin: 8px 0; width:100%; background-color: #EEE; box-shadow: 0 0 8px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.4); -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4); height:58px; } .topic.top h1 span { color: #6ec80d; } .topic.top .block-nav { margin-top: 17px; float:right; } .top-topics .topic { padding-left: 0 !important; } .profile-user #sidebar ul li { margin: 0 0 5px 0; } .people { width: 65%; } .statistic-bar #sidebar { width: 220px; padding-left: 16px; } .lsCmtTree_visible{display:block;} .lsCmtTree_hidden{display:none;} /* Footer/* -------------------------------------------------------------------*//* #footer .right { float: right; } /* 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.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; } .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; } /* 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 !important;} /***************************************Edit Profile****************************/ #profileset .tabSet li { float: left; } #profileset .tabSet li a { background: #ccc; color:#545454; float:left; font-family:arial ; font-size:10pt ; font-weight:bold; height:24px ; line-height:26px; padding:2px 12px 0 8px ; text-decoration:none ; cursor:pointer; margin-right:5px; } #profileset .tabSet li a:hover { background:orange; color:black; } #profileset .panel{ background:none repeat scroll 0 0 #FFFFFF; position: relative; border:1px solid #CCCCCC; padding:10px; } #avatarfileimgfield-fake, #userphotofileimgfield-fake{ opacity:0 !important; } #avatar48{ margin-left:5px; } #avatarimageuploadbtn{ float:left; } #profile-set .form_note { background:#FFF7C0 none repeat scroll 0 0; font-size:0.9em; padding:2px; } #profile-set p { margin: 15px 0; } #profileset label { font-weight: bold; display: block; margin: 0 0 1px 0; } #profile-set input#profile_lastname, #profile-set input#profile_surname, #profile-set input#profile_name, #profile-set input#mail, #profile-set input#profile_country, #profile-set input#profile_city, #profile-set input#profile_icq, #profile-set input#profile_site, #profile-set input#profile_site_name { width: 300px; } input#vol_phone_number { width: 200px; } /*************************Note****************************************/ #profile-set input#profile_lastname, #profile-set input#profile_surname, #profile-set input#profile_name, #profile-set input#mail, #profile-set input#profile_country, #profile-set input#profile_city, #profile-set input#profile_icq, #profile-set input#profile_site, #profile-set input#profile_site_name, #vol_status, #vol_whant_can, #vol_phone_code, #vol_phone_number, #volunteereditblock input[type="radio"], #volunteereditblock select { margin-bottom: 6px; } /***********************************************************************/ textarea#profile_about, textarea#vol_whant_can { width: 600px; height: 200px; } label.inline-label { display: inline !important; font-weight: normal; font-size: 0.8em; } .register strong, .lite-center strong { color: #FF9E1C; } .register label, .lite-center label { font-size: 1.2em; float: left; width: 10em; text-align: right; padding-right: 16px; } label.input-checkbox { text-align: left; } .register input#agree { width: 16px; float: left; margin-right: 4px; border: none; } .register label.agree-label { text-align: left; width: 800px; padding-right: 0; border: none; font-size: 1em; } button { cursor: pointer; } .register input, .lite-center input { width: 220px; font-size: 1em; padding: 2px; border: 1px solid #cccccc; float: left; margin-right: 16px; } #captcha-text { float: none !important; } p.note { font-style: italic; } p a.reminder { float: left; margin: 10px 0 10px 285px; } .register span { font-size: 0.8em; margin-top: 2px; } #button-avtoriz { margin-top: 20px; font-size: 1.2em; } .input-checkbox input { width: 16px; height: 16px; margin: 2px 10px 0 0; } #system_messages_error { margin: 0 0 20px 0; background:#F0C8C8 none repeat scroll 0 0; border:1px solid #FF8181; color:#B22626; margin-bottom:15px; padding:15px; } #system_messages_error ul { margin: 0 !important; } #system_messages_error ul li { list-style: none; margin: 5px 0 !important; } #system_messages_error ul li strong, #system_messages_error ul li b { font-size: 1em; color: red; } /***********************************************************************************************************/ .topic.edit p { margin: 10px 0; } .topic.edit label {padding: 4px 0;font-weight: bold;font-size: 1.1em;} .topic.edit input { margin-bottom: 4px; } .topic.edit input#topic_title, .topic.edit input#topic_tags {width: 550px;padding: 2px;} .topic.edit div.panel_form { float: left; width: 558px; } .topic.edit textarea#topic_text {width: 546px;height: 200px;padding: 4px;} .topic.edit .form_note { background: #fff7c0; padding: 2px; font-size: 0.9em; } .volunteer-organisations-list li { margin-bottom: 10px; } .comments {margin: 20px 0;float: left;width:99%} .comments input { font-size: 0.7em; } ul.d-a {margin: 15px 0; font-style: italic;} ul.publick-list {padding: 20px 0;} ul.publick-list li {float: left;} ul.publick-list li.date {color: #999999; font-size: 11px; padding-right: 20px;} ul.publick-list a.author {margin-right: 10px; padding-left: 18px;} ul.publick-list a.author.ban {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px -48px;} ul.publick-list a.author.invisible {color: #999; background: url("../images/im-user.png") no-repeat scroll 0px 0px;} ul.publick-list a.author.offline { color: #555; background: url("../images/im-user.png") no-repeat scroll 0px -16px;} ul.publick-list a.author.online { color: #1e77af; background: url("../images/im-user.png") no-repeat scroll 0px -32px;} ul.publick-list li.author a {font-weight: bold; color: #999; outline: medium none;} .special-info { width: 100%; } .special-info td a { display: block; width: 170px !important; } .special-info td a img { width: 170px !important; } /*******************************************************************************/ .roar-error-body { position: absolute; font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #fff; text-align: left; z-index: 999; } .roar-error { position: absolute; width: 300px; cursor: pointer; /* background-color: #f00;*/ } .roar-error-bg { position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: #f00; -moz-border-radius: 10px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .roar-error-body-ugly .roar-error { background-color: #bf0000; } .roar-error-body-ugly .roar-error-bg { display: none; } .roar-error h3 { position: relative; padding: 15px 10px 0; margin: 0; border: 0; font-size: 15px; color: #fff; z-index: 1002; } .roar-error p { position: relative; padding: 10px 10px 15px; margin: 0; font-size: 12px; color: #fff; z-index: 1002; } /* алерт */ .roar-notice-body { position: absolute; font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #fff; text-align: left; z-index: 999; } .roar-notice { position: absolute; width: 300px; cursor: pointer; } .roar-notice-bg { position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; background-color: #399f2f; -moz-border-radius: 10px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .roar-notice-body-ugly .roar-notice { background-color: #399f2f; } .roar-notice-body-ugly .roar-notice-bg { display: none; } .roar-notice h3 { position: relative; padding: 15px 10px 0; margin: 0; border: 0; font-size: 15px; color: #fff; z-index: 1002; } .roar-notice p { position: relative; padding: 10px 10px 15px; margin: 0; font-size: 12px; color: #fff; z-index: 1002; } /***********************************TALK ADD***********************************/ #talk-form p { margin: 10px 0; } #talk-form p label { float: left; width: 7em; text-align: right; padding-right: 12px; font-weight: bold;} #talk-form #talk_users { width: 200px; } #talk-form #talk_title { width: 400px; } #talk-form textarea { width: 404px; height: 200px; } #talk-form input.button { font-size: 1.4em; margin-bottom: 10px; margin-left: 400px; } #talk-form span.input-note { font-size:0.8em; padding-left: 10px; margin-top:2px; } #form_talks_list table { width: 850px; } div.talk-table table thead td { background: #F0F1F1;padding: 5px 5px 5px 10px; font-weight: bold; border-bottom: none; } .talk-table td.name a.author { background:transparent url(../images/icons.gif) no-repeat scroll 0 -108px; color:#999999; font-weight:bold; line-height:18px; padding-left:12px; } .talk-table td.name { overflow:hidden; } .talk-table table tbody td { border-bottom:1px solid #DDDDDD; color:#999999; font-size:11px; padding:7px 0 7px 10px; } #form_talks_list input[type="submit"] { margin-top: 20px; } /*********************************Static*********************************************/ .info-static p, .vol-in-rus p { margin: 10px 0; } .info-static ol, .vol-in-rus ol { margin-left: 20px; } .info-static ol li, .vol-in-rus ol li { margin: 10px 0; } strong.social { color: #FF9E1C; } strong.ego { color: #EC4446; } strong.change { color: #85C12E; } strong.point { color: #00A686; } div.big-font { font-size:1.2em; padding:0 45px; } div.big-font h1 { font-size: 1.8em; text-align: center; font-weight: normal; } span.point { font-size: 2em; color: #00A686; } textarea#vol_experience { width: 600px; height: 200px; margin-bottom: 20px; } #vol_iam { margin-left: 5px; } .statistic-bar #sidebar { margin-top: -60px; } /******************************************************************************/ /* ТРАНСЛЯЦИЯ НА ГЛАВНОЙ ЖАБЕ */ /******************************************************************************/ .translationblock{ /* float:left;*/ width:364px; margin:20px 20px 0 0; } #translationego h3{ color:#EC4446; } #translationsocial h3{ color:#FF9E1C; } #translationself h3{ color:#00A686; } /******************************************************************************/ span.image-event { float:left; margin:0 10px 5px 0; overflow:hidden; position:relative; } .eventgroup span.image-event { margin: 0 0 5px 0; } span.image-event span { position:absolute; width:100%; } span.image-event span.top { background:transparent url(../images/top.png) no-repeat scroll 0 0; height:2px; left:0; top:0; } span.image-event span.top-left { background: transparent url(../images/top.png) no-repeat scroll left top; height: 2px; left: 0; top: 0; width: 4px; } span.image-event span.top-right { background: transparent url(../images/top.png) no-repeat scroll right top; height: 2px; right: 0; top: 0; width: 4px; } span.image-event span.image { border-top: 1px solid #CBCBCB; border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; float:left; overflow:hidden; position:static; width:auto; } span.image-event a { border:1px solid #FFFFFF; float:left; } span.image-event span.bottom { background: #fff url(../images/bottom.png) no-repeat scroll 0 0; bottom:0; height:7px; left:0; } span.image-event span.bottom-left { background: #fff url(../images/bottom.png) no-repeat scroll left top; bottom: 0; left: 0; height: 7px; width: 100%; } span.image-event span.bottom-right { background: #fff url(../images/bottom.png) no-repeat scroll right top; bottom: 0; height:7px; right:0; width: 48px; z-index:10; } /************************************************************/ /* SORTABLE TABLES */ /************************************************************/ table.sortable th.active{ color:#ff9e1c; background:#333333; } /************************************************************/ /* FORMS */ /************************************************************/ input.large{ font-size:3em; } input.number{ font-family:impact; letter-spacing:0 } input.bolder{ font-weight:bolder; } .w100p{ width:100%; } .w90p{ width:90%; } .w70p{ width:70%; } .w50p{ width:50%; } .w30p{ width:30%; } /************************************************************/ /* PERSON INFO */ /************************************************************/ #person-info h2{ margin-top:0em; margin-bottom:1em; } #person-info div#volunteer-info{ margin-left:40px; margin-top:-40px; } #text_preview { margin-top: 40px; } .event-comment-header { border-top: 1px dotted #a3a3a3; } .event-comment-header div.header { margin-left: 264px !important; } form.upload_content_form span.form_note strong { font-size: 1.3em; color: #AF2F15; } /***********************************************************/ /* Questionary */ /***********************************************************/ #questionary-form label { display:block; font-weight:bold; margin:0 0 1px; } #questionary-form p { margin:15px 0; } #questionary-form input#volunteer_surname, #questionary-form input#volunteer_name, #questionary-form input#volunteer_lastname, #questionary-form input#volunteer_educational_organization_name, #questionary-form input#volunteer_email, #questionary-form input#volunteer_postal_code, #questionary-form input#volunteer_postal_street_name, #questionary-form input#volunteer_сonstant_federalsubjects, #questionary-form input#volunteer_сonstant_district, #questionary-form input#volunteer_сonstant_locality { width:300px; } #questionary-form input#volunteer_postal_house_number, #questionary-form input#volunteer_postal_case_number, #questionary-form input#volunteer_postal_room_number { width: 50px; } #questionary-form h4 { color:#666666; margin-top:40px; } #questionary-form .fleft { margin-right: 10px; margin-top: 2px; } #questionary-form input#volunteer_phone_country { width: 50px; } #questionary-form input#volunteer_phone_city { width: 100px; } #questionary-form input#volunteer_phone_number { width: 200px; } #questionary-form textarea { width: 99%; /* height: 200px; */ } .bigtext{ font-size:12pt !important; font-weight:bolder; } .bigtext2{ font-size:10pt !important; font-weight:bolder; } #questionary-form h2{ font-size:16pt;font-weight:bolder; }