/* ===== forum Start ===== */ /* General forum Table View */ .forumContent, .forumContent td {font-size: 10px;color: #6c5d52;} .forumContent a, .forumContent td a {color: #18191b;} .gTable {background: none;border-spacing: 2px;} .gTable td {background: url(/.s/t/786/29.jpg);color: #6c5d52;padding: 5px 7px;font-size: 11px;font-style: normal;} .forumContent .gTable td {background: url(/.s/t/786/30.png);} .gTable td a {color: #6c5d52;} .forumContent td.gTableTop {font: 12px/20px 'Verdana';background: url(/.s/t/786/31.png);box-shadow: inset 1px 1px 1px #807e7e;text-transform: uppercase;color: #6c5d52 !important;padding: 0 20px 0 50px;} td.gTableTop a {font: 12px/20px 'Verdana';color: #6c5d52;text-decoration: none;} td.gTableTop a:hover {text-decoration: underline;} .forumContent td.gTableSubTop, .forumContent td.postTdTop {background: url(/.s/t/786/32.png);font: 10px/20px 'Verdana';color: #6c5d52;padding: 0 10px;} td.gTableSubTop a, td.postTdTop a {color: #6c5d52;} .gTableBody {} .gTableBody1 {} .gTableBottom {} .gTableLeft {} .gTableRight {} .gTableError {} /* ------------------------ */ /* Forums Styles */ .forumNameTd,.forumLastPostTd {} .forumIcoTd,.forumThreadTd,.forumPostTd {} .forumLastPostTd,.forumArchive {} a.catLink:link {} a.catLink:visited {} a.catLink:hover {} a.catLink:active {} .lastPostGuest,.lastPostUser,.threadAuthor {} .archivedForum{} /* ------------- */ /* forum Titles & other */ .forum {font-weight: bold;} .forumDescr,.forumModer {font-size: 10px;} .forumViewed {} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {} /* -------------------- */ /* forum Navigation Bar */ .forumNamesBar {} .forumBarKw {} a.forumBarA:link {} a.forumBarA:visited {} a.forumBarA:hover {} a.forumBarA:active {} /* -------------------- */ /* forum Fast Navigation Blocks */ .fastNav,.fastSearch,.fastLoginForm {} /* ---------------------------- */ /* forum Fast Navigation Menu */ .fastNavMain {} .fastNavCat {} .fastNavCatA {} .fastNavForumA {} /* -------------------------- */ /* forum Page switches */ .switches {} td.pagesInfo, td.switch, td.switchActive {background: #ffffff; padding-left: 5px; padding-right: 5px;} td.switch, td.switchActive { background: url(/.s/t/786/31.png); color: #6c5d52;} td.switch a {color: #6c5d52;} .switch {} .switchActive {} a.switchDigit:link,a.switchBack:link,a.switchNext:link {} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {} a.switchDigit:active,a.switchBack:active,a.switchNext:active {} /* ------------------- */ /* forum Threads Style */ .threadLink {font-weight: bold;} .threadNametd,.threadAuthTd,.threadLastPostTd {} .threadIcoTd,.threadPostTd,.threadViewTd {} .threadLastPostTd {} .threadDescr {} .threadNoticeLink {} .threadsType {} .threadsDetails {} .forumOnlineBar {} a.threadPinnedLink:link {} a.threadPinnedLink:visited {} a.threadPinnedLink:hover {} a.threadPinnedLink:active {} a.threadLink:link {} a.threadLink:visited {} a.threadLink:hover {} a.threadLink:active {} .postpSwithces {} .thDescr {} .threadFrmBlock {} /* ------------------- */ /* forum Posts View */ .postTable {} .postPoll {} .postPoll td {border: 0 !important;} .postFirst {border: 0 !important;} .postRest1 {border: 0 !important;} .postRest2 {border: 0 !important;} .postSeparator {} .postTdTop {} .postBottom {} .postBottom td {border: 0;padding: 0 5px !important;} .postBottom img {vertical-align: middle;} .postUser {} .postTdInfo {text-align: center;} .postRankName {} .postRankIco {} .reputation {} .signatureHr {} .posttdMessage {text-align: justify;padding: 8px !important;line-height: 18px;} .pollQuestion {} .pollButtons,.pollTotal {} .pollSubmitBut,.pollreSultsBut {} .pollSubmit {} .pollEnd {} .codeMessage {} .quoteMessage {} .signatureView {} .edited {} .editedBy {} .statusBlock {} .statusOnline {} .statusOffline {} /* ------------------ */ /* forum AllInOne Fast Add */ .newThreadBlock {} .newPollBlock {} .newThreadItem {} .newPollItem {} /* ----------------------- */ /* forum Post Form */ .pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {} .codeButtons {} .codeCloseAll {} .postNameFl,.postDescrFl {} .postPollFl,.postQuestionFl {} .postResultFl {} .postAnswerFl {} .postTextFl {} .postUserFl {} .pollHelp {} .smilesPart td {border: 0 !important;} /* ----------------- */ /* ====== forum End ====== */ /*---Рейтинг---*/ .rating { width: 75px; height: 17px; font-size: 0.9em; } .unit-rating { list-style: none; margin: 0; padding: 0; width: 75px; height: 17px; position: relative; background: url("../images/rating.gif") repeat-x; } .unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; } .unit-rating li a { display: block; width: 15px; height: 17px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0; } .unit-rating li a:hover { background: url("../images/rating.gif") 0 -17px; z-index: 2; left: 0; } .unit-rating a.r1-unit {left: 0;} .unit-rating a.r1-unit:hover {width:15px;} .unit-rating a.r2-unit {left: 15px;} .unit-rating a.r2-unit:hover {width: 30px;} .unit-rating a.r3-unit {left: 30px;} .unit-rating a.r3-unit:hover {width: 45px;} .unit-rating a.r4-unit {left: 45px;} .unit-rating a.r4-unit:hover {width: 60px;} .unit-rating a.r5-unit {left: 60px;} .unit-rating a.r5-unit:hover {width: 75px;} .unit-rating li.current-rating { background: url("../images/rating.gif") 0 -34px; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1; } /*---BB коды---*/ /* различие bbcodes и bbcodes_poll исключительно в длине кнопки */ /* класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений*/ .bbcodes, .bbcodes_poll { background: #fff url(../images/style/btn.gif) repeat-x; text-shadow: 1px 1px 1px #0c2f37; border: none; font: 12px/11px Calibri, Arial, Helvetica, sans-serif; font-style: oblique; color: #FFF; padding: 2px 9px 3px 9px; margin-bottom: 2px !important; height: 23px; font-weight: bold; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 0 1px 5px -1px black; -webkit-box-shadow: 0 1px 5px -1px black; box-shadow: 0 1px 5px -1px black; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .bbcodes:hover, .bbcodes_poll:hover { background-position: 0 -23px; text-shadow: 1px 1px 1px #5a2500; color: #fff9e2; } .bbcodes_poll { width: 100px; } .editor { background: #fff; } .editor input[type="text"] { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; } .base .editor { padding: 5px; } .editorcomm .editor { width: 96% !important; } .editorcomm .editor textarea { width: 100% !important; background: #fff url("../images/fields.png") repeat-x; border: 0 none; } .editor_button { float: left; cursor: pointer; padding-left: 0; padding-right: 0; } .editor_buttoncl { float: left; cursor: pointer; padding-left: 1px; padding-right: 1px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; } .editbclose { float: right; cursor: pointer; display: none; } .editor_button select { font-size: 11px; } .editor_button img { margin: 0; padding: 0; } .editbclose img { margin: 0; padding: 0; } .editor_button_brk img { margin: 0; padding: 0; } /*---Диалоговые и всплывающие окна jQuery UI---*/ .ui-widget-overlay { background: #000; opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); left: 0; position: absolute; top: 0; } .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-widget-header { color: #2a2a2a; background: url("../images/lines.png"); font-weight: bold; } .ui-widget-header a { color: #2a2a2a; } .ui-widget-header .ui-icon { background-image: url("../images/ui-icons.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-color: #db143d; } .ui-icon-close, .ui-icon-closethick { background: url("../images/close.png") no-repeat 50% 50% !important; } .ui-dialog { background: #fff; border: 1px solid #dfdedb; overflow: hidden; padding: 5px; position: absolute; width: 300px; -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .ui-widget input, .ui-widget textarea { background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 13px .3em 0; } .ui-dialog .ui-dialog-titlebar-close { height: 18px; margin: -10px 0 0 0; padding: 1px; position: absolute; right: .3em; top: 50%; width: 19px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-content { background: none; border: 0; overflow: hidden; padding: 13px 13px 0 13px; position: relative; zoom: 1; margin-bottom: 13px; } .ui-dialog .ui-dialog-buttonpane { background: url("../images/ussep.png") no-repeat 50% 0; padding: 12px 6px 6px 6px; text-align: left; } .ui-dialog .ui-dialog-buttonpane button { cursor: pointer; float: right; line-height: 1.4em; margin: 0 1px; overflow: visible; width: auto; } .ui-button { background: #fff url(../images/style/btn.gif) repeat-x; text-shadow: 1px 1px 1px #0c2f37; border: none; font: 12px/11px Calibri, Arial, Helvetica, sans-serif; font-style: oblique; color: #FFF; padding: 3px 9px 3px 9px; margin-bottom: 2px !important; height: 23px; font-weight: bold; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 0 1px 5px -1px black; -webkit-box-shadow: 0 1px 5px -1px black; box-shadow: 0 1px 5px -1px black; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .ui-button:hover { background-position: 0 -23px; text-shadow: 1px 1px 1px #5a2500; color: #fff9e2; } button.ui-button span { cursor: pointer; display: block; } .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; } html, body { margin: 0; height: 100%; background: #000 url(../images/style/bg.jpg) no-repeat center top; font: 12px/11px Calibri, Arial, Helvetica, sans-serif; color:#3b3b3b; line-height: 14px; min-width: 1054px; } #wrapper { height:auto !important; height: 100%; min-height: 100%; min-width: 1054px; } #header { } #left { float: left; width: 212px; padding: 1px 0 170px 0; } #right { float: right; width: 212px; padding: 1px 0 170px 0; } #center { margin: 0 212px 0 218px; } #spacer { height: 108px; } #footer { margin-top: -108px; background: url(../images/style/footer.gif) no-repeat center top; } .clear { clear: both; } a, img, input, textarea { outline: none; border: none; } input, textarea, select { font: 12px/11px Calibri, Arial, Helvetica, sans-serif; line-height: 14px; } label { font-weight: normal; } h1, h2, h3, h4 { margin: 0; padding: 0; } /* HEADER */ .h { margin: 0 auto; width: 1000px; } .h1 { background: url(../images/style/h1.png) repeat-x; } .h2 { background: url(../images/style/h2.gif) no-repeat; } .h3 { background: url(../images/style/h3.gif) no-repeat right top; } .h4 { background: url(../images/style/h4.png) no-repeat; margin-left: -41px; height: 313px; } .hm1 { background: url(../images/style/hm1.gif) repeat-x; position: absolute; width: 703px; margin: 19px 0 0 363px; } .hm2 { background: url(../images/style/hm2.gif) no-repeat; } .hm3 { background: url(../images/style/hm3.gif) no-repeat right top; } .hm4 { background: url(../images/style/hm4.gif) no-repeat center bottom; height: 40px; } .logo { width: 251px; height: 83px; position: absolute; margin: 27px 0 0 90px; display: block; overflow: hidden; line-height: 200px; } /* top menu */ #topmenu { line-height: 27px; margin: 0; padding: 6px 0 0 35px; list-style: none; } #topmenu li, #topmenu a { height: 28px; float: left; } #topmenu ul li { margin: 0; padding: 0; } #topmenu a { text-decoration: none; text-transform: uppercase; font-style: oblique; min-width: 109px; height: 45px; text-align: center; margin-right: 29px; display: block; color: #fff; background: url(../images/style/topmenu.png) no-repeat center 20px; } #topmenu a:hover { background-position: center -56px; color: #ffc93a; } #topmenu .sublnk a { background-position: center 20px; } #topmenu .sublnk a:hover, #topmenu .sublnk.selected a { padding-bottom: 10px; background-position: center -130px; color: #ffc93a; } /* sub menu */ #topmenu .sublnk { position: relative; } #topmenu li.sublnk ul { width: 126px; margin: 0; top: 38px; left: -4px; position: absolute; z-index: 1999; display: none; } #topmenu li.sublnk ul li a, #topmenu li.sublnk ul li, #topmenu li.sublnk ul li a b { background: none; float: none; height: auto; display: block; line-height: normal; text-transform: none; } #topmenu li.sublnk ul { margin: 0; padding: 0; } #topmenu li.sublnk ul li { padding: 0; background: url(../images/style/submenu.png) repeat-y; } #topmenu li.sublnk ul li a { color: #fff !important; padding: 3px 0 5px 0 !important; width: 100%; text-align: left; background: url(../images/style/submenu_a.png) no-repeat 6px 0 !important; font-style: normal; text-indent: 25px; } #topmenu li.sublnk ul li a:hover { background-position: 6px -22px !important; color: #ffbe10 !important; } #topmenu li.sublnk ul li.first { background: url(../images/style/sub_first.png) no-repeat; padding-top: 9px; } #topmenu li.sublnk ul li.lost { background: url(../images/style/sub_lost.png) no-repeat bottom; padding-bottom: 8px; } .hn { margin: 0 auto; width: 1000px; } .hn1 { background: url(../images/style/hn1.png) no-repeat; } .hn2 { background: url(../images/style/hn2.png) no-repeat right top; padding: 0 12px 0 12px; } .hn3 { background: url(../images/style/hn3.gif) repeat-x right top; } .hn4 { background: url(../images/style/hn4.gif) no-repeat 0 53px; margin: 0 -12px 0 -12px; } .hn5 { background: url(../images/style/hn5.png) no-repeat 0 66px; } .hn6 { background: url(../images/style/hn6.jpg) no-repeat 0 94px; height: 128px; } /* top buttons */ .hn7 { position: absolute; margin: 9px 0 0 11px; max-width: 669px; } .hn7 div { background: url(../images/style/hn71.png) no-repeat; float: left; padding-left: 50px; } .hn7 div:hover { background-position: bottom left; } .hn7 div div { background: url(../images/style/hn71.png) no-repeat top right; height: 45px; } .hn7 div div:hover { background-position: bottom right; } .hn7 a { margin-left: -100px; padding: 0 34px 0 34px; height: 45px; display: block; font: 12px/11px Calibri, Arial, Helvetica, sans-serif; color:#fff; font-weight: bold; text-transform: uppercase; line-height: 44px; } .hn7 a:hover { color: #ffcc3d; } /* search */ .hs1 { background: url(../images/style/hs1.gif) repeat-x; width: 305px; float: right; margin-right: 15px; } .hs2 { background: url(../images/style/hs2.gif) no-repeat; height: 40px; } .hsi { background: url(../images/style/hsi.gif) no-repeat; width: 81px; height: 40px; float: right; } .hsi:hover { background-position: 0 -40px; } #story { width: 213px; height: 14px; margin: 12px 0 0 15px; position: absolute; background-color: transparent; font: 12px Tahoma, Geneva, sans-serif; color: #aac7d6; font-style: oblique; } .ho1 { background: url(../images/style/ho1.jpg) no-repeat; } .ho2 { background: url(../images/style/ho2.jpg) no-repeat 0 49px; height: 103px; } /* 4 buttons */ .hob1 { background: url(../images/style/hob1.png) no-repeat; width: 125px; height: 50px; display: block; overflow: hidden; position: absolute; line-height: 150px; margin: 10px 0 0 58px; } .hob1:hover { background-position: 0 -51px; } .hob2 { background: url(../images/style/hob2.png) no-repeat; width: 125px; height: 71px; display: block; overflow: hidden; position: absolute; line-height: 150px; margin: -1px 0 0 173px; } .hob2:hover { background-position: 0 -72px; } .hob3 { background: url(../images/style/hob3.png) no-repeat; width: 125px; height: 67px; display: block; overflow: hidden; position: absolute; line-height: 150px; margin: 4px 0 0 702px; } .hob3:hover { background-position: 0 -67px; } .hob4 { background: url(../images/style/hob4.png) no-repeat; width: 130px; height: 52px; display: block; overflow: hidden; position: absolute; line-height: 150px; margin: 8px 0 0 817px; } .hob4:hover { background-position: 0 -52px; } /* login panel and buttons */ #fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity:.70; z-index: 9999; } .popup_block { display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; } img.btn_close { float: right; margin: -55px -55px 0 0; } .popup p { padding: 5px 10px; margin: 5px 0; } .close { width: 17px; height: 18px; background: url(../images/style/close.gif) no-repeat; display: block; overflow: hidden; float: right; line-height: 50px; margin: 8px 9px 0 0; } .close:hover { background-position: 0 -18px; } .login_btn { position: absolute; width: 96px; height: 25px; margin: 59px 0 0 500px; display: block; overflow: hidden; background: url(../images/style/login_btn.jpg) no-repeat -91px 0; line-height: 70px; } .login_btn:hover { background-position: -91px -25px; } .login_register { position: absolute; width: 91px; height: 25px; margin: 59px 0 0 412px; display: block; overflow: hidden; background: url(../images/style/login_btn.jpg) no-repeat; line-height: 90px; } .login_register:hover { background-position: 0 -25px; } .logout { position: absolute; width: 96px; height: 23px; margin: 59px 0 0 500px; display: block; overflow: hidden; background: url(../images/style/login_btn2.jpg) no-repeat -95px 0; line-height: 70px; } .logout:hover { background-position: -95px -23px; } .login_profile { position: absolute; width: 95px; height: 23px; margin: 59px 0 0 409px; display: block; overflow: hidden; background:url(../images/style/login_btn2.jpg) no-repeat; line-height: 70px; } .login_profile:hover { background-position: 0 -23px; } .modal_bg_top { background: url(../images/style/modal_bg_top.png) no-repeat; padding-top: 107px; } .logform { background: url(../images/style/logform.png) repeat-y; display: block; overflow: hidden; } .modal_bg_bot { background: url(../images/style/modal_bg_bot.png) no-repeat bottom; padding-bottom: 12px; } .logindialog { background:url(../images/style/logindialog.gif) no-repeat 18px 5px; height: 49px; padding: 8px 0 0 25px; } .logindialog_input { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color: #4a4a4a; line-height: 14px; height: 14px; width: 305px; background-color: transparent; margin-bottom: 8px; } .logindialog_input2 { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color: #4a4a4a; line-height: 14px; height: 14px; width: 251px; background-color: transparent; } .logindialog_btn { width: 51px; height: 30px; background: url(../images/style/logindialog_btn.gif) no-repeat; margin: 0 0 -15px 8px; } .logindialog_btn:hover { background-position: 0 -30px; } .logindialog_links { color: #8d8d8d; padding: 3px 0 5px 23px; } .logindialog_links a { color: #245971; margin-right: 9px; } .logindialog_links a:hover { text-decoration: none; } .login_avatar { float: left; margin: 6px 0 2px 19px; } .login_avatar img { border: 2px solid #d2d2d2; } .profile_links { margin: 0 0 0 130px; padding-top: 5px; } .profile_links ul { margin: 0; padding: 1px 0 3px 0; list-style: none; } .profile_links a { width: 210px; height: 18px; color: #4c4c4c; text-decoration: none; display: block; margin-bottom: 2px; background:url(../images/style/profile_links.gif) no-repeat; text-indent: 16px; line-height: 18px; } .profile_links a:hover { color: #fffefe; text-shadow: 0 1px 0 #4a4a4a; background-position: 0 -18px; } .ht1 { background: #232323 url(../images/style/ht1.jpg) no-repeat; } .ht2 { background: url(../images/style/ht2.jpg) no-repeat 0 33px; } .ht3 { background: url(../images/style/ht3.jpg) no-repeat 0 187px; } .ht4 { background: url(../images/style/ht4.jpg) no-repeat 0 305px; height: 354px; } /* slider */ .slider_top { width: 366px; margin: auto; position:inherit; } #center { padding:10px 0 21px 0; } .slider { position: absolute; width:376px; height: 176px; background: url(../images/style/slider.gif) no-repeat; padding: 5px; margin: 80px 0 0 10px; } .showcase-load { height: 176px; overflow: hidden; } .showcase { position: relative; margin: auto; } .showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url(../images/style/arrows.png); width: 25px; height: 24px; cursor: pointer; } .showcase-arrow-previous { left: 111px; top: -83px; } .showcase-arrow-previous:hover { background-position: 0px -24px; } .showcase-arrow-next { right: 206px; top: -69px; background-position: -24px 0; } .showcase-arrow-next:hover { background-position: -24px -24px; } .showcase-caption { color: #FFF; padding: 5px 9px 5px 9px; text-align: left; position: absolute; bottom: 0px; left: 0px; right: 0px; display: none; background-image: url(../images/style/black-opacity-60.png); font-style: italic; line-height: 15px; } .showcase-onepage .showcase-content { margin-bottom: 10px; } .showcase-content a { text-decoration: none; cursor: pointer; } /* slider2 */ .slider2 { position: absolute; width:598px; height: 180px; background: url(../images/style/slider2.png) no-repeat; padding: 16px 0 16px 16px; margin: 80px 0 0 395px; } .showcase-arrow-previous2, .showcase-arrow-next2 { position: absolute; background: url(../images/style/arrows2.png); width: 25px; height: 24px; cursor: pointer; } .showcase-arrow-previous2 { left: 412px; top: -80px; } .showcase-arrow-previous2:hover { background-position: 0px -24px; } .showcase-arrow-next2 { right: 139px; top: -94px; background-position: -24px 0; } .showcase-arrow-next2:hover { background-position: -24px -24px; } .slider2_img { background: url(../images/style/slider2_img.png) no-repeat; width: 66px; height: 66px; position: relative; margin-top: -74px; display: block; } .slider2_img:hover { background-position: 0 -66px; } .showcase_img1 { width: 66px; height: 66px; padding: 4px; display: block; } .showcase_img { width: 58px; height: 58px; display: block; overflow: hidden; } .showcase_img img { width: 100px; min-height: 58px; margin: 0 -21px 0 -21px; } .slider2_cont { margin: -66px 0 7px 76px; width: 192px; height: 66px; display: block; overflow: hidden; color: #c8c8c8; } .slider2_cont b { width: 200px; display: block; overflow: hidden; } .slider2_cont span { background: #3e3e3e url(../images/style/slider2_cont1.gif) no-repeat; color: #f4b328; font-weight: bold; margin-bottom: 5px; height: 18px; float: left; } .slider2_cont span span { background: url(../images/style/slider2_cont2.gif) no-repeat right; height: 18px; display: block; overflow: hidden; padding: 0 6px 0 18px; line-height: 18px; } .showcase-content3 { float: left; border-bottom: 1px dashed #363636; margin-bottom: 8px; margin-right:32px; } .showcase-content2 { height: 66px; display: block; background: url(../images/style/slider2_img1.png) no-repeat 0 70px; position: relative; margin-bottom: -66px; } .showcase-content2:hover { background-position: 4px 4px; } /* CONTEINER */ #container { background: url(../images/style/cb.gif) no-repeat bottom; } .cb1 { background: url(../images/style/cb1.gif) repeat-y; margin: 0 auto; width: 1000px; } .cb2 { background: url(../images/style/cb2.jpg) no-repeat; } .cb3 { background: url(../images/style/cb3.jpg) no-repeat right top; } .cb4 { background: url(../images/style/cb4.jpg) no-repeat center bottom; } .cb5 { background: url(../images/style/cb5.jpg) no-repeat left bottom; } .cb6 { background: url(../images/style/cb6.jpg) no-repeat right bottom; padding-bottom: 35px; } /* FOOTER */ .f1 { background: url(../images/style/f1.jpg) no-repeat; width: 1000px; height: 108px; margin: 0 auto; } .f1 div { float: right; text-align: right; color: #919191; text-transform: uppercase; font: 11px/10px Calibri, Arial, Helvetica, sans-serif; line-height: 12px; margin: 20px 18px 0 0; } .f1 div a { color: #f4b328; } .f1 div a:hover { text-decoration: none; } .f2 { background: url(../images/style/f2.jpg) no-repeat; width: 170px; height: 64px; display: block; position: absolute; margin-top: 13px; cursor: pointer; } .f2 span { background: url(../images/style/f2.jpg) no-repeat 0 -64px; width: 170px; height: 64px; display: block; overflow: hidden; line-height: 200px; } .f3 { background: url(../images/style/f3.jpg) no-repeat; width: 143px; height: 64px; display: block; position: absolute; margin: 12px 0 0 214px; cursor: pointer; } .f3 span { background: url(../images/style/f3.jpg) no-repeat 0 -64px; width: 143px; height: 64px; display: block; overflow: hidden; line-height: 200px; } /* UP BUTTON */ .up { margin: 0 auto; width: 1000px; height: 0px; } #up { background: url(../images/style/up.gif) no-repeat; width: 59px; height: 46px; display: block; overflow: hidden; line-height: 120px; float: right; margin-right: 3px; cursor: pointer; position:relative; margin: -117px 0 71px 0; } #up span { background: url(../images/style/up.gif) no-repeat 0 -46px; width: 59px; height: 46px; display: block; } /* LEFT COLUM */ .bl1 { background: url(../images/style/bl1.jpg) no-repeat; width: 212px; } .bl2 { background: url(../images/style/bl2.jpg) no-repeat left bottom; padding: 87px 0 24px 0; } .bl3 { background: url(../images/style/bl3.jpg) no-repeat; width: 212px; position: relative; z-index: 10; } .bl4 { background: url(../images/style/bl2.jpg) no-repeat left bottom; } /* left banner */ .blr { background: url(../images/style/blr.gif) no-repeat 0 33px; padding: 75px 0 20px 17px; min-height: 100px; } /* tags */ .blt { background: url(../images/style/blt.gif) no-repeat 0 33px; color: #75716e; padding: 72px 0 22px 25px; min-height: 100px; width: 167px; } .blt a { color: #75716e; text-decoration: none; } .blt a:hover { color: #d17c30; text-decoration: underline; } /* left menu */ #leftmenu { line-height: 18px; margin: 0 0 0 26px; padding: 4px 0 0 0px; list-style: none; background: url(../images/style/bl4.png) no-repeat; } #leftmenu li, #leftmenu a { height: 25px; } #leftmenu li { background: url(../images/style/bl4.png) no-repeat left bottom; } #leftmenu ul li { margin: 0; padding: 0; } #leftmenu a { text-decoration: none; width: 157px; display: block; text-indent: 23px; margin-left: -10px; color: #75716e; background: url(../images/style/leftmenu.png) no-repeat; } #leftmenu a:hover { color: #d17c30; } #leftmenu .sublnk span { background: url(../images/style/bl5.png) no-repeat right 4px; width:141px; display: block; } #leftmenu .sublnk span:hover { background-position: right -43px; } #leftmenu .sublnk a:hover, #leftmenu .sublnk.selected a { color: #d17c30; } #leftmenu .sublnk.selected span { background-position: right -43px; } /* sub menu */ #leftmenu .sublnk { position: relative; width: 152px; } #leftmenu li.sublnk ul { width: 127px; margin: 0; top: 8px; left: 151px; position: absolute; z-index: 1999; display: none; } #leftmenu li.sublnk ul li a, #leftmenu li.sublnk ul li, #leftmenu li.sublnk ul li a b { background: none; float: none; height: auto; display: block; line-height: normal; text-transform: none; } #leftmenu li.sublnk ul { margin: 0; padding: 0; } #leftmenu li.sublnk ul li { padding: 0; } #leftmenu li.sublnk ul li a { color: #fff !important; margin-left: 5px; padding: 3px 0 4px 0 !important; width: 100%; background: url(../images/style/bl_submenu_a.png) no-repeat 6px 0 !important; font-style: normal; text-indent: 19px; } #leftmenu li.sublnk ul li a:hover { color: #84b4c3 !important; } #leftmenu li.sublnk ul li.first { background: url(../images/style/bl_sub_first.png) no-repeat; padding-top: 5px; } #leftmenu li.sublnk ul li.lost { background: url(../images/style/bl_sub_lost.png) no-repeat right bottom; padding-bottom: 8px; } /* RIGHT COLUM */ .rbp { background: url(../images/style/rbp.jpg) no-repeat; } .rb1 { background: url(../images/style/rb1.jpg) no-repeat; } .rb2 { background: url(../images/style/rb2.jpg) no-repeat right bottom; } /* topnews */ .rbt { width: 147px; padding: 86px 0 25px 0; margin-left: 41px; min-height: 100px; } .rbt ul { margin: 0; padding: 4px 0 0 0; list-style: none; background: url(../images/style/bl4.png) no-repeat; } .rbt ul li { background: url(../images/style/bl4.png) no-repeat left bottom; } .rbt a { color: #75716e; text-decoration: none; background: url(../images/style/leftmenu.png) no-repeat; width:133px; margin-left: -9px; padding: 2px 0 10px 23px; display: block; text-shadow: 0 1px 0 #000; } .rbt a:hover { color: #d17c30; background-position: 0 -51px; } /* right banner */ .rbr { background: url(../images/style/rbr.gif) no-repeat right 29px; padding: 70px 0 21px 36px; min-height: 100px; } /* archives */ .rba { background: url(../images/style/rba.gif) no-repeat right 27px; padding: 75px 0 40px 40px; min-height: 100px; } .rba b { font-weight: normal; } .rba a { color: #cec8c3; text-decoration: none; background: url(../images/style/archives.gif) no-repeat; width: 100px; height: 27px; display: block; text-indent: 20px; text-shadow: 0 1px 0 #000; line-height: 24px; } .rba a:hover { color: #d17c30; background-position: 0 -27px; } #dle_news_archive_link { margin: 10px 0 0 2px;} #dle_news_archive_link a { background-image: none; background-color: #222323; width: 108px; height: 20px; text-decoration: underline; color: #595959; font: 11px/10px Calibri, Arial, Helvetica, sans-serif; text-indent: 5px; line-height: 22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #dle_news_archive_link a:hover { color: #828282; } /* CONTENT */ #dle-content { margin-top: -4px; } /* navigation */ .nav_links { float:right; overflow:hidden; width:46px; } .prev_link { background:url(../images/style/navigation_btns.png) no-repeat 0 -25px; width:23px; height:25px; float: left; } .prev_link:hover { background-position: 0 -50px; } .next_link { background:url(../images/style/navigation_btns.png) no-repeat -23px -25px; width:23px; height:25px; } .next_link:hover { background-position: -23px -50px; } .nav_links span .prev_link { background:url(../images/style/navigation_btns.png) no-repeat 0 0; display:block; float: left; } .nav_links span .next_link { background:url(../images/style/navigation_btns.png) no-repeat -23px 0; display:block; } .navigation { font: 15px/14px Calibri, Arial, Helvetica, sans-serif; color:#FFF; text-shadow:0 1px 0 #252525; padding:5px 0 6px 0; } .navigation span { background:url(../images/style/navs.gif) repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 4px 1px 4px; margin-right:-1px; -moz-box-shadow: 0 1px 5px -1px black; -webkit-box-shadow: 0 1px 5px -1px black; box-shadow: 0 1px 5px -1px black; text-shadow: 0 1px 0 #252525; } .navigation a { background:#464646; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none; color:#cecece; text-shadow:none; padding:0 4px 1px 4px; margin-right:-1px; text-shadow: 0 1px 0 #373737; } .navigation a:hover { background:url(../images/style/navh.gif) repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 4px 1px 4px; color:#FFF; -moz-box-shadow: 0 1px 5px -1px black; -webkit-box-shadow: 0 1px 5px -1px black; box-shadow: 0 1px 5px -1px black; text-shadow: 0 1px 0 #373737; } .navigation span.nav_ext { color: #cecece; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .cn1 { background:url(../images/style/bl4.png) repeat-x; display: block; overflow: hidden; margin: 0 14px 0 10px; } .cn2 { background:url(../images/style/bl4.png) repeat-x left bottom; padding: 8px 0 9px 0; } /* short story */ .sn { width: 564px; margin-bottom: 3px; display: block; overflow: hidden; } .sn1 h3 { font-weight: normal; font: 13px/11px Calibri, Arial, Helvetica, sans-serif; font-style: italic; text-shadow: 0 1px 0 #2c2b27; line-height: 72px; text-indent: 31px; } .sn1 { background: url(../images/style/sn1.jpg) no-repeat; height: 57px; color: #f4b328; text-transform: uppercase; display: block; overflow: hidden; } .sn1 a { color: #f4b328; text-decoration: none; } .sn1 a:hover { color: #ffc74e; } .sn2 { background: url(../images/style/sn2.gif) repeat-x; } .sn3 { background: url(../images/style/sn3.gif) no-repeat; } .sn4 { background: url(../images/style/sn4.gif) no-repeat right top; height: 33px; color: #989898; line-height: 34px; text-indent: 26px; font-style: italic; text-shadow: 0 1px 0 #292929; } .sn4 span { background: url(../images/style/sn5.gif) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 4px 1px 4px; margin-left: 1px; } .sn4 span a { color: #f4b328; text-decoration: none; } .sn4 span a:hover { color: #ffc74e; } .sn4 em { background: url(../images/style/sn6.gif) no-repeat 0 6px; color: #FFF; padding-left: 14px; margin-left: 1px; } .sn4 em a { color: #FFF; text-decoration: none; } .sn5 { float: right; width: 86px; margin: 10px 14px 0 0; } .sn6 { background: #dad7d2; border-left: 1px solid #363636; border-right: 1px solid #363636; display: block; overflow: hidden; padding: 12px; } .sn6 a { color: #08485f; } .sn6 a:hover { text-decoration: none; } .sn6 img { border: 2px solid #b0b0b0; } .sn7 { background: url(../images/style/sn7.png) no-repeat; height: 62px; } .sn8 { float: right; margin: 25px 1px 0 0; } .sn8 span { background: url(../images/style/sn8.gif) no-repeat; color: #aeaeae; padding-left: 23px; margin-right: 10px; float: left; } .sn8 em { background: url(../images/style/sn8.gif) no-repeat right top; padding: 3px 0 7px 0; display: block; } .sn8 b { font-weight: normal; font-style: normal; margin-left: -23px; padding: 0 7px; } .sn8 i { font-style: normal; color: #f4b328; } .sn8 i a { text-decoration: none; color: #f4b328; } .sn9 { background: url(../images/style/sn9.gif) no-repeat !important; } .sn10 { background: url(../images/style/sn9.gif) no-repeat right top !important; } .sn11 { position: absolute; background: url(../images/style/sn11.jpg) no-repeat; width: 236px; height: 52px; margin: 3px 0 0 1px; } .sn11 a { background: url(../images/style/sn11.jpg) no-repeat 0 -52px; width: 236px; height: 52px; display: block; overflow: hidden; line-height: 120px; } .sn12 { padding-top: 12px; color: #6f6f6f; } .sn12 b { color: #08485f; } .sn12 em { color: #9f693c; } .edit { float: right; margin: 30px 12px 0 0; } .edit img { border: none; } /* full story */ .fn11 { position: absolute; background: url(../images/style/fn11.jpg) no-repeat; width: 236px; height: 52px; margin: 3px 0 0 1px; } .fn11 a { background: url(../images/style/fn11.jpg) no-repeat 0 -52px; width: 236px; height: 52px; display: block; overflow: hidden; line-height: 120px; } /* related news */ .fr { margin-bottom: -27px; } .fr1 { background: url(../images/style/fr1.gif) no-repeat 15px 0; height: 23px; border-bottom: 1px solid #2b2b2b; } .fr2 { border-bottom: 1px solid #424242; margin: 4px 0 0 -6px; } .fr3 { background: url(../images/style/fr3.jpg) no-repeat left bottom; margin: 0 0 0 -6px; padding: 7px 18px 67px 9px; list-style: none; } .fr3 li { background: #494949 url(../images/style/fr2.gif) no-repeat; margin-bottom: 1px; } .fr3 li:hover { background-position: 0 -19px; background-color: #5d6162; } .fr3 a { height: 19px; display: block; overflow: hidden; background: url(../images/style/fr2.gif) no-repeat right -38px; text-indent: 30px; line-height: 18px; font-style: italic; text-decoration: none; color: #d5d5d5; text-shadow:0 1px 0 #1d1d1d; } .fr3 a:hover { background-position: right -57px; color: #FFF; } /* info */ .fa1 { background: url(../images/style/fa1.png) no-repeat; margin: 0 20px 0 7px; padding: 3px 0 0 54px; min-height: 57px; } .fa2 { background: #252525; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #84c4e0; text-shadow:0 1px 0 #282828; padding: 6px 9px 7px 9px; font-style: italic; } .fa2 a { color: #9fdcf7; } .fa2 a:hover { text-decoration: none; } .fa3 { background: url(../images/style/fa1.png) no-repeat; margin: 0 20px 0 7px; padding: 3px 0 14px 54px; min-height: 57px; } /* add comment */ .com { background: #dad7d2; border-left: 1px solid #363636; border-right: 1px solid #363636; display: block; overflow: hidden; padding: 12px; } .com a { color: #08485f; } .com a:hover { text-decoration: none; } .com1 { background: url(../images/style/sn12.png) no-repeat left bottom; height: 29px; margin-top: -9px; } .send { background: url(../images/style/send.gif) no-repeat 0 -25px; width: 81px; height: 25px; } .send1 { background: url(../images/style/send.gif) no-repeat; height: 25px; } /* forms */ .tableform { width: 100%; } .tableform td.label { width: 20%; vertical-align: middle; } .fieldsubmit, .tableform td { padding: 2px 0px; } .addnews { font-weight: bold; } .impot { color: #d51e44; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; } .checkbox { padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; } .f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; } .fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding: 2px; background: #fff url(../images/fields.png) repeat-x; border: 1px solid #bcc0c2; } .f_textarea, .editor_button select { padding: 0; } .textin { padding: 2px; } /* comment */ .comm { width: 564px; display: block; overflow: hidden; } .comm1 { background: url(../images/style/sn1.jpg) no-repeat; height: 19px; } .comm2 { border: 2px solid #bfbdb8; float: left; margin: 1px 5px 0 15px; } .comm3 { border-left: 1px solid #363636; border-right: 1px solid #363636; background: #dad7d2; display: block; overflow: hidden; } .comm4 { background: url(../images/style/sn12.png) no-repeat 0 -3px; height: 20px; } .comm5 { background: url(../images/style/sn7.png) no-repeat left bottom; height: 59px; } .comm5 em { width: 138px; display: block; text-align: center; font-style: italic; color: #FFF; text-shadow:1px 1px 0 #2a2a2a; padding-top: 23px; } .comm5 b { font-weight: normal; } .comm5 span { color: #FFF !important; } .comm6 { background: url(../images/style/comm6.gif) no-repeat left 1px; display: block; overflow: hidden; min-height: 100px; padding: 0 10px 0 14px; } .comm6 h3 { font: 12px/11px Calibri, Arial, Helvetica, sans-serif; padding-bottom: 7px; font-weight: bold; } .comm6 a { color: #08485f; } .comm6 a:hover { text-decoration: none; } .comm7 { background: #efedea; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 8px 4px 8px; } .comm8 { color: #232323; font-style: italic; border-bottom: 1px dashed #a8a5a1; padding-bottom: 4px; margin-bottom: 5px; line-height: 18px; } .comm8 h3 { background: #196c8b; float: left; color: #FFF; font: 12px/11px Calibri, Arial, Helvetica, sans-serif; font-style: italic; text-shadow:1px 1px 0 #114f66; padding: 3px 5px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 5px; } .comm8 h3 a { color: #FFF; text-decoration: none; } .comm8 span { float: right; background: #8f8f8f; color: #FFF; text-shadow:1px 1px 0 #606060; padding: 0 6px 0 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .comm8 span a { color: #ffdd83; text-decoration: none; } .comm8 span a:hover { color: #ffeab0; } .comm9 { float: right; } .comedit { margin-right: 6px; } .comedit ul { margin: 0; padding: 23px 0 0 0; } .comedit li { display: inline; font-style: italic; } .comedit a { height: 19px; display: block; float: left; background: #464646 url(../images/style/comedit.gif) repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #a6a6a6; text-decoration: none; padding: 0 5px 0 4px; line-height: 18px; margin-right: 5px; } .comedit a:hover { background-position: 0 -19px; color: #fefefe; text-shadow:1px 1px 0 #9c600a; } .editor { background:none !important; } /* popup */ .popup_avatar { float: left; border: 2px solid #bfbdb8; } .popup { margin-left: 118px; line-height: 17px; } .popup ul { margin: 0; padding: 0; list-style: none; } .popup a { color: #08485f; } .popup a:hover { text-decoration: none; } /* stats */ .lines ul { margin: 0; padding: 5px 10px 5px 10px; list-style: none; background: #efedea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #6d604b; font-style: italic; } .dpad h5 { font: 14px/12px Calibri, Arial, Helvetica, sans-serif; font-weight: bold; color: #6d604b; margin-bottom: 6px; } .dpad ul { margin: 0; padding: 5px 10px 5px 10px; list-style: none; } .dpad b { color: #08485f; font-style: italic; } .dpad p { margin-left: 10px; } .dpad_avatar img { border: 2px solid #bfbdb8; } .dpad_avatar ul { margin: 0; padding: 4px 0 0 0; list-style: none; } .dpad_avatar { float: left; } .dpadd { margin-left: 108px; margin-top: -7px; } .dpadd ul { margin: 0; padding: 5px 10px 5px 10px; list-style: none; } #uidLogButton {display:none;} #baseLogForm {display: block !important;} #uidLogButtonAjx {display:none;} #baseLogFormAjx {display: block !important;} /* vote */ .blv { background: url(../images/style/blv.gif) no-repeat 0 33px; } .blv4 { background: url(../images/style/blv4.jpg) no-repeat 125px 49px; padding: 71px 0 9px 0; min-height: 100px; } .blv3 { margin: 0 0 0 24px; width: 147px; } .vtitle { background: url(../images/style/bl4.png) no-repeat left bottom; width: 147px; color: #c27d13; text-shadow: 0 1px 0 #000; } .vtitle2 { font-weight: normal; background: url(../images/style/bl5.png) no-repeat 0 -44px; text-indent: 9px; line-height: 16px; padding: 0 27px 9px 2px; } .blv5 { color: #e3e3e3; line-height: 20px; padding: 2px 0 0 0; } .radio { width: 24px; height: 25px; padding: 0; margin: 0 0 -6px -3px; background: url(../images/style/radio.png) no-repeat; display: block; clear: left; float: left; } .pollBut { background: url(../images/style/voting.gif) no-repeat 0 -43px; width: 51px; height: 43px; } .pollBut1 { background: url(../images/style/voting.gif) no-repeat; width: 51px; height: 43px; display: block; overflow: hidden; float: left; margin: 0 0 0 25px; .pollLnk { background: url(../images/style/result.gif) no-repeat 0 -43px; width: 51px; height: 43px; } .pollLnk1 { background: url(../images/style/result.gif) no-repeat; width: 51px; height: 43px; display: block; overflow: hidden; } .count { float:left; margin: 1px 150px 0 15px; } .count span { display: block; float: right; background: url(http://forewe.ru/templates/forewe/images/88x31.png) no-repeat; width: 88px; height: 31px; padding: 5px; margin-left: -1px; }