/* base styles from v1 */ h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; font-weight:normal;} dl { margin:0; overflow:hidden; padding:0; font-size: 13px; position: relative; } dt { margin:0; padding:6px 0; width:35%; position: absolute; z-index: 5; } dd { clear:right; margin:0; padding:6px 0 6px 35%; position: relative; } .line-dotted { border-bottom: 1px dotted #E3E6EA;} .profile-block dl { font-size:14px;} .ugc img {max-width: 100%;} .link-invert a {text-decoration: none; color: #343844;} .link-invert a:hover {text-decoration: underline; color: #6699cc;} h1 { font-size:32px; line-height:32px; color: #343844; } h2 { font-size:26px; line-height:26px; color: #343844; } h3 { font-size:21px; line-height:20px; color: #343844; } /*h4 { font-size:16px; line-height:17px; color: #343844; }*/ h5 { font-size:13px; line-height:14px; } h6 { font-size:11px; line-height:12px; font-family: Tahoma;} .st h1 { margin:20px 0px 10px -2px;} .st h2 { margin:16px 0px 8px -1px;} .st h3 { margin:14px 0px 6px -1px;} .st h4 { margin:12px 0px 6px 0px;} .st h5 { margin: 5px 0; } .st h6 { } /*.st p { margin: 15px 0px;}*/ .st ul {margin:10px 0;} /*.nbt-row.st li, .ugc.st li {padding-left: 10px; margin-bottom: 6px; background-image: url(http://i.smotra.ru/img/ul-nbt-style.png); background-position: 0px 7px; background-repeat: no-repeat;}*/ /*.nbt-row.st {padding: 0 15px;}*/ .st-mb {margin-bottom: 20px; position: relative;} .col1, col2, col3 {position: relative;} .warnings{width: 100%; float:left; margin-top:10px; width: 600px;} /*.warnings .nbt-row .col-1{float: left; text-align:left; width: 100px;}*/ /*.warnings .nbt-row .col-2{float: right; text-align:left; width: 450px;}*/ /*a.m, .m, .m:hover { color: #3389E8; } */ /*a.f, .f, .f:hover { color: #FE56A2 !important; }*/ /*a.m.off, .m.off {color:#608bba !important;}*/ /*a.f.off, .f.off {color:#d480a6 !important;}*/ a.club, .club { color: #F60 !important; } a.cmty, .cmty { color: #8B0 !important; } a.team, .team { color: #FDC400 !important; } a.car, .car { color: #711515 !important; } a.company, .company { color: #867BD2 !important; } /*a.dotted-s { text-decoration: none; background-image: url(http://i.smotra.ru/img/dotted-s.gif); background-repeat: repeat-x; background-position: left bottom; cursor: pointer; }*/ a.dotted-s:hover {background-image:none;} a.dotted-m { text-decoration: none; background-image: url(http://i.smotra.ru/img/dotted-s.gif); background-repeat: repeat-x; background-position: left bottom; cursor: pointer; } a.dotted-m:hover {background-image:none;} .form-input { font-family: Arial, sans-serif; font-size:26px; width:100%; border: 1px solid; color:#71767C;} .form-input-s {} .form-input:focus { background-color: #fff; border-color: #6699cc; color: #69C;} .header h1 { line-height: 38px; font-size: 40px; letter-spacing: -1px; margin-left: -2px; color: #fff; } .header h2 { padding:0; margin:0; line-height:26px; color:#7f889f; } .header h3 { line-height: 18px; letter-spacing: 1px; color:#7f889f;} .header-name h1 a, .header-name h2 a { text-decoration:none; color:#fff; } .header-name h1 a.m, .header-name h1 a.m:hover { color:#44AFEA; } .header-name h1 a.f, .header-name h1 a.f:hover { color: #FE56A2; } .header-name h1 a:hover, .header-name h2 a:hover { text-decoration:underline; color:#6699CC; } .nb-header h1 a, .post-header h1 a, .review-header h1 a, .goods-header h1 a, .post-list-s h3 a, .post-list-s h4 a, .review-list-s .review-header h3 a, .review-new .review-header h3 a, .review-list-s h3 a, .review-new h3 a { text-decoration:none; color:#343844; } .nb-header h1 a:hover, .post-header h1 a:hover, .review-header h1 a:hover, .goods-header h1 a:hover, .post-list-s h3 a:hover, .post-list-s h4 a:hover, .review-list-s .review-header h3 a:hover, .review-new .review-header h3 a:hover, .review-list-s h3 a:hover, .review-new h3 a:hover { color:#6699CC; text-decoration: underline; } .nb-header h2 a, .post-header h2 a, .review-header h2 a { text-decoration:none; color:#666; } .post-header h2 a:hover, .review-header h2 a:hover { text-decoration: underline; } .post-header h3 a, .review-header h3 a { color: #999; text-decoration: none;} .post-header h3 a:hover, .review-header h3 a:hover { text-decoration: underline;} .cl { display:block; clear:both; height:0px; line-height:0px; font-size:0px;} .container { margin-right: auto; margin-left: auto; padding-top:40px; padding-bottom: 20px; clear:both; background-repeat: no-repeat; background-position: center bottom; position:relative; zoom:1; min-height: 500px; } .body-pad { margin-right:auto; margin-left:auto; position:relative; min-width:960px;} .size-S .container, .size-S .header-block, .size-S .header-sub-nav, .size-S .global-nav-box, .size-S .footer-content, .size-S .nbh-box, .size-S .uber-bar-content, .size-S .warning-msg-body { width: 944px;} .size-M .container, .size-M .header-block, .size-M .header-sub-nav, .size-M .global-nav-box, .size-M .footer-content, .size-M .nbh-box , .size-M .uber-bar-content, .size-M .warning-msg-body { width: 1204px;} .mobile .size-M .uber-bar, .mobile .size-M .header, .mobile .size-M .header-sub-nav-block, .mobile .size-M .body-pad, .mobile .size-M .footer { width: 1204px; } .size-L .container, .size-L .header-block, .size-L .header-sub-nav, .size-L .global-nav-box, .size-L .footer-content, .size-L .nbh-box, .size-L .uber-bar-content, .size-L .warning-msg-body, .size-XL .container, .size-XL .header-block, .size-XL .header-sub-nav, .size-XL .global-nav-box, .size-XL .footer-content, .size-XL .nbh-box, .size-XL .uber-bar-content, .size-XL .warning-msg-body { width: 1482px;} .col-left { float:left;} .col-main, .col-right { float:left; position:relative;} .col-right {float:right;} .size-S .col-main { width:674px;} .size-S .new-pm .col-main { width:570px; float: right;} .size-S .col-right, .size-S .col-left {width:242px;} .size-S .cars .col-main { width:780px;} .size-S .cars .col-right { width:150px;} .size-M .col-main { width:930px;} .size-M .new-pm .col-main { width:830px; float: right;} .size-M .col-left, .size-M .col-right {width:242px;} .size-M .cars .col-main {width:1044px;} .size-M .cars .col-right { width:150px;} .size-L .col-main, .size-XL .col-main { width:1082px;} .size-L .new-pm .col-main, .size-XL .new-pm .col-main { width:1112px; float: right;} .size-L .col-right, .size-XL .col-right, .size-L .col-left, .size-XL .col-left {width:362px;} .size-L .cars .col-main, .size-XL .cars .col-main { width:1300px;} .size-L .cars .col-right, .size-XL .cars .col-right { width:150px;} .size-L .market .col-main, .size-XL .market .col-main { width:1202px;} .size-L .market .col-right, .size-XL .market .col-right { width:242px;} .comment-text img { max-width:100%; display:block;} div.avatar { height: 90px; width: 90px;} div.avatar-car { height: 90px; width: 120px; } div.carthumb { height: 360px; width: 480px; margin-top: 40px; } div.userthumb { height: 360px; width: 360px; margin-top: 25px; margin-bottom: 25px; } div.userthumbs { height: 60px; width: 60px; } .w100 { position:relative; } .w100 .input-medium { width:100%; display:block; } .input-medium { font-family: Arial; font-size: 21px; color: #6699CC; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; } .header-test { list-style:none; width:100px; position: absolute; margin-top:15px; } .header-test li { height:30px; line-height:30px; width:30px; background-color: #999999; text-align: center; } /*.header-stats { list-style:none; width:60%; position:absolute; top:0px; right:0px; height:0px; }*/ .header-stats { width:50%; float:right; } .karma-val { position: absolute; right: 0; bottom: 14px; color: #FFFFFF; padding: 0 5px; width: 35px; background-image: url(http://i.smotra.ru/img/info-s-respect.png); background-position: left center; } .karma-val.plus { background-position: left top; } .karma-val.minus { background-position: left bottom; } .place.user { min-width: 90px; } .place.user .place-rating, .place.user .place-numb { margin-right: 45px; } #pro-car .header-stats { width:60%; } .header-stats li.header-stats-item { float:right; height:120px; text-align:center; font-size:13px; display:block; margin-left:4%; position: relative; width:auto;} .size-S .header-stats li.header-stats-item { margin-left:1%; } .size-M .header-stats li.header-stats-item { margin-left:4%; } .size-L .header-stats li.header-stats-item { margin-left:7%; } .size-XL .header-stats li.header-stats-item { margin-left:10%; } .header-stats li.rating span.span-h1 { display:block; font-size:45px; line-height:60px; font-weight: bold; padding-left:15px; padding-right:15px; color:#fff; background-color:#6C0; } .header-stats li.rating span.span-h4 { display:block; font-size:12px; line-height:12px; } .header-stats li.rating a { display:block; font-size:45px; line-height:60px; font-weight: bold; padding-left:15px; padding-right:15px; color:#fff; background-color:#999; margin-top:30px; display:block; text-decoration:none; } .header-stats li.rating div { float:left; } .header-stats li.rating div.rating-top100 a { background-color:#ff9300; padding-left:10px; padding-right:10px; height:60px; display:block; background-image: url(http://i.smotra.ru/img/header-rating-plus.gif); background-repeat: repeat-x; background-position: left top; } .header-stats li.rating div.rating-top100 { } .header-stats li.rating a.plus { background-color:#ff9300; background-image: url(http://i.smotra.ru/img/header-rating-plus.gif); background-repeat: repeat-x; background-position: left top; } .header-stats li.rating a.minus { background-color:#7f509a; padding-left:24px; } .header-stats li.rating a.minus span { display: block; line-height: 52px; position: absolute; margin-left: -16px; } .header-stats li.respect { } .header-stats .place { position: relative; } .header-stats .place:hover h5.place-numb, .header-stats h5.place-rating {display:block;} .header-stats .place:hover h5.place-rating, .header-stats h5.place-numb {display:none;} .header-name h1, .header-name h2, .header-name h3 { margin:0; padding: 0px; } #car .header-name h3 { letter-spacing:0px; } #posts-list .header, #cars-list .header, #add-gallery .header, #short-header .header { height: 90px; } #cars-list .header h1, #posts-list .header h1, .header-comments h1, #short-header .header h1, .header-photos h1 { float:left; line-height:60px; } .header h1 .add, .header h1 .numb, .header h1 .numb-new { font-weight: normal; line-height: 60px; font-size:42px; padding-right: 12px; padding-left: 12px; background-repeat: repeat; background-position: left top; display:inline-block; } .header h1 .numb {background-image: url(http://i.smotra.ru/img/black-trans-10.png);} h1 .numb-new {background-image: url(http://i.smotra.ru/img/header-numb-new.gif);} h1 .numb-new a {color: #343844;} .header-comments h1 {line-height: 50px;} .header-comments h1 .numb, .header-photos h1 .numb, .header-comments h1 .numb-new, .header-photos h1 .numb-new, .header-comments h1 .add { font-weight: normal; padding-right: 12px; padding-left: 12px; display:inline-block; } .header .add, .header-comments .add { color: #FFFFFF; background-color: #6699CC; padding-right: 12px; padding-left: 12px; position: relative; z-index:1; background-image: url(http://i.smotra.ru/img/add-link-bg.gif); background-repeat: repeat-x; background-position: left top; text-decoration:underline;} #white .numb-new, #black .numb-new {color: #343844;} #white h1 .numb { background-image: url(http://i.smotra.ru/img/black-trans-10.png); background-repeat: repeat; } #black h1 .numb { background-image: url(http://i.smotra.ru/img/trans-white.png); background-repeat: repeat; } .header .add-hover, .header .add-hover, .header-comments .add-hover { display:none; font-size: 21px; line-height: 21px; float: left; color: #FFFFFF; background-color: #6699CC; height: 52px; position: absolute; left: 0px; top: -10px; white-space: nowrap; padding: 8px 12px 0px 12px; margin-top: 10px; z-index:2; text-decoration:underline; background-image: url(http://i.smotra.ru/img/add-link-bg.gif); background-repeat: repeat-x; background-position: left top; } .header-name h1 a.add-hover:hover {color: #FFF;} .header-comments .add-hover {font-size: 16px; line-height: 16px; letter-spacing:0px; padding: 8px 12px 0px 12px; height:42px;} .add:hover .add-hover { display:block; letter-spacing:0px; } .header-block { width:94%; margin-right: auto; margin-left: auto; position:relative; } #posts-list .header-block, #cars-list .header-block, #add-gallery .header-block { height: 90px; } #messenger .header-name { width: 40%; } #posts-list .header-name, #cars-list .header-name, #add-gallery .header-name, #short-header .header-name { width: 100%; height: 90px; } .header-name { float: left; height: 120px; width: 50%; } #pro-car .header-name { width:40%; } .header-name-container { line-height: 120px; } #posts-list .header-name-container, #cars-list .header-name-container, #short-header .header-name-container, #add-gallery .header-name-container { line-height: 90px; } .header-name-block { display: inline-block; vertical-align: middle; padding-left: 100px; } .header-categories { display: inline-block; vertical-align: middle; padding-left: 20px; } #pro-car .header-name-block { padding-left: 0px; } #posts-list .header-name-block, #cars-list .header-name-block, #short-header .header-name-block, #add-gallery .header-name-block { padding-left: 0px; } h1.header-icon { margin-right:10px; } .header-icon img { display:block } .header .avatar { float:left; margin-top:15px; margin-right: 20px; position: absolute; } #v2 .header .avatar { float:left; margin-top:15px; margin-right: 20px; position: absolute; margin-left: 100px; } #messenger .header-nav { width: 40%; } .header-nav { list-style:none; float: left; width: 60%; } #posts-list .header-nav, #cars-list .header-nav { width: 40%; } .header-nav li { float:left; width:25%; text-align:center; display:block; } #messenger .header-nav li { width:50%; } .header-nav-respect { } .header-nav-numb { padding-top:8px; } .header-nav-numb h1 { font-weight: normal; } .header-nav-add a { display:block; color:#FFFFFF; background-color:#6699CC; font-size:21px; height: 55px; line-height: 22px; margin-top: 10px; text-decoration: none; padding-top: 11px; border: 2px outset #6699CC; } .header-nav-add a:hover { background-color:#4986C2; } .vote .plus, .vote .minus { padding-left:8px; padding-right:8px; } .header-nav-rating span, .header-nav-respect span { display:block; font-size: 42px; line-height: 38px; } .header-nav-rating a, .header-nav-respect a { text-decoration:none; color:#666666; } .header-nav-rating a:hover, .header-nav-respect a:hover { color:#6699CC; } .vote a { text-decoration:none; color:#666666 } .vote a.minus:hover { color:#CC0000 } .vote a.plus:hover { color:#66CC00 } .header-nav li.header-nav-link { font-size:16px; line-height: 15px; font-weight: bold; } .header-nav-link a { display:block; padding-top:90px; height:30px; } .header-nav-link a:hover { } .header-nav-profile { background-image: url(http://i.smotra.ru/img/user-nav-profile.gif); background-repeat: no-repeat; background-position: center 24px; } .header-nav-garage { background-image: url(http://i.smotra.ru/img/user-nav-garage.gif); background-repeat: no-repeat; background-position: center 26px; } .header-nav-blog { background-image: url(http://i.smotra.ru/img/user-nav-blog.gif); background-repeat: no-repeat; background-position: center 25px; } .header-nav .active { background-color:#999999 } .header-nav .active a { color: #ffffff; text-decoration: none; } .auto-list { list-style-type: none; } .auto-list li { background-color: #CCCCCC; height: 150px; width: 200px; float: left; margin-bottom: 2px; padding-bottom: 40px; margin-right: 2px; } .auto-list span { display:block } .auto-list a img { text-decoration:none } .auto-list a { font-family: Tahoma; font-size: 11px; display: block; } .vote h1 { margin:0; padding:0; } .pager { list-style-type: none; margin-top: 15px; } .pager a, .pager li { display:block; font-size: 26px; line-height: 40px; text-align: center; width: 40px; } .pager li { list-style-type: none; float: left; } .pager .active a { background-color: #6699CC; color: #FFFFFF; text-decoration: none; } .banner100x120 { background-color: #6699CC; height: 90px; width:100%; line-height: 90px; text-align: center; font-size: 30px; color: #FFFFFF; background-image: url(http://i.smotra.ru/img/banner.png); background-repeat: repeat-x; } .banner100x120 img, .banner100x120 a { display:block; margin-left:auto; margin-right:auto;} .hide { display:none; } /*.show { display:block; }*/ .car-garage { margin-bottom: 20px; height: 180px; position: relative; line-height: 180px; } #white .car-garage { background-color: #fff;} #black .car-garage { background-color: #1B202E;} .size-L .car-garage, .size-XL .car-garage { float:left; width:49%; } .size-L .car-garage-1, .size-XL .car-garage-1 { margin-right:2% } .car-garage-link { display:block; position:absolute; top:0; left:0; right:0; height:180px; z-index:125; } .car-garage-container { position:relative; margin-top:20px; } #black .car-garage:hover .car-garage-name h1, #white .car-garage:hover .car-garage-name h1 { color:#69C; text-decoration:underline; } .car-garage-container .car-garage:hover img {opacity:0.5;} .car-garage h1 { margin:0; padding:0; color: #69C; font-size:35px; line-height:33px; letter-spacing:-1px; } .car-garage h2 { margin:0; padding:0; font-size:26px; } .car-garage h3 { margin:0; padding:0; margin-top:6px; color:#999 } .car-garage-thumb { background-color: #fff; height: 180px; width: 240px; margin-right: 20px; position: absolute; left: 0px; } #white .no-photo .car-garage-thumb { background-image:url(http://i.smotra.ru/img/car_thumb_240.jpg); background-position:center center; background-repeat:no-repeat;} #black .no-photo .car-garage-thumb { background-image:url(http://i.smotra.ru/img/car_thumb_240_black.jpg); background-position:center center; background-repeat:no-repeat;} #auto-sort { overflow:visible; } .car-garage-name { display: inline-block; vertical-align: middle; line-height: normal; padding-left:260px; padding-right:20px; } .garage-controls-drag a { position: absolute; right: 20px; top: 40px; width: 30px; height: 30px; background-image:url(http://i.smotra.ru/img/nb-drag.png); background-position:center top; background-repeat:no-repeat; cursor:move; z-index: 5} .garage-controls-drag a:hover {background-position: center bottom;} .shop-controls-drag a { position: absolute; right: 25px; bottom: -60px; width: 30px; height: 30px; background-image:url(http://i.smotra.ru/img/nb-drag.png); background-position:center top; background-repeat:no-repeat; cursor:move; z-index: 5} .shop-controls-drag a:hover {background-position: center bottom;} .shop-items-controls-drag { float:right; width: 30px; height: 30px; background-image:url(http://i.smotra.ru/img/nb-drag.png); background-position:center top; background-repeat:no-repeat; cursor:move; z-index: 5} .shop-items-controls-drag:hover {background-position: center bottom;} /*.button-m { color: #FFFFFF; background-color: #6699CC; font-family: Arial; font-size:21px; border:none; background-image: url(http://i.smotra.ru/img/button-m.png); background-repeat: repeat-x; background-position: left top; height:36px; padding: 0px 10px; text-shadow: -1px -1px 0 #4772A4 }*/ /*.button-m:hover { cursor:pointer; background-position: left center; } .button-m:active { cursor:pointer; background-position: left bottom; outline: none; }*/ /*@-moz-document url-prefix() { .button-m { padding: 0px 10px 3px 10px; } }*/ .button-s { color: #FFFFFF; background-color: #6699CC; font-family: Arial; font-size:12px; font-weight:normal; border:none; background-image: url(http://i.smotra.ru/img/button-s.png); background-repeat: repeat-x; background-position: left top; height:24px; padding: 0px 6px; letter-spacing: normal; text-shadow: -1px -1px 0 #4772A4; } a.button-s { display:block; float:left; line-height:24px; text-decoration:none; } .button-s:hover { cursor:pointer; background-position: left center; } .button-s:active { cursor:pointer; background-position: left bottom; outline: none; } .button-s:disabled { opacity: 0.5;} .button-s:disabled:hover {background-position: left top; cursor: default;} @-moz-document url-prefix() { .button-s { padding: 0px 6px 0px 6px; } } .iefix { display: none; } .global-auth { background-color: #4D4D4D; color: #FFFFFF; font-size: 11px; line-height: 20px; text-align: right; font-family: Tahoma; } .sort, .categories { overflow: hidden; margin-bottom: 20px; font-size: 13px; line-height:20px; } .categories {margin-top: 5px;} .categories li {margin-bottom:4px; background-color: #FFF; text-decoration:none; display:block; padding-right:8px; color: #999; line-height:18px; height:20px; padding-left:8px;} .categories a { background-color: #FFF; text-decoration:none; display:block; padding-right:8px; color: #999; line-height:18px; height:20px; padding-left:8px;} #black .categories li {background-color: #1b202e; color:#6a7791;} .categories a:hover {color: #6699CC; background-color: #FFF; } .sort a { display:block; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; } #white .sort a { background-color: #fff;} #black .sort a { background-color: #222630;} .comments-container .sort { font-size:11px; line-height:18px; font-family:Tahoma; margin-top:10px; margin-bottom:15px; } .sort li, .categories li { float: left; position: relative; margin-right: 10px; } .sort li.active a { color: #FFFFFF; text-decoration: none; } #white .sort li.active a { background-color: #647088; } #black .sort li.active a { background-color: #636e83; color: #181b24; } #white .sort a:hover, #black .sort a:hover { color: #FFFFFF; background-color: #6699CC; } .cars-models { overflow:hidden; margin-top: 20px; } .cars-nav { margin-top: 60px; background-color: #999999; } .small { height: 36px; } .photo-album { overflow: hidden; margin: 0px; padding: 0px; position: relative; //padding-right: 1px; //overflow-x: hidden; } .post .photo-album { overflow: hidden; } .anons .photo-album { overflow: hidden; height:220px; } .photo-album li.photo-album-item { display:block; float: left; width: 25%; padding-top: 10px; padding-bottom: 10px; position: relative; } .photo-album img, .photo-album a { display:block; } .photo-album .photo-album-img:hover img { opacity:0.5; } /*.photo-album a:hover { background-color: #6699CC; }*/ .photo-album-img { margin-right: auto; margin-left: auto; position: relative; width:180px; height:180px; z-index: 1; } .photo-album-item:hover .photo-album-img { background-color: #6699CC; } .post .photo-album-img { padding-bottom:0; } .photo-album input { font-size:14px; padding-left:2px;} .photo-album-user, .cars-list .car-user { display:none; position: absolute; z-index: 35; font-family: Tahoma; font-size: 11px; right: 0px; top: 150px; line-height: 26px; height: 30px; width:auto; } .photo-album-item:hover .photo-album-user, .cars-list .cars-list-block:hover .car-user { display:block; float:right; background-image: url(http://i.smotra.ru/img/black_trans.png); background-repeat: repeat; background-position: left top; line-height: 26px; height: 30px; padding-right:10px; padding-left:10px; } .photo-album-user a, .cars-list .car-user a { display:inline;} .cars-list li.umi { width:100%;} .photo-album-user a:hover, .cars-list .car-user a:hover { text-decoration:underline; } .photo-info div, .car-info div { font-size: 21px; line-height: 30px; float: left; } .photo-comments, .car-comments { height: 36px; float: left; color: #666666; background-image: url(http://i.smotra.ru/img/photo-comment-bg.png); background-repeat: no-repeat; background-position: right top; text-align:center; } .photo-comments a.new, .car-comments a.new, .photo-comments span.new, .car-comments span.new { background-image: url(http://i.smotra.ru/img/post-comments-new-bg.png); background-repeat: no-repeat; background-position: right top; color:#343844; padding-left:4px; padding-right:8px; min-width:0px; display:block; float: right; text-decoration: none; } .photo-comments span, .car-comments span { display:block; float: left; padding-left:6px; padding-right:6px; height: 36px; background-image: url(http://i.smotra.ru/img/photo-comment-bg-2.png); background-repeat: no-repeat; background-position: center top; min-width:18px; } .photo-respect div, .car-respect-view div, .car-respect-perfomance div, .car-rating div { padding-right: 6px; padding-left: 6px; background-color: #999999; color: #FFFFFF; min-width:16px; text-align:center; background-image: url(http://i.smotra.ru/img/rating-30h.png); background-repeat: repeat-x; background-position: left center; } .photo-next { display:block; height: 600px; width: 50%; position: absolute; max-height:100%; right: 0px; z-index: 35; } .photo-back { display:block; height: 600px; width: 50%; position: absolute; max-height:100%; z-index: 35; left: 0px; top: 0px; } .photo-next:hover { background-image: url(http://i.smotra.ru/img/photo-next.gif); background-repeat: no-repeat; background-position: right center; } .photo-back:hover { background-image: url(http://i.smotra.ru/img/photo-back.gif); background-repeat: no-repeat; background-position: left center; } .photo-controls li { float:left; width:30px; height:30px; } .photo-controls li a { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center top; } .photo-controls li a:hover { } .photo-controls li a:active { background-position: center bottom; } .photo-controls li.photo-controls-delete {float:right;} .photo-controls-edit a { background-image: url(http://i.smotra.ru/img/photo-edit.png); } .photo-controls-drag a { background-image:url(http://i.smotra.ru/img/nb-drag.png); background-position:center top; background-repeat:no-repeat; cursor:move; } .photo-controls-drag a:hover { background-position: center bottom;} .photo-album-item-dragging { display:block; float:left; position:relative; height:256px; background-color: #fff; } #black .photo-album-item-dragging {background-color: #1b202e; } .photo-controls-delete a { background-image: url(http://i.smotra.ru/img/photo-delete.png); } .photo-controls-profile a { background-image: url(http://i.smotra.ru/img/photo-userprofile.png); } .photo-delete .photo-controls-edit, .photo-delete .photo-controls-drag, .photo-delete .photo-controls-profile { display:none;} .photo-delete .photo-controls-delete a { background-position: center bottom; } .photo-profile .photo-controls-profile a { background-position: center bottom; } .photo-delete a { background-color: #C00; } .photo-delete a img { opacity:0.5; } .size-S .photo-album li.photo-album-item, .size-S .photo-album-item-dragging { width: 33%; //width: 32%;} .size-M .photo-album li.photo-album-item, .size-M .photo-album-item-dragging { width: 25%; //width: 25%;} .size-L .photo-album li.photo-album-item, .size-XL .photo-album li.photo-album-item, .size-L .photo-album-item-dragging, .size-XL .photo-album-item-dragging { width: 20%; //width: 19%;} .blue { background-color: #F0F5FF; } .green { background-color: #EBFFEB; } .progressBarComplete { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: visible; } .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarInProgress { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarStatus { margin-top: 2px; text-align: left; white-space: nowrap; font-family: Tahoma; font-size: 11px; } .progressContainer { overflow: hidden; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 10px; } #white .progressContainer {background-color: #fff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e5e7e9; border-right-color: #D3D7DA; border-bottom-color: #c4c9ce; border-left-color: #e5e7e9; } #black .progressContainer {background-color: #1b202e;} .progressName { color:#555; text-align: left; white-space: nowrap; overflow: hidden; font-size: 21px; } #black .progressName {color:#6a7791;} .progressWrapper { overflow: hidden; } a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; background-color: #CC0000; } div.fieldset { } div.flash { } .button-big { color: #FFFFFF; background-color: #6699CC; font-family: Arial; font-size: 26px; padding-left:24px; padding-right:24px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; background-image: url(http://i.smotra.ru/img/button-big.png); background-repeat: repeat-x; background-position: left top; height: 46px; border:0; cursor:pointer; text-shadow: #4772a4 -1px -1px 0px; } .button-big:hover { background-position: left center; color: #fffeea; } .button-big:active {background-position: left bottom;} .button-big:disabled, .button-m:disabled { opacity:0.5; cursor:default; background-position: left top; } .button-medium { color: #FFFFFF; background-color: #6699CC; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-color: #6699CC; border-right-color: #6699CC; border-bottom-color: #6699CC; border-left-color: #6699CC; font-family: Arial; font-size: 21px; } .profile-col-1 { width:360px; vertical-align:top; } .size-S .car-profile .profile-col-1 { width:600px;} .size-M .car-profile .profile-col-1 { width:480px;} .size-L .car-profile .profile-col-1 { width:600px;} .size-XL .car-profile .profile-col-1 { width:600px;} .size-S .car-profile .profile-photo{ height:450px;} .size-M .car-profile .profile-photo { height:360px;} .size-L .car-profile .profile-photo { height:450px;} .size-XL .car-profile .profile-photo { height:450px;} .user-profile .profile-photo {overflow:hidden;} .size-S .user-profile .profile-photo{ height:480px;} .size-M .user-profile .profile-photo { height:480px;} .size-L .user-profile .profile-photo { height:480px;} .size-XL .user-profile .profile-photo { height:480px;} .size-S .profile-col-1 { width:360px;} .size-M .profile-col-1 { width:480px;} .size-L .profile-col-1 { width:480px;} .size-XL .profile-col-1 { width:480px;} .profile-col-2 { width:40px; vertical-align:top; } .size-S .profile-col-2 { width:30px; } .profile-col-3 { vertical-align:top; } .profile-photo { background-color:#fff; position: relative; } #black .profile-photo { background-color:#1b202e; } .profile-photo.no-photo { background-repeat: no-repeat; background-position: center center;} #white .profile-photo.no-photo {background-image: url(http://i.smotra.ru/img/car_thumb_480.jpg); } #black .profile-photo.no-photo {background-image: url(http://i.smotra.ru/img/car_thumb_480_black.jpg);} #white .user-profile .profile-photo.no-photo {background-image: url(http://i.smotra.ru/img/user_thumb_480.jpg); } #black .user-profile .profile-photo.no-photo {background-image: url(http://i.smotra.ru/img/user_thumb_480_black.jpg);} .profile-photo img { width: 100%; display:block; } a.add-profile-photo { display:block; right:0; bottom:0; position:absolute; font-size:21px; color:#fff; text-decoration:none; background-color:#6699CC; line-height:38px; height:40px; padding-left:20px; padding-right:20px; background-image:url(http://i.smotra.ru/img/add-link-bg.gif); background-position:left top; background-repeat:repeat-x; } a.add-profile-photo:hover {text-decoration:underline;} .profile-gallery { position:relative; clear:both; list-style-type: none; overflow:hidden; max-height:120px; margin-bottom:20px;} .profile-gallery a { float:left; display:block; background-color:#fff; width:120px; height:120px; position:relative; } #black .profile-gallery a { background-color:#1b202e;} .profile-gallery img { display:block; } .profile-gallery a span { border:2px solid #6699CC; width:116px; height:116px; position:absolute; display:none; z-index:150; top:0; left:0; } .profile-gallery a:hover { background-color:#6699CC;} .profile-gallery a:hover span { display:block; } .profile-gallery a:hover img { opacity:0.5;} .header-comments { padding-top:30px; padding-bottom:15px; position:relative; } .sys { margin:0; padding:0; width:100%; position:relative; } .sys li { padding-top:12px; } .sys li.new { } .sys .sys-date { width:18%; float:left; text-align:right; font-size:11px; font-family:Tahoma; color:#888; padding-top:5px; } .sys .sys-date span { padding-left:4px; padding-right:4px; padding-bottom:1px; background-color:#eaeaea; } #black .sys .sys-date span { background-color:#222630; } #black .sys .new .sys-date span, #white .sys .new .sys-date span{ color:#343844; background-color:#FC0; } .sys .new .sys-msg { font-size:21px; } .sys .sys-msg { width:80%; float:right; background-image: url(http://i.smotra.ru/img/uber-line.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom:16px; } #black .sys .sys-msg { background-image: url(http://i.smotra.ru/img/uber-line-black.gif);} .sys-buttons { margin-top:6px; font-size:12px; } .sys-buttons .button-m { margin-right:6px; } .sys-accept { color:#85B000; } /*.sys-reject { color:#BD2D2D; }*/ ul.members, ul.communities { margin:0; padding:0; width:100%; margin-top:20px; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color:#ccc; } #black .members, #black .communities {border-bottom-color:#242a3a;} .profile-block .members { margin-top:0px; } .members p { padding-left:10px; padding-right:10px; } .members li, .communities li, .members-short li, .communities-short li { position:relative; } .members li.row, .communities li.row { height:80px; line-height:76px; border-bottom-width: 1px; border-bottom-style:solid; border-top-width: 1px; border-top-style: solid; } #white .members li.row, #white .communities li.row { border-bottom-color:#DADADA; border-top-color:#fff; } #black .members li.row, #black .communities li.row { border-bottom-color:#11131a; border-top-color:#242a3a; } .profile-block .members li.row { height:50px; line-height:48px; } #black .members li:hover, #black .communities li:hover { background-color: #1b202e;} .members li.a { } .members li.b { } .members .head a span { display:inline-block; vertical-align:middle; line-height:11px; text-decoration:underline; } .members .role { width:20%; float:left; } .members .form-input { font-size:16px; } .members .rating-inner, .members .rating, .members .respect { width:15%; float:left; text-align:right; } .members-short .rating-inner-short, .members-short .rating, .members-short .respect { width:25%; float:left; text-align:right; } .members .row .user-delete { width:10%; float:left; height:80px; } .members .head .user-delete { width:10%; float:left; text-align:center; } .members .row .user-delete a { display:block; height:60px; margin-top:10px; background-image: url(http://i.smotra.ru/img/user-delete.png); background-repeat: no-repeat; background-position: center center; } .members a.members-link { display:block; position:absolute; top:0px; left:0px; width:100%; height:80px; z-index:50; } .members .role p { display:inline-block; vertical-align:middle; line-height:18px; } .profile-block .members .rating-inner { float:right; width:30%; } .members .name { width:41%; float:left; } .members-short h3 {padding:0; margin:0; line-height:38px; height:40px; white-space:nowrap; overflow:hidden; height:40px;} .members-short li.row { height:40px; line-height:38px;} .members-short .name { width:75%; float:left; line-height:38px; height:40px;} .members-short .name a { text-decoration:none; display:block; padding-left:40px;} .members-short .name h4 a { display:inline; padding-left:0px;} .members-short div.thumb { position:absolute; top:50%; left:0px; z-index:15; margin-top:-15px; } .members-short div.thumb a, .members-short div.thumb img {display:block; line-height:0px;} .members-short .rating h5 { font-weight:bold; color:#fff; line-height:20px; height:20px; display:inline-block; vertical-align:middle; background-image: url(http://i.smotra.ru/img/rating-20h.png); background-repeat: repeat-x; background-position: left center; padding-left:7px; padding-right:6px; } #black .members-short .rating h5 {color:#fff;} .members-short .rating h5.plus {background-position: left top;} .members-short .rating h5.minus {background-position: left bottom; padding-left:4px;} #community-members .members .name { width:50%; float:left; } #community-members-admin .members .name { width:40%; float:left; } .profile-block .members .name { width:70%; } .members .respect h2.plus { background-color:#80c300; color:#FFF; background-image: url(http://i.smotra.ru/img/table-respect-plus.gif); background-repeat: repeat-x; background-position: left top; } .members .respect h2.minus { padding-left:20px; background-color:#CC0000; color:#FFF; background-image: url(http://i.smotra.ru/img/table-respect-minus.gif); background-repeat: repeat-x; background-position: left top; } .communities .rating-inner h2, .communities .rating h2, .members .rating-inner h2, .members .rating h2, .members .respect h2 { display: inline-block; vertical-align: middle; margin-right:10px; height:40px; padding-left:12px; padding-right: 12px; line-height: 40px; position: relative; background-repeat: repeat-x; background-position: left center; } #white .communities .rating-inner h2, #white .communities .rating h2, #white .members .rating-inner h2, #white .members .rating h2 { background-image: url(http://i.smotra.ru/img/table-rating-40h.png); color: #fff;} #black .communities .rating-inner h2, #black .communities .rating h2, #black .members .rating-inner h2, #black .members .rating h2 { background-image: url(http://i.smotra.ru/img/table-rating-40h-black.png); color: #fff;} #white .members .respect h2 { background-image: url(http://i.smotra.ru/img/table-respect-40h.png); color: #fff;} #black .members .respect h2 { background-image: url(http://i.smotra.ru/img/table-respect-40h-black.png); color: #fff;} .members .rating-inner h2.plus, .members .rating h2.plus, .communities .rating-inner h2.plus, .communities .rating h2.plus { background-position: left top; } .members .rating-inner h2.minus, .members .rating h2.minus, .communities .rating-inner h2.minus, .communities .rating h2.minus { background-position: left bottom; } .members .row .rating-inner .minus span, .members .row .rating .minus span, .members .row .respect .minus span, .members .row .respect .minus span { position: absolute; left: 4px; top: 0px; } .communities { margin:0; padding:0; width:100%; margin-top:20px; } .communities p { padding-left:10px; padding-right:10px; vertical-align:middle; display:inline-block; } .communities h2, .members h2 { font-size:26px; line-height:26px; margin:0; padding:0; } .communities h3, .members h3 { line-height:21px; margin:0; padding:0; } .communities h5, .members h5 { margin:0; padding:0; line-height:normal; margin-top:3px; } .communities .name h5 a, .members .name h5 a { text-decoration:none; color:#999 } .communities li:hover, .members li:hover { background-color: #fff; } .communities li.head, .members li.head { height:30px; line-height:13px; font-size:11px; font-family:Tahoma; background-repeat: repeat-x; background-position: left top; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: #eaeaea; } #white .communities li.head, #white .members li.head {background-image: url(http://i.smotra.ru/img/table-header.gif); border-bottom-width: 0px; } #black .communities li.head, #black .members li.head {background-image: url(http://i.smotra.ru/img/table-header-black.gif); border-bottom-color:#11131a;} .communities li.head a, .members li.head a { padding-left:10px; padding-right:10px; display:block; line-height:26px; font-size:11px; font-family:Tahoma; text-decoration:none; height:30px; } .communities li.head .users a, .communities li.head .posts a, .communities li.head .photos a, .communities li.head .comments a, .members li.head .commun a, .members li.head .posts a, .members li.head .photos a, .members li.head .comments a { padding-left:0px; padding-right:0px; } .communities li.head a.active, .members li.head a.active { background-color: #DFDFDF; color:#656D85; background-image: url(http://i.smotra.ru/img/table-header-active.gif); background-repeat: repeat-x; background-position: left top; } #black .communities li.head a.active, #black .members li.head a.active { color:#fff; background-image: url(http://i.smotra.ru/img/table-header-black.gif); background-repeat: repeat-x; background-position: left bottom; } .communities li.head a:hover, .members li.head a:hover { color: #FFF; background-color: #69C; background-image: url(http://i.smotra.ru/img/table-header-hover.gif); background-repeat: repeat-x; background-position: left top; } .communities li.head a:hover span, .members li.head a:hover span { text-decoration:none; } .communities div, .members div { } .communities div.thumb, .members div.thumb { position:absolute; top:10px; left:10px; z-index:15; } .profile-block .members div.thumb { top:10px; left:0px; } .communities div.thumb a, .members div.thumb a { display:block; } .communities .name { width:46%; float:left; } .communities .name-block, .members .name-block { padding-left:80px; display: inline-block; vertical-align: middle; } .profile-block .members .name-block { padding-left:40px; } .communities .role { width:20%; float:left; } .communities .rating-inner { width:17%; float:left; text-align:right; } .communities .rating { width:15%; float:right; text-align:right; } .communities .users, .communities .posts, .communities .photos, .communities .comments, .members .posts, .members .photos, .members .comments, .members .commun { width:9%; float:left; text-align:center; font-size: 26px; } .communities .comments, .members .comments { width:11%; } .communities .users, .members .commun { width:10%; } .communities a.communities-link { display:block; position:absolute; top:0px; left:0px; width:100%; height:80px; z-index:50; } .profile-block .members .rating-inner h2 { line-height:30px; height:30px; font-size:21px; margin-right:0px; padding-left:8px; padding-right: 8px; font-weight:normal; } .profile-block .members .rating-inner h2.minus { padding-left:14px; } .profile-block .members { border-top-width: 1px; border-top-style: solid; border-top-color: #E5E5E5; } .communities .rating-inner span, .communities .rating span { position: absolute; left: 6px; top: 0px; line-height: 36px; } .friends { margin-top:20px; } .friends li { float:left; position:relative; margin-right:30px; margin-bottom:10px; } .friends span.username { font-size:11px; font-family:Tahoma; height:20px; width:90px; display:block; line-height:20px; white-space: nowrap; overflow:hidden; } .friends li img, .friends li a { display:block; } .friends .user-menu { top:110px; } ul.car-tech { margin:0; overflow:hidden; padding:0; width:100%; position:relative; border-top-width: 1px; border-top-style: solid; border-top-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; } #black ul.car-tech { border-top-color: #13151c; border-bottom-color: #1b202e;} ul.car-tech li { overflow:hidden; line-height:34px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DBDBDB; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; } #black ul.car-tech li { border-top-color:#1b202e; border-bottom-color:#13151c;} ul.car-tech li:hover { background-color: #fff; } #black ul.car-tech li:hover {background-color: #1b202e; } .size-M ul.car-tech { height:360px; } .size-S ul.car-tech, .size-L ul.car-tech, .size-XL ul.car-tech { height:450px; } .size-M ul.car-tech li { line-height:34px; } .size-S ul.car-tech li, .size-L ul.car-tech li, .size-XL ul.car-tech li { line-height:43px; } ul.car-tech .tech { float:left; width:75%; } ul.car-tech .volume { float:right; width:20%; text-align:right; font-weight:bold; } ul.photo-upload-table { margin:0; overflow:hidden; padding:0; width:50%; position:relative; } ul.photo-upload-table li { overflow:hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DBDBDB; line-height:35px; position:relative; } ul.photo-upload-table .var { float:left; width:75%; } ul.photo-upload-table .volume { float:right; width:20%; text-align:right; } .progressContainer ul.photo-upload-table { width:auto; overflow:none; height:20px; } .progressContainer ul.photo-upload-table li { float:left; font-family:tahoma; font-size:11px; white-space:nowrap; line-height:13px; border:0; } .progressContainer ul.photo-upload-table .var { float:left; width:auto; white-space:nowrap; } .progressContainer ul.photo-upload-table .volume { float:left; width:auto; margin-left:5px; margin-right:20px; } /*select.disable { background-color: #CCC; color: #999; }*/ .header-sub-nav select.form-input { border:0; } .form-input-big { width:100%; display:block; font-family: Arial; font-size: 30px; color: #6699CC; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; padding-left:3px; background-color: #EFF3F8; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #8F99A3; border-right-color: #C4C9CE; border-bottom-color: #C4C9CE; border-left-color: #8F99A3; } textarea.form-input { font-size:16px; width:100%; font-family:Arial; color:#666; height:100px;} .add-forms h2 { font-size:24px; } .add-forms h3 { padding-bottom:6px; padding-top:15px; } .add-forms h5 { padding-top:3px; } .add-categories { padding: 24px 30px 24px 30px; background-color:#fff; border: 1px solid #D3D7DA; border-top-color: #e5e7e9; border-right-color: #D3D7DA; border-bottom-color: #c4c9ce; border-left-color: #e5e7e9; } #black .add-categories { background-color:#1b202e; border-top-color: #242a3a; border-right-color: #11131a; border-bottom-color: #11131a; border-left-color: #242a3a; } .add-categories h3 {padding:0px 0px 7px 0px;} #black .add-forms h5 { color: #6A7791; } .add-forms label { position:relative; display:block; } /*.units { bottom: 3px; right: 2px; position: absolute; font-size:24px; color: #CCC; }*/ .comment-item /*.add-buttons*/ { margin-top:20px; padding-left:80px; } /*.add-buttons input { margin-right:10px; }*/ .add-forms { position:relative; } .add-block { padding-bottom:10px; position:relative; } .rrr { color: #C00; } .add-checkbox { } .add-checkbox h3 { margin-bottom:1px;} .add-checkbox li { font-size:13px; margin-bottom:1px; } .add-checkbox a { padding: 3px 6px 3px 24px; line-height:14px; display:inline-block; text-decoration: none; color: #71767c; background-image: url(http://i.smotra.ru/img/checkbox.png); background-repeat: no-repeat; background-position: 6px 5px; } #black .add-checkbox a {background-image: url(http://i.smotra.ru/img/checkbox-black.png); color:#6A7791;} .add-checkbox h3 a {height:30px; line-height:30px; background-position: 6px 13px;} .add-checkbox .active a {background-image: url(http://i.smotra.ru/img/checkbox-active.png); color: #FFF; background-color: #647088;} #black .add-checkbox .active a {background-image: url(http://i.smotra.ru/img/checkbox-black-active.png); color: #FFF; background-color: #222d43;} #black .add-checkbox li a:hover, #white .add-checkbox li a:hover, #black .add-checkbox h3 a:hover, #white .add-checkbox h3 a:hover { text-decoration: none; color: #FFF; background-color: #69C; } /*.add-radio { overflow:hidden; }*/ /*.add-radio li { float:left; margin-right:10px; font-size:14px; line-height:26px; }*/ /*.add-radio li a { padding-left:12px; padding-right:12px; padding-bottom:1px; display:block; background-color:#dee2e9; border-style:solid; border-width:0 1px 1px 0; text-decoration: none; }*/ /*#white .add-radio li a { background-color:#fff; border-color: #d3d7da; }*/ /*#black .add-radio li a { background-color:#1b202e; border-color:#11131a; }*/ /*#black .add-radio li.active a, #black .add-radio li.active a:hover { background-color: #222d43; color: #fff; text-decoration: none; }*/ /*#white .add-radio li.active a, #white .add-radio li.active a:hover { text-decoration: none; color: #FFF; background-color: #647088; }*/ /*#black .add-radio li a:hover, #white .add-radio li a:hover { text-decoration: none; color: #FFF; background-color: #69C; } #black .add-radio li a:active, #white .add-radio li a:active { color: #FFF; background-color: #3F7DBC; } #white .add-radio li.active a.radio-boy, #black .add-radio li.active a.radio-boy { background-color:#3389E8; color:#FFF; } #white .add-radio li.active a.radio-girl, #black .add-radio li.active a.radio-girl { background-color:#FE56A2; color:#FFF; } #white .add-radio li.disable, #white .add-radio li.disable a { color: #999 !important; background-color:#DDD !important; text-decoration:none; cursor:default; border-color: #fff; } #black .add-radio li.disable, #black .add-radio li.disable a { color: #5B646F !important; background-color:#11131a !important; text-decoration:none; cursor:default; border-color: #1b202e; } .add-radio li a.radio-boy { } .add-radio li a.radio-girl { color:#F9C; } #white .form-fail { background-color: #FFC6C6; border-color: #900; } #black .form-fail { background-color: #2c1d29; border-color: #900; } #white .form-fail:focus { color: #69C; } #black .form-fail:focus { color: #69C; }*/ .form-ok { background-color: #D1FDAA; color: #548C00; } .col2 .add-avatar { background-color: #CCC; height: 90px; width: 90px; margin-right:20px; } .popup { position: absolute; height: 100%; width: 100%; z-index: 500; } .popup-bg { background: url(http://i.smotra.ru/img/pix_black.png) repeat scroll 0 0 transparent; position: fixed; height: 100%; width: 100%; z-index: 1000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; } .popup-window { background-color: #fff; position: fixed; height: 360px; width: 500px; z-index: 1110; top: 50%; left: 50%; margin-top: -180px; margin-left: -250px; } #black .popup-window { background-color: #181B24; } .popup-crop { position: fixed; height: 400px; width: 400px; z-index: 1010; top: 50%; left: 50%; margin-top: -210px; margin-left: -210px; padding:10px; } #white .popup-crop {background-color: #fff;} #black .popup-crop {background-color: #2c3041;} .av_preview {border:1px solid blue; height:100px; overflow:hidden; width:100px; margin: 10px auto 0 auto; } .jcrop-holder { margin: 0 auto; } .popup-crop /*.add-buttons*/ { position: absolute; bottom:10px; left: 10px; margin-top:0; } .popup-slide { width:400px; float:left; padding-right: 50px; padding-left: 50px; position: relative; } .popup-slider { width:1600px; } #popup-presents-list .popup-slide {width: 600px;} #popup-presents-list .popup-slider {width: 2000px;} #popup-invite .list-M { overflow-y:auto; height:236px; } #popup-browse .list-M { overflow-y:auto; height:236px; padding-left: 0; } .ins_from_album .popup-slide { padding-left: 0; } /*.popup-window .popup-content, .popup-window .add-forms { margin-top: 40px; margin-bottom: 50px; }*/ .popup-window .popup-content { overflow:hidden; } .popup-window .popup-content .col2 { margin:0; } .popup-window .popup-content h3 { padding:0; margin:0; padding-bottom:5px; padding-top:10px; } .popup-window .popup-content h2 { padding:0; margin:0; padding-bottom:5px; padding-top:5px; } .captha img { display:block; } #popup-reg { height: 480px; width: 700px; margin-top: -265px; margin-left: -350px; } #popup-reg .popup-slide { width:600px; } #popup-reg .popup-slider { width:1400px; } #popup-auth { height: 380px; width: 500px; margin-top: -300px; margin-left: -250px; } #popup-auth .popup-slider { width:1500px; } #popup-browse {height: 450px; width: 700px; margin-top: -225px; margin-left: -350px;} #popup-post-img {height: 540px; width: 700px; margin-top: -275px; margin-left: -350px;} #popup-browse .popup-slide, #popup-post-img .popup-slide { width:600px; } #popup-browse .popup-slider, #popup-post-img .popup-slider { width:1400px; } .user-menu { font-weight:normal; position:absolute; top:20px; left:-10px; z-index:555; background-image: url(http://i.smotra.ru/img/user-menu-bg.png); background-repeat: no-repeat; width:80px; background-position: left top; padding-top: 8px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; } .user-menu ul { font-size:11px; font-family:Tahoma; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 2; padding-right: 0; padding-bottom: 2; padding-left: 0; } .user-menu ul li.umi { float:none; font-size:11px; padding:0; margin:0; } .user-menu ul li.umi a { display:block; padding-left:6px; padding-right:6px; line-height:16px; height:18px; text-decoration:none; color: #FFF; } .user-menu ul li.umi a:hover { color: #FFF; background-color:#69C; } .user-menu ul li.respect, .user-menu ul li.rating { width:50%; float:left; font-size:11px; padding:0; margin:0; margin-top:2px; text-align:center; } .user-menu ul li.respect a, .user-menu ul li.rating a { display:block; line-height:16px; height:18px; color: #CCC; background-color: #666; text-decoration:none; background-image: url(http://i.smotra.ru/img/user-menu-respect-bg.gif); background-repeat: repeat-x; background-position: left center; } .user-menu ul li.rating a { background-image: url(http://i.smotra.ru/img/user-menu-rating-bg.gif); } .user-menu ul li.rating { float:right; bottom:auto; right: auto; position: static; font-weight: normal; } .user-menu ul li.respect .plus, .user-menu ul li.rating .plus { color: #FFF; background-position: left top; } .user-menu ul li.respect .minus, .user-menu ul li.rating .minus { color: #FFF; background-position: left bottom; } .uber-line { height:20px; background-image: url(http://i.smotra.ru/img/uber-line.gif); background-repeat: repeat-x; background-position: left center; } #black .uber-line { background-image: url(http://i.smotra.ru/img/uber-line-black.gif);} .post .user-menu { top:30px; } .members .user-menu { top:50px; left:74px; } .header-sub-nav .profile-menu a { float:left; padding:0; width:50px; background-position:top left; height:50px; } .header-sub-nav .profile-menu a:hover { background-position:bottom left; } #white .header-sub-nav .profile-menu a.p-f-msg, #black .header-sub-nav .profile-menu a.p-f-msg { background-image:url(http://i.smotra.ru/img/profile-menu-icon-msg.png) } #white .header-sub-nav .profile-menu a.p-f-invite, #black .header-sub-nav .profile-menu a.p-f-invite { background-image:url(http://i.smotra.ru/img/profile-menu-icon-invite.png) } #white .header-sub-nav .profile-menu a.p-f-edit, #black .header-sub-nav .profile-menu a.p-f-edit { background-image:url(http://i.smotra.ru/img/profile-menu-icon-edit.png) } #white .header-sub-nav .profile-menu a.p-f-penalty, #black .header-sub-nav .profile-menu a.p-f-penalty { background-image:url(http://i.smotra.ru/img/profile-menu-icon-penalty.png) } .header-sub-nav .profile-menu a.p-f-claim { background-image:url(http://i.smotra.ru/img/profile-menu-icon-claim.png) } .header-sub-nav .profile-menu a.p-f-stats { background-image:url(http://i.smotra.ru/img/profile-menu-icon-stats.png) } .header-sub-nav .profile-menu a.p-f-present { background-image:url(http://www.iconsearch.ru/uploads/icons/basicset/32x32/present_32.png); background-repeat: no-repeat; background-position: center; } .list-M { padding-left:20px; font-size:21px; padding-top:10px; margin-bottom:10px; } .list-M li { padding-bottom:10px; } a.header-button { margin-top:30px; background-color:#69C; color:#fff; font-size:21px; line-height:20px; display:block; text-decoration:none; background-image: url(http://i.smotra.ru/img/add-link-bg.gif); background-repeat: repeat-x; background-position: left top; height: 51px; padding-right: 15px; padding-left: 15px; padding-top:9px; } a.header-button.disabled {background: none; background-color:#444; color:#ccc;} /* gallery */ .album_photos .photo { display: inline; margin: 0 2px; } .album_photos .last_uploaded { display: none; } #next_lnk.disabled, #prev_lnk.disabled { cursor: text; display: none; } a#next_lnk, a#prev_lnk { text-decoration: none; outline: 0 none; } a.browse { display:block; z-index:335; cursor:pointer; margin-left: 0px; } /* right */ a.right { background-image: url(http://i.smotra.ru/img/gallery-scroll-r.gif); background-repeat: no-repeat; background-position: left top; height: 200px; width: 70px; position: absolute; right: -10px; top: 60px; } a.right:hover { background-position: left center; } a.right:active { background-position: left bottom; } /* left */ a.left { background-image: url(http://i.smotra.ru/img/gallery-scroll-l.gif); background-repeat: no-repeat; background-position: left top; height: 200px; width: 70px; position: absolute; left: -10px; top: 60px; } a.left:hover { background-position: left center; } a.left:active { background-position: left bottom; } /*div.scrollable { position:relative; overflow:hidden; width:auto; margin-right:60px; margin-left:60px; height:260px; background-image: url(http://i.smotra.ru/img/gallery-scrollable-bg.gif); background-repeat: repeat-x; background-position: left top; }*/ #black div.scrollable {background-image: url(http://i.smotra.ru/img/gallery-scrollable-bg-black.gif);} .scrollable img { display:block; } .scrollable a { display:block; float:left;/* margin:40px 5px 35px 5px;*/ } .scrollable a:hover img { opacity: 0.5; } .scrollable a:hover { background-color:#69C; } div.scrollable div.items { width:20000em; position:absolute; } div.scrollable div.items div { float:left; } /*div.items div.active { border:1px inset #ccc; background-color:#fff; }*/ .navi { min-height:20px; margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; width: 100%; } .navi a { width:20px; height:20px; display:inline-block; background-color: #ccc; cursor:pointer; } .navi a:hover { background-color: #69C; } .navi a.active { background-color: #999; } .gallery-slider { position:relative; } .size-S .gallery-slider { width:692px; margin-left:auto; margin-right:auto; } .size-S .scrollable a { margin-left:8px; margin-right:0px; } .size-M .gallery-slider { width:1068px; margin-left:auto; margin-right:auto; } .size-M .scrollable a { margin-left:8px; margin-right:0px; } .size-L .gallery-slider { width:1068px; margin-left:auto; margin-right:auto; } .size-L .scrollable a { margin-left:8px; margin-right:0px; } .size-XL .gallery-slider { width:1444px; margin-left:auto; margin-right:auto; } .size-XL .scrollable a { margin-left:8px; margin-right:0px; } .afisha-photo-preview { width:300px; position:relative; } .afisha-photo-preview img { max-width:100%; width:100%; display:block; } .post.claimed {background-color: #EBE3F4;} .post-deleted { background-color: #FDD; } .post-my { background-color: #dae6f0; } .post-choice {background-image: url(http://i.smotra.ru/img/post-choice.gif); background-position: top right; background-repeat:no-repeat;} .post-choice .post-header { padding-right:80px;} .post-mustsee {background-image: url(http://i.smotra.ru/img/post-mustsee.gif); background-position: top right; background-repeat:no-repeat;} #black .post-my { background-color: #1b202e; } .post-minus .post-body, .post-minus .tags { display:none;} #white .post-minus .post-header h1 a {color: #888;} #white .post-minus .post-header h2 a { color: #C0C0C0; } #white .post-my.post-draft { background-color: #dae6f0; } .post-draft { background-color: #E6E6E6; } #black .post-my.post-draft { background-color: #21232a; } #black .post-draft { background-color: #21232a; } #black .post-deleted { background-color: #251820; } .msg_deleted { padding: 10px; font-size: 16px; margin-top:10px; } #white .msg_deleted { background-color: #E1C4C4; } #black .msg_deleted { background-color: #3b131a;} .review-promo { padding-bottom: 15px; width: 94%; margin-right: auto; margin-left: auto; padding-top: 15px; } .review-promo-img { margin-left:auto; margin-right:auto; border:10px solid #fff; width:900px; } .review-promo-img img { display:block; } .review-promo-block { padding-left: 950px; height:420px; position:relative; line-height:420px; } .review-promo-text { display:inline-block; vertical-align:middle; line-height:normal; } .review-header h1 { margin-top: 20px; } #short-header { } .ttt { background-color: #000; background-image: url(http://i.smotra.ru/img/281zonp.jpg); background-position: center center; height: 500px; } .text-tools li.text-tools-item { float:left; margin-right:10px; } .sort li.active a { } .tabs-content { padding-top:10px; padding-bottom:10px; } /* root element for tabs */ ul.tabs { list-style:none; margin:0; padding:0; overflow:hidden; } /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a { font-size:21px; padding-left:10px; padding-right:10px; margin-right:10px; padding-top:4px; padding-bottom:4px; display:block; text-align:center; text-decoration:none; position:relative; top:1px; color:##69C; } ul.tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { color: #FFFFFF; background-color: #6699CC; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; color: #FFFFFF; background-color: #6a6e79; text-decoration: none;} /* initially all panes are hidden */ div.panes div.pane { display:none; } .text-tools-upload-img { position:absolute; background-color: #FFF; padding-top:20px; padding-left:40px; padding-right:40px; padding-bottom:20px; width:400px; border: 1px solid #CCC; z-index:255; } .pa-browse { padding-top:10px; padding-bottom:10px;} .pa-browse-list { width: 400px; height:185px; overflow-y:auto; float: right;} .pa-browse-items { width:100%; position:relative; margin-bottom:1px; background-color: #eaeaea;} .pa-browse-items a { display:block; overflow:hidden; white-space:nowrap; line-height:30px; height:30px; padding-left:10px; text-decoration: none; } .pa-browse-items a.selected, .pa-browse-items a:hover { color: #FFFFFF; background-color: #6699CC; text-decoration: none; background-image: url(http://i.smotra.ru/img/global-nav-1-hover-bg.gif); background-repeat: repeat-x; background-position: left top; } .pa-browse-items .pa-browse-album-private { float: left; width: 10px; height: 14px; margin-top: 8px; margin-right: 5px; background: transparent url(http://i.smotra.ru/img/albums-private.png) 0 0 no-repeat; } .pa-browse-items a:hover .pa-browse-album-private { background-position: 0 -28px; } .pa-browse-thumb { width:180px; height:180px; float:left; position:relative; height:240px;} .pa-browse-thumb .button.white.btn-adds { top:425px; position:absolute; left:0;} .nowrap { overflow:hidden; white-space:nowrap;} .popup-content ul.tabs { margin-top:10px;} .popup-close {position:absolute; top:12px; right: 17px; width:22px; height:23px; z-index: 99;} .popup-close a { background-image: url(http://i.smotra.ru/img/img/v2/ico/close.png); background-repeat: no-repeat; background-position: left top; display:block; background-color: #6699CC; width:22px; height:23px;} .popup-close a:hover {background-position: left center;} .popup-close a:active {background-position: left bottom;} .container#main-page { margin-top:340px; background:none; padding-left:0; padding-right:0;} .container-main-3col { margin-bottom:30px; position:relative;} .container-main-3col .promo-block { padding:0px; width:auto; } .container-main-2col { margin-bottom:30px;} .container-main-1col { margin-bottom:30px;} .container-main-2col-50 { margin-bottom:30px;} .container-main-1col .col-main { width:100%; background-color:#fff;} .container-main-1col .col-main .promo-block { width:95%;} .container-main-3col .col-left, .container-main-3col .col-right, .container-main-3col .col-main {} .container-main-3col .col-left { float:none; width:300px; position:absolute;} .container-main-3col .col-main {float:none; width:auto; margin-left:315px; margin-right:315px;} .container-main-3col .col-right { width:300px; position:absolute; right:0px; top:0px;} .container-main-3col .promo-block { padding:40px; background-color:#fff;} .container-main-3col .promo-header { padding:15px; padding-left:40px; padding-right:40px; background-image: url(http://i.smotra.ru/img/header-bg.png); background-repeat: repeat-x; background-position: center center; } .promo-header h2 { padding:0; margin:0;} .size-S .container-main-3col .col-right, .size-S .container-main-3col .col-left {width:280px; } .size-S .container-main-3col .col-main { margin-left:290px; margin-right:290px; } .size-L .container-main-3col .col-right, .size-L .container-main-3col .col-left {width:320px; } .size-L .container-main-3col .col-main { margin-left:340px; margin-right:340px; } .size-XL .container-main-3col .col-right, .size-XL .container-main-3col .col-left {width:340px; } .size-XL .container-main-3col .col-main { margin-left:360px; margin-right:360px; } .post-short { position:relative;} .post-short ul.post-info .post-date {font-weight:normal;} .post-short .post-thumb { top:0px; left:11px; margin-top:10px; } .post-short h2, .post-short h3 {padding:0; margin:0; } .post-short h2 { font-weight:normal; letter-spacing:0px; padding-top:6px; } #main-afisha .post-short h2 { margin-bottom:7px; } #main-afisha .post-short h3 { margin-bottom:0px;} .post-short h2 a { text-decoration:none; color:#343844; } #black .post-short h2 a { color:#c7ddf3; } #white .post-short h2 a:hover, #black .post-short h2 a:hover { color:#6699CC; text-decoration: underline; } #black .post-short h3 a, #black .post-short h5 a { color:#c7ddf3; } .post-short h3 a:hover, .post-short h3 a:hover span { text-decoration: underline; } .car-short {position:relative; margin-bottom:10px;} .car-short img {display:block;} .paginator { margin-top:10px; width:100%;} .paginator table {border-collapse:collapse; table-layout:fixed; width:100%;} .paginator table td { padding:0; text-align:center; white-space:nowrap; line-height: 50px; font-size:24px; font-weight:bold; } /*.paginator span { color:#FFFFFF; display:block; padding:3px 0; }*/ .paginator span strong, .paginator span a {display:block; margin-left:auto; margin-right:auto; text-decoration:none; } #white .paginator span strong {color:#555;} #black .paginator span strong, #black .paginator span a {} #white .paginator span a:hover, #black .paginator span a:hover { color:#FFF; background-color: #69C; background-image: url(http://i.smotra.ru/img/add-link-bg.gif); background-repeat: repeat-x; } .paginator span strong { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; font-style:normal; } #white .paginator span strong {background-color: #ccc; background-image: url(http://i.smotra.ru/img/paginator-page-active.png); background-repeat: repeat-x; } #black .paginator span strong {background:none; background-color: #1b202e; color:#fff;} .paginator .scroll_bar { height:10px; margin-top:40px; position:relative; width:100%; } .paginator .scroll_trough { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; height:7px; overflow:hidden; width:100%; background-color: #CCCCCC; background-image: url(http://i.smotra.ru/img/paginator-scroll-trough.png); background-repeat: repeat-x; } #black .paginator .scroll_trough {background-color: #222630; background-image: url(http://i.smotra.ru/img/paginator-scroll-trough-black.png);} .paginator .scroll_thumb { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; font-size:1px; height:5px; left:0; position:absolute; top:1px; width:0; z-index:2; background-color: #8f96a0; } #black .paginator .scroll_thumb { background-color: #30374d; } .paginator .scroll_knob { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; cursor:pointer; height:20px; left:50%; margin-left:-30px; overflow:hidden; position:absolute; top:-20px; width:60px; background-image: url(http://i.smotra.ru/img/scroll-knob.png); background-repeat: no-repeat; background-position: center center; } .paginator .current_page_mark { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; height:3px; left:0; overflow:hidden; position:absolute; top:0; width:0; z-index:1; background-color: #CCCCCC; } #black .paginator .current_page_mark {background-color: #222630;} .fullsize .scroll_thumb { display:none; } .paginator_pages { color:#808080; font-size:0.8em; margin-top:-10px; text-align:right; width:600px; } div.grippie { cursor:s-resize; height:11px; overflow:hidden; background-attachment: scroll; background-color: #EEEEEE; background-repeat: no-repeat; background-position: center top; } div.grippie:hover {background-position: center center; } div.grippie:active {background-position: center center; } #white div.grippie { background-image: url(http://i.smotra.ru/img/grippie.png); background-color:#454e60; } /*#black div.grippie { background-image: url(http://i.smotra.ru/img/grippie-black.png); background-color:#454e60; }*/ #black div.grippie { background-image: url(http://i.smotra.ru/img/grippie.png); background-color:#454e60; } h2 a.dotunderline {background-image: url(http://i.smotra.ru/img/dotunderline-h2.gif); background-repeat: repeat-x; background-position: left 29px; text-decoration:none; } .profile-block h2 a.dotunderline {background-position: left 26px;} h3 a.dotunderline {background-image: url(http://i.smotra.ru/img/dotunderline-h2.gif); background-repeat: repeat-x; background-position: left 21px; text-decoration:none; } a.dotunderline:hover {background:none;} .flash_good, .flash_bad { color:#fff; font-size:13px; line-height:22px; height:24px; position: fixed; bottom: 50px; z-index: 125; width: 94%; max-width:1530px; min-width:940px; background-repeat: repeat-x; background-position: left top; padding-left:10px; padding-right:10px; opacity:0.9; } .flash_good { background-color: #6C0; } .flash_bad { background-color: #900; } .flash_good img, .flash_bad img { float:right; } object { display:block;} /* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp * { margin:0px; padding:0px; outline:none; } .markItUp a:link, .markItUp a:visited { color:#000; text-decoration:none; } .markItUp { margin:5px 0 5px 0; } .markItUpContainer { font:11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font:12px 'Courier New', Courier, monospace; width:580px; /* height:320px;*/ clear:both; display:block; line-height:18px; overflow:auto; } .markItUpPreviewFrame { overflow:auto; background-color:#FFF; width:99.9%; height:300px; margin:5px 0; } .markItUpFooter { width:100%; } .markItUpResizeHandle { overflow:hidden; width:22px; height:5px; margin-left:auto; margin-right:auto; background-image:url(http://i.smotra.ru/img/editor/handle.png); cursor:n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader ul {height:22px; padding-top:4px; padding-bottom:4px; margin: 0;} .markItUpHeader ul li { list-style:none; float:left; position:relative; padding: 0; background-image: none; } .markItUpHeader ul li:hover > ul{ display:block; } .markItUpHeader ul .markItUpDropMenu { background:transparent url(http://i.smotra.ru/img/editor/menu.png) no-repeat 115% 50%; margin-right:5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right:0px; } /* next rows of buttons */ .markItUpHeader ul ul { display:none; position:absolute; top:18px; left:0px; background:#FFF; border:1px solid #000; } .markItUpHeader ul ul li { float:none; border-bottom:1px solid #000; } .markItUpHeader ul ul .markItUpDropMenu { background:#FFF url(http://i.smotra.ru/img/editor/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin:0 10px; width:0px; height:22px; overflow:hidden; } .markItUpHeader ul ul .markItUpSeparator { width:auto; margin:0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; } .markItUpHeader ul ul ul li { float:none; } .markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px; margin:0px; } .markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:120px; padding:5px 5px 5px 25px; background-position:2px 50%; } .markItUpHeader ul ul a:hover { color:#FFF; background-color:#000; } .markItUp .markItUpButton.h1 a { background-image:url(http://i.smotra.ru/img/editor/h1.png); } .markItUp .markItUpButton.h2 a { background-image:url(http://i.smotra.ru/img/editor/h2.png); } .markItUp .markItUpButton.h3 a { background-image:url(http://i.smotra.ru/img/editor/h3.png); } .markItUp .markItUpButton.h4 a { background-image:url(http://i.smotra.ru/img/editor/h4.png); } .markItUp .markItUpButton.h5 a { background-image:url(http://i.smotra.ru/img/editor/h5.png); } .markItUp .markItUpButton.h6 a { background-image:url(http://i.smotra.ru/img/editor/h6.png); } .markItUp .markItUpButton.p a { background-image:url(http://i.smotra.ru/img/editor/paragraph.png); } .markItUp .markItUpButton.b a { background-image:url(http://i.smotra.ru/img/editor/bold.png); } .markItUp .markItUpButton.i a { background-image:url(http://i.smotra.ru/img/editor/italic.png); } .markItUp .markItUpButton.del a { background-image:url(http://i.smotra.ru/img/editor/stroke.png); } .markItUp .markItUpButton.ul a { background-image:url(http://i.smotra.ru/img/editor/list-bullet.png); } .markItUp .markItUpButton.ol a { background-image:url(http://i.smotra.ru/img/editor/list-numeric.png); } .markItUp .markItUpButton.li a { background-image:url(http://i.smotra.ru/img/editor/list-item.png); } .markItUp .markItUpButton.img a { background-image:url(http://i.smotra.ru/img/editor/picture.png); } .markItUp .markItUpButton.vid a { background-image:url(http://i.smotra.ru/img/editor/video.png); } .markItUp .markItUpButton.a a { background-image:url(http://i.smotra.ru/img/editor/link.png); } .markItUp .markItUpButton.smotracut a { background-image:url(http://i.smotra.ru/img/editor/smotracut.png); } .markItUp .markItUpButton.spellCheck a { width: 150px; line-height: 15px; text-indent: 0px; cursor: pointer; text-align: right; background-image: url(/img/spell-check.png); background-position: 5px center !important; } /*.markItUp .markItUpButton.spellCheck { float: right; }*/ .markItUp .cln a { background-image:url(http://i.smotra.ru/img/editor/clean.png); } .markItUp .preview a { background-image:url(http://i.smotra.ru/img/editor/preview.png); } #black .markItUp .markItUpButton a, #white .markItUp .markItUpButton a { background-position: center center; background-repeat: no-repeat; } #white .markItUp .markItUpButton a:hover { background-color: #fff; } #black .markItUp .markItUpButton a:hover { background-color: #222d43; } #black .markItUp .markItUpButton.h1 a { background-image:url(http://i.smotra.ru/img/editor-black/h1.png); } #black .markItUp .markItUpButton.h2 a { background-image:url(http://i.smotra.ru/img/editor-black/h2.png); } #black .markItUp .markItUpButton.h3 a { background-image:url(http://i.smotra.ru/img/editor-black/h3.png); } #black .markItUp .markItUpButton.h4 a { background-image:url(http://i.smotra.ru/img/editor-black/h4.png); } #black .markItUp .markItUpButton.h5 a { background-image:url(http://i.smotra.ru/img/editor-black/h5.png); } #black .markItUp .markItUpButton.h6 a { background-image:url(http://i.smotra.ru/img/editor-black/h6.png); } #black .markItUp .markItUpButton.p a { background-image:url(http://i.smotra.ru/img/editor-black/paragraph.png); } #black .markItUp .markItUpButton.b a { background-image:url(http://i.smotra.ru/img/editor-black/bold.png); } #black .markItUp .markItUpButton.i a { background-image:url(http://i.smotra.ru/img/editor-black/italic.png); } #black .markItUp .markItUpButton.del a { background-image:url(http://i.smotra.ru/img/editor-black/stroke.png); } #black .markItUp .markItUpButton.ul a { background-image:url(http://i.smotra.ru/img/editor-black/list-bullet.png); } #black .markItUp .markItUpButton.ol a { background-image:url(http://i.smotra.ru/img/editor-black/list-numeric.png); } #black .markItUp .markItUpButton.li a { background-image:url(http://i.smotra.ru/img/editor-black/list-item.png); } #black .markItUp .markItUpButton.img a { background-image:url(http://i.smotra.ru/img/editor-black/picture.png); } #black .markItUp .markItUpButton.a a { background-image:url(http://i.smotra.ru/img/editor-black/link.png); } .markItUp .markItUpSeparator { width:0px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #242a3a; border-left-color: #11131a; } #white .markItUp .markItUpSeparator { border-right-color: #ccc; border-left-color: #eaeaea; } #black .markItUp .markItUpSeparator { border-right-color: #242a3a; border-left-color: #11131a; } .markItUp .markItUpButton.smotracut a { background-image:url(http://i.smotra.ru/img/editor-black/smotracut.png); } #black .markItUp .cln a { background-image:url(http://i.smotra.ru/img/editor-black/clean.png); } #black .markItUp .preview a { background-image:url(http://i.smotra.ru/img/editor-black/preview.png); } .comment-item #comment_edit_form /*.add-buttons*/ { padding-left:0; margin-top: 10px; } .help-holder { position:relative; height:20px;} .help-popup-s { font-size:11px; font-family:Tahoma; background-position:center top; height:20px; padding-top:3px; background-repeat: no-repeat; padding-left:10px; padding-right:10px; text-align:center; float:left; position:absolute; z-index:5px; } #white .help-popup-s { background-image:url(http://i.smotra.ru/img/help-popup-s.gif);} #black .help-popup-s { background-image:url(http://i.smotra.ru/img/help-popup-s-black.gif);} .textarea-primer { font-size:13px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding:10px; } #white .textarea-primer { background-color: #EFF3F8; color: #69C; border-top-color: #8F99A3; border-right-color: #C4C9CE; border-bottom-color: #C4C9CE; border-left-color: #8F99A3;} .scroll-km { position:absolute; z-index:2; width:100%; font-size:26px; letter-spacing:4px; font-weight:normal; line-height:24px; color:#cccfd1; } .smotra-today {background-color: #fff; padding:10px; margin-left:-10px; margin-right:-10px;} #black .smotra-today {background-color: #262a37;} .smotra-today h1 {margin:0; padding:0;} span.car-price { background-color: #FC0; color:#000; padding-right: 6px; padding-left: 6px; padding-top:3px; padding-bottom:2px; font-weight:bold;} .msg-hint { background-color: #FFF; width:100%; overflow:hidden; background-image: url(http://i.smotra.ru/img/msg-hint.png); background-repeat: no-repeat; background-position: 20px center; min-height:80px; vertical-align:middle; line-height:74px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; position: relative; white-space: normal; margin-bottom: 20px; } .msg-hint.err { border: 3px solid #F7322A; } .msg-hint h3 { white-space: normal; } #black .msg-hint {background-color:#1b202e; border-top-color: #242a3a; border-right-color: #11131a; border-bottom-color: #11131a; border-left-color: #242a3a;} .msg-hint .msg-hint-content { display:inline-block; vertical-align:middle; line-height:normal; position: relative; white-space: normal; margin: 20px 30px 20px 110px; } .msg-hint h1, .msg-hint h2, .msg-hint h3, .msg-hint h4, .msg-hint p {padding:0;} .msg-block { background-color: #FFF; overflow:hidden; background-image: url(http://i.smotra.ru/img/msg-hint.png); background-repeat: no-repeat; background-position: 20px center; min-height:60px; vertical-align:middle; line-height:58px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; position: relative; white-space: normal; padding: 20px 30px 20px 110px; margin-bottom:20px; } .msg-block h3 { white-space: normal; } #black .msg-block {background-color:#1b202e; border-top-color: #242a3a; border-right-color: #11131a; border-bottom-color: #11131a; border-left-color: #242a3a; } .msg-block .msg-block-content { display:inline-block; width:100%; vertical-align:middle; line-height:normal; position: relative; white-space: normal; } .msg-block h1, .msg-block h2, .msg-block h3, .msg-block h4, .msg-block p {padding:0; margin:0;} .msg-block.msg-user-blocked {background-image: url(http://i.smotra.ru/img/msg-user-blocked.png);} .posts-settings { padding-left:15px; padding-right:15px; padding-top:1px; padding-bottom:1px; margin-left:-15px; margin-right:-15px; background-color:#fff; } #white .rrr { color:#900;} #black h5.rrr { color:#C00; } #tooltip{ position:absolute; border:1px solid #ccc; padding:2px 5px; color:#666; display:none; font-family: Arial; font-size: 12px; background-color: #FFF; max-width:200px; } .tooltip { cursor:default; padding-left:4px; padding-right:4px; color:#999;} #black #tooltip{ color:#6a7791; background-color: #1b202e; border-color:#11131a;} #black .tooltip { color:#303a4c;} ul.ip-list { overflow:hidden;} ul.ip-list li.row {overflow:hidden; padding: 4px 0px 6px 0px;} ul.ip-list div.col-1 { float:left; width:140px; } ul.ip-list div.col-2 { float:left; width:180px; } ul.ip-list div.col-3 { float:left; width:80px; } .clear_comments_div { font-size:13px; line-height:30px; height:30px; position:absolute; right:0; top:40px;} .clear_comments_div a { display:block; background-image: url(http://i.smotra.ru/img/post-delete.png); background-repeat: no-repeat; background-position: left center; padding-left:30px; float:left;} ul.rules-list { overflow:hidden;} ul.rules-list li.row {overflow:hidden; padding: 4px 0px 6px 0px; position:relative; zoom:1;} /*ul.rules-list div.col-1 { width:50px; font-size:21px; position:absolute; top:0; }*/ /*ul.rules-list div.col-2 { padding: 0px 60px 0px 60px; }*/ ul.rules-list div.col-3 { position:absolute; width:50px; text-align:right; font-size:21px; right:0; top:0;} ul.group-members { overflow:hidden; margin: 0px -10px;} ul.group-members li.row { overflow:hidden; padding: 4px 10px; position:relative; zoom:1; } #white ul.group-members li.row:hover {background-color: #fff;} ul.group-members div.name { width:50%; font-size:21px; float:left; } ul.group-members div.role { width:30%; float:left; font-size: 12px; line-height: 28px; } ul.group-members div.rating { width:20%; text-align:right; font-size:21px; float:left;} ul.group-members div.rating span { display:inline-block; vertical-align:middle; color: #fff; background-color: #999; padding: 2px 6px;} ul.group-members div.rating span.plus { background-color: #F90; } ul.group-members div.rating span.minus { background-color: #639; } .global-nav { background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-repeat: repeat-x; background-position: left top; } .global-nav-1, .global-nav-2 {padding:0; margin:0 auto;} .global-nav-1 .global_logo a { padding:0; background:none;} .global-nav { background-color: #151a25; position: relative;} .global-nav li { float:left; } .global-nav-1 li a.nav-lnk { line-height: 70px; font-size: 16px; font-weight:bold; text-decoration:none; position:relative; display: block; } .global-nav-1 ul { height:40px; } .global-nav-2 ul { height:30px; overflow:hidden; } .global-nav-1 li { position:relative; } .global_logo { position: absolute; top: 0px; z-index: 101; } .global_logo a, .global_logo img { display: block;} .global-nav-1 li.active { background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left -80px; background-repeat: repeat-x; } .global-nav-1 li .warn { position: absolute; right: 0; width: 30px; height: 30px; background-image: url(http://i.smotra.ru/img/global-nav-warn-badge.png); background-position: top right; background-repeat: no-repeat; z-index: 99; } .global-nav-1 li .warn a { display: block; width: 100%; height: 100%; } .global-nav-1 li a.nav-lnk:hover .stroke { background-color: #69C; background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left -40px; background-repeat: repeat-x; height: 40px; width: 1px; display: block; position: absolute; top: 0px; left: -1px; } .global-nav-1 li.active .stroke { background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left bottom; background-repeat: repeat-x; height: 40px; width: 1px; display: block; position: absolute; top: 0px; left: -1px; } .global-nav-1 li a.nav-lnk:hover { background-color:#69C; background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left -80px; background-repeat: repeat-x; } .global-nav-2 li a:hover { background-color:#69C; background-image: url(http://i.smotra.ru/img/global-nav-2.png); background-position: left center; background-repeat: repeat-x; } .global-nav-2 li.active { color: #fff; background-image: url(http://i.smotra.ru/img/global-nav-2.png); background-position: left bottom; background-repeat: repeat-x; } .global-nav-1 li.active a.nav-lnk { text-decoration: none; font-weight: bold; color: #fff; background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left -160px; background-repeat: repeat-x; } .global-nav-1 li.active a.nav-lnk:hover { background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left -80px; background-repeat: repeat-x; padding-bottom:0; margin-bottom:0; } .global-nav-1 li.active a.nav-lnk:hover .stroke {background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-position: left bottom; background-repeat: repeat-x;} .global-nav-2 li.active a { color:#fff; text-decoration: none; font-weight: bold; } .global-nav-1, .global-nav-2 { list-style:none; margin-right: auto; margin-left: auto; position: relative; padding-left: 164px; z-index:100; } .global-nav-1 { background-color:#171921; height: 70px; position: relative; background-image: url(http://i.smotra.ru/img/global-nav-1-big.png); background-repeat: repeat-x; background-position: left top;} .global-nav-2 { font-size: 13px; line-height: 30px; background-color: #363A46; position: relative; background-image: url(http://i.smotra.ru/img/global-nav-2.png); background-repeat: repeat-x; background-position: left top; min-height: 30px; display:none; z-index: 1; //position: static;} .global-nav-3 { display: none; position: absolute; width: 340px; font-size: 12px; line-height: 26px; background: url(http://i.smotra.ru/img/add_bg.png) repeat scroll center center transparent; } .global-nav-1 li:hover .global-nav-3, .global-nav-3:hover { display: block; } .global-nav-3 div { float: left; width: 170px; } .global-nav-3 div.double { width: 340px; text-align: center; } .global-nav-3 a { color: #FFFFFF !important; display: block; height: 28px; padding: 1px 10px; text-decoration: none !important; } .global-nav-3 a:hover { background-color: #69C; background-image: url(http://i.smotra.ru/img/global-nav-2.png); background-position: left center !important; background-repeat: repeat-x; } .global-nav-3 div.active a { background-image: url(http://i.smotra.ru/img/global-nav-2.png); background-position: left bottom; background-repeat: repeat-x; } .auth-sub-nav { position:absolute; line-height:30px; right:0px; top:40px; z-index:55; font-size:11px; font-family:Tahoma; width:100%; } .global-nav-1 li a.nav-lnk, .global-nav-1 .disable { color:#FFFFFF; display: block; padding-right: 15px; padding-left: 15px; } .size-S .global-nav-1 li a.nav-lnk, .size-S .global-nav-1 .disable { padding-right: 10px; padding-left: 10px; } .size-M .global-nav-1 li a.nav-lnk, .size-M .global-nav-1 .disable { padding-right: 20px; padding-left: 20px; } .size-L .global-nav-1 li a.nav-lnk, .size-L .global-nav-1 .disable, .size-XL .global-nav-1 li a.nav-lnk, .size-XL .global-nav-1 .disable { padding-right: 25px; padding-left: 25px; } .global-nav-1 .disable { color:#999CA4; } .global-nav-2 li a { display: block; padding-right: 10px; padding-left: 10px; color: #fff; height: 30px; } .global-nav-1 li a.nav-lnk { height: 70px; } .header-sub-nav { position:relative; background-repeat: no-repeat; background-position: left center; width:94%; margin-right: auto; margin-left: auto; list-style-type: none; background-image: url(http://i.smotra.ru/img/header-sub-nav-border.png); min-height:50px; } .header-sub-nav li.hsn-select {float:right; width:20%;} .activity-nav-block .header-sub-nav { min-height:40px; } .header-sub-nav .car-user { width:auto; float:right; background-image:none; } .header-sub-nav .car-user span.owner { font-size:11px; font-family:Tahoma; line-height:30px; vertical-align:middle; color: #CCC; } .header-sub-nav .car-user a { padding-left:30px; padding-right:30px; } .header-sub-nav .car-user img { margin-left:10px; margin-right:6px; vertical-align:middle; margin-top:-3px; } .header-sub-nav select { font-size: 20px; font-family: Arial; width: 80%; } .header-sub-nav-block table { width:94%; margin-right: auto; margin-left: auto; } .header-sub-nav-block { background-repeat: repeat-x; background-position: left top; background-image: url(http://i.smotra.ru/img/header-sub-nav.png);} .header-sub-nav a span.numb { font-size: 11px; font-family: Tahoma; line-height: 11px; vertical-align: text-top; color: #8A8D95; position:absolute; right:0px; top:12px; width:25px; display:block; text-align:left; } .header-sub-nav .active a:hover span.numb {color: #8A8D95;} .header-sub-nav a:hover span.numb { color: #b5cee6; } .header-sub-nav li { float:left; text-align: center; background-image: url(http://i.smotra.ru/img/header-sub-nav-border.png); background-repeat: no-repeat; background-position: right center; line-height: 50px; position: relative; font-size: 21px; } .header-sub-nav li.active a { text-decoration:none; color: #666666; padding-top: 2px; background-image:none; } .header-sub-nav .active a:hover { text-decoration:none; background:none; cursor:default; } .header-sub-nav .active { margin-right:0px; margin-top: -2px; background-image:none; z-index:25; background-color: #f0f2f4; background-image: url(http://i.smotra.ru/img/header-sub-nav.png); background-repeat: repeat-x; background-position: left -100px;} .header-sub-nav .active-activity { margin-right:0px; background-color: #545864; margin-top: -2px; } .header-sub-nav .active-activity a { color:#fff; padding-top: 2px; } .header-sub-nav .active-activity a:hover { color:#fff; background-color: #545864; background-image:none; } .header-sub-nav .sub { margin-right:0px; margin-top: -2px; background-image: url(http://i.smotra.ru/img/activity_nav_bg.gif); background-repeat: repeat-x; background-position: left top; } .header-sub-nav .sub a:hover { text-decoration:none; color: #666666; background-image:none; background-image: url(http://i.smotra.ru/img/activity_nav_bg.gif); background-repeat: repeat-x; background-position: left top; } .header-commands { list-style:none; width:100px; position: absolute; margin-top:15px; } .h-c-list { position: absolute; z-index: 999; left: 0px; background-color: #6699CC; width: 120px; top: 30px; line-height: 16px; text-align: left; } !important .h-c-list li { list-style:none; float: none; position: static; text-align: left; } .h-c-list a { color: #FFFFFF; background-color: #6699CC; line-height: 30px; text-align: left; display: block; font-family: Tahoma; font-size: 11px; padding-right: 10px; padding-left: 10px; } .header-commands li.item { list-style:none; font-size: 12px; line-height:30px; height: 30px; width: 30px; text-align: center; display: block; position: relative; background-color: #BBBBBB; } .header-commands a { display:block; } .header-commands li.header-invite { background-image: url(http://i.smotra.ru/img/user_invite.gif); height: 45px; background-repeat: no-repeat; background-position: center center; } .header-commands li.header-send { background-image: url(http://i.smotra.ru/img/user_msg.gif); height: 45px; background-repeat: no-repeat; background-position: center center; } .header-sub-nav li.profile-menu a {padding: 0 !important ;} .activity-nav-block { background-color:#CCC; background-image: url(http://i.smotra.ru/img/activity-nav-bg.gif); background-repeat: repeat-x; background-position: left top; } .activity-nav-block .header-sub-nav li { line-height: 40px; } .header-sub-nav .disable { color: #CCCCCC; font-size:20px; display:block; line-height: 50px; padding-left:30px; padding-right:30px; cursor:default; } .header-sub-nav a { font-size:18px; display:block; text-decoration:none; color: #FFFFFF; } .size-S .header-sub-nav a { padding-left:16px; padding-right:16px; font-size:18px; } .size-S .header-sub-nav a span.numb { width:16px; } .size-M .header-sub-nav a { padding-left:30px; padding-right:30px; } .size-M .header-sub-nav a span.numb { width:25px; } .size-L .header-sub-nav a { padding-left:35px; padding-right:35px; } .size-L .header-sub-nav a span.numb { width:35px; } .size-XL .header-sub-nav a { padding-left:50px; padding-right:50px; } .size-XL .header-sub-nav a span.numb { width:45px; } .header-sub-nav a:hover { background-color:#6699CC; color: #FFFFFF;background-image: url(http://i.smotra.ru/img/header-sub-nav-bg.png); background-repeat: repeat-x; background-position: left -50px; } .header-sub-nav li.car-user a:hover { background-image: url(http://i.smotra.ru/img/tt-bg.png); background-repeat: repeat;} .header-sub-nav .active a .stroke {background:none; background-color:#fff; display: block; position: absolute; top: 0px; left: -1px; height: 52px; width: 1px;} .header-sub-nav a:hover .stroke { background-color: #69C; background-image: url(http://i.smotra.ru/img/header-sub-nav-bg.png); background-repeat: repeat-x; background-position: left -50px; height: 50px; width: 1px; display: block; position: absolute; top: 0px; left: -1px; } .ugc { overflow: hidden;} /*.nbt { background-color: #FFF; margin: 0px 0px 20px 0px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; }*/ /*#black .nbt { background-color:#1b202e; border-color:#14171e; border-left-color:#151822; }*/ /*.nbt-header { font-size: 22px; color: #343844; background-image: url(/img/nbt-header.png); letter-spacing: 1px; line-height: 43px; padding-right: 15px; padding-left: 15px; height: 43px; position: relative; text-shadow: 1px 1px 0 #fff }*/ /*.nbt-header .numb, .nbt-title .numb { color: #8A8D95; display: block; font-family: Tahoma; font-size: 11px; line-height: 11px; position: absolute; right: 15px; text-align: left; top: 16px; }*/ /*#black .nbt-header { background-image: url(http://i.smotra.ru/img/nbt-header-black.png); color: #b0b8c6; }*/ /*.nbt-row { padding: 10px 15px; font-size: 13px; position:relative; border-top-width: 1px; border-top-style: solid; border-top-color: #E3E6EA; background-color: #FFF; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #E3E6EA; overflow: hidden;}*/ /*#black .nbt-row { background-color:#1b202e; border-top-color:#14171e; }*/ .nbt#services-user .nbt-row { padding: 5px 15px; } .nbt-row:hover { background-color: #fffeea; } /*#black .nbt-row:hover { background-color: #1e2637; }*/ .nbt-subheader { overflow: hidden; font-size: 21px; background-color: #DFE1E6; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D3D6DC; position:relative; margin-bottom: 1px; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } #black .nbt-subheader { background-color: #202737; border-top-color: #2d3446; border-bottom-color: #14171e; color:#B0B8C6; } .nbt-subheader:hover { background-color: #CED1D9; } #black .nbt-subheader:hover { background-color:#242c3e; } .nbt-text { padding: 10px 15px; font-size: 16px; line-height: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #E3E6EA; } #black .nbt-text { border-top-color:#14171e; } .nbt .b { background-color: #F8F9FA; } .nbt#info .col-1 { color:#999999; float:left; width:35%; } .nbt#info .col-2 { float:right; width:60%; } #black .nbt#info .col-1 { color:#41495b; } .nbt#services .col-1 { float:left; width:60%; font-size: 14px; padding-top:2px; } .nbt#services .col-2 { float:right; width:35%; font-size: 18px; text-align: right; } .topic-inf { margin-top: 2px; font-size: 11px; color: #999999; } .tbl.forums-list { font-size: 12px; } .forums-list .nbt-title a { color: #343844; text-decoration: none; } .forums-list .nbt-title a:hover { color: #6699CC; text-decoration: underline; } .forums-group-col { float: left; width: 33%; margin-bottom: -12px; } .forum-group-row { height: 30px; line-height: 30px; margin-bottom: 12px; } .forums-list .forum-group-av img { width: 30px; height: 30px; } .forums-list .forum-group-av { float: left; margin-right: 5px; } .tbl.forums-list tbody td { padding: 7px 10px; } .tbl.forums-list .big-title { font-size: 18px; } .tbl.forums-list .topic-title { font-size: 16px; } .tbl.forums-list .forum-lnk { color: #343844; text-decoration: none; } .forum-group-title { position: relative; overflow: hidden; } .forum-group-title .nbt-row-fade { height: 30px; } .tbl.forums-list .forum-group-row .forum-lnk { display: block; height: 30px; white-space: nowrap; } .size-S .tbl.forums-list .forum-group-row .forum-lnk { width: 135px; } .size-M .tbl.forums-list .forum-group-row .forum-lnk { width: 205px; } .size-L .tbl.forums-list .forum-group-row .forum-lnk { width: 245px; } .tbl.forums-list .forum-lnk:hover { color: #6699CC; text-decoration: underline; } .tbl.forums-list .deleted td { background-color: #FCE7E4; } .forums-list .info-l, .forums-list .info-s { float: left; margin-top: 0; } .forums-list .info-s .info-comments { margin-right: 5px; } .forums-list .numb-f { font-size: 11px; font-family: Tahoma; line-height: 11px; color: #8A8D95; display:block; float: left; text-align:left; margin-left: 5px; margin-top: 13px; float: right; } .forums-list .numb-f a, .forums-list .numb-f a:hover { color: #8A8D95; } .forums-list .numb { font-size: 11px; font-family: Tahoma; line-height: 11px; color: #8A8D95; display:block; float: left; text-align:left; margin-left: 5px; } .big-title.forum-lnk { float: left; } .forum-desc { font-size: 12px; margin-top: 3px; } .last-post-title { margin-bottom: 5px; } .last-author-av { float: left; width: 30px; padding-top: 2px; } .last-author { float: left; margin-left: 7px; } .last-author .author-name { display: block; overflow: hidden; height: 15px; } .size-S .last-author .author-name { max-width: 110px; } .size-M .last-author .author-name { max-width: 170px; } .size-L .last-author .author-name { max-width: 210px; } .last-author .last-date { font-size: 12px; color: #999999; text-decoration: none; font-size: 11px; } .topics-badge-important { background-position: bottom left; } .topics-badge { float:left; background-color: #FF2E2B; color: #FFFFFF; padding-left: 7px; padding-right: 6px; line-height: 16px; font-size: 11px; margin-right: 5px; margin-top: 2px; } .nbt.forums-posts .nbt-row { padding: 5px 15px; } .nbt.forums-posts .nbt-row a.topic-title { font-size: 14px; color: #343844; text-decoration: none; } .nbt.forums-posts .nbt-row a.topic-title:hover { color: #6699CC; text-decoration: underline; } .nbt.forums-posts ul.info-s { margin-top: 4px; } .nbt.forums-posts ul.info-s li { height: 20px; } .nbt.forums-posts .info-forum a { color: #BABABA; text-decoration: none; } .nbt.forums-posts .info-forum a:hover { text-decoration: underline; } .nbt.forums-posts .status-new.status-new-s { margin-top: 1px; margin-right: 4px; } @-moz-document url-prefix() { .button-big { padding:0px 20px 4px 20px } } .form-input, .form-input-big { border-top-color: #C6CBD0; border-right-color: #E3E6EA; border-bottom-color: #E3E6EA; border-left-color: #C6CBD0; } .form-input.disable { color: #999999; background-color:#CCCCCC; } textarea.form-input { border-width: 1px; margin-top:0px; margin-bottom:0px; } textarea.form-input:focus { border-width:1px; } .nbt .col2 { margin: 5px 0px; } .nbt .sm_checkbox a { position: absolute; top: 50%; left: 15px; z-index: 15; width:26px; height:26px; margin-top:-13px; background-image: url(http://i.smotra.ru/img/nb-checkbox.png); background-repeat: no-repeat; background-position: center top; display: block; } #black .nbt .sm_checkbox a { background-image: url(http://i.smotra.ru/img/nb-checkbox-black.png); } .nbt .sm_checkbox a:hover { cursor:pointer; background-color: #6699cc; } .nbt .sm_checkbox.active a { background-position: center bottom; } .nbt .sm_checkbox.half-active a { background-position: center center; } .nbt .sm_checkbox.disable a, .nbt .sm_checkbox.disable span { background-color: #FFFFFF; opacity: 0.5; } .nbt .nbt-subheader .drag { left: 55px; } .nbt .drag { display:block; width:30px; height:30px; position: absolute; top: 50%; left: 55px; z-index: 15; margin-top:-15px; background-image: url(http://i.smotra.ru/img/nb-drag.png); background-repeat: no-repeat; background-position: 10px 0px; cursor:move; } .nbt .drag:hover { background-position: 10px -30px; cursor:move; } .nbt .service-name { font-size: 16px; line-height:16px; padding-top: 9px; padding-right: 145px; padding-bottom:8px; } /* fix by Ph */ .nbt .active .service-name { color: #666; } /* fix by Ph */ .nbt .service-category { } .nbt .active .service-price { display: block; } /* fix by Ph */ .nbt .service-price { font-size: 21px; width:100px; text-align:right; position: absolute; /*top: 50%; */right: 15px; z-index: 15; /*margin-top: -19px; */} /* fix by Ph */ .nbt#services-user .service-price { line-height:22px; /*margin-top:-11px; */} .nbt .service-price .form-input { text-align:right; padding-right:6px; } .nbt .service-price .form-input:focus { padding-right:5px; } .nbt#services-admin-edit .service-name { padding: 0px 0px 0px 90px; } .nbt#services-user-edit .service-name { padding-left: 45px; } #white .nbt#services-user-edit .service-name { color:#999; } #white .nbt#services-user-edit .active .service-name { color:#666; } #black .nbt#services-user-edit .service-name { color:#545E72; } #black .nbt#services-user-edit .active .service-name { color:#6A7791; } .nbt#map-list .service-name { padding-left: 35px; padding-right:0px; } .nbt#services-admin-edit .service-category { padding-left: 90px; padding-right:45px; } .nbt#services-user-edit .service-category { padding-left: 45px; padding-right:45px; } .nbt .service-category .form-input { font-size:21px; padding-top: 4px; padding-bottom: 3px; } .nbt .service-name .form-input { font-size:16px; padding-top: 6px; padding-bottom:7px; } .nbt#services-user-edit .nbt-row { padding: 5px 15px; } .nbt#map-list .nbt-row { padding: 2px 15px; } .nbt .open-close { display:block; width:30px; height:30px; position: absolute; top: 50%; right: 15px; z-index: 15; margin-top:-15px; background-image: url(http://i.smotra.ru/img/openclose.png); background-repeat: no-repeat; background-position: center top; } .open-close:hover { cursor:pointer; } .block-open .open-close { background-position: center -60px; } .block-open .open-close:hover { background-position: center -90px; } .block-close .open-close { background-position: center 0px; } .block-close .open-close:hover { background-position: center -30px; } /*.nbt-header.add-header { color: #FFF; background-color: #54627c; background-image: url(http://i.smotra.ru/img/nbt-add-header.png); text-shadow: #566178 -1px -1px 0px; }*/ #black .nbt-header.add-header { background-image: url(http://i.smotra.ru/img/nbt-add-header-black.png); } .nbt#company-map-info .company-field-name { float: left; width: 20%; font-size: 16px; padding-top: 8px; } .nbt#company-map-info .company-field-value { float: right; width: 77%; } .nbt#company-map-list .company-field-name { float: left; width: 20%; font-size: 16px; } .nbt#company-map-list .company-field-value { float: right; width: 77%; font-size: 21px; } .nb-header-comments { color:#343844; font-size: 32px; line-height: 60px; height: 60px; background-image: url(http://i.smotra.ru/img/nb-header-comments.png); background-repeat: repeat-x; background-position: 0px 400px; margin-right: 0px; margin-bottom: 15px; margin-left: 0; } #black .nb-header-comments { background-image: url(http://i.smotra.ru/img/nb-header-comments-black.png); color: #b0b8c6; } .nb-header-comments span.numb, .nb-header-comments span.numb-new, .nb-header-comments span.add, .nb-header-comments span.text { background-image: url(http://i.smotra.ru/img/nb-header-comments.png); background-repeat: repeat-x; background-position: 0px 0px; font-weight: normal; display: inline-block; padding-right: 8px; padding-left: 8px; position: relative; letter-spacing: 0em; } #black .nb-header-comments span.numb, #black .nb-header-comments span.numb-new, #black .nb-header-comments span.add, #black .nb-header-comments span.text { background-image: url(http://i.smotra.ru/img/nb-header-comments-black.png); } .nb-header-comments span.text { background-position: 0px -60px; padding-left:15px; padding-right:15px; border-left:1px solid #E8E9EA; } #black .nb-header-comments span.text {border-left:1px solid #151822;} .nb-header-comments span.numb { background-color: #999; background-position: 0px -120px; } .nb-header-comments span.numb-new { background-color: #FC0; background-position: 0px -180px; } .nb-header-comments span.numb-new a { color:#343844; } .nb-header-comments span.add { background-color:#6699CC; background-position: 0px -240px; text-decoration:underline; color: #fff; border-right:1px solid #DADDE0; } #black .nb-header-comments span.add {border-right:1px solid #14171E;} .nb-header-comments .add-hover { display:none; font-size:16px; height:42px; letter-spacing:0; line-height:16px; padding:13px 12px 5px 12px; left:0; top:0; background-color:#6699CC; color:#FFFFFF; position:absolute; text-decoration:underline; white-space:nowrap; z-index:2; background-image: url(http://i.smotra.ru/img/nb-header-comments.png); background-repeat: repeat-x; background-position: 0px -240px; border-right:1px solid #DADDE0; } #black .nb-header-comments .add-hover {border-right:1px solid #14171E; background-image: url(http://i.smotra.ru/img/nb-header-comments-black.png);} .nb-header-comments .add:hover .add-hover { display:block; } .nb-delete-comments { text-align:right; font-size:12px; position: absolute; right:0; top:20px; z-index: 15; } .nb-user-list { background-color: #FFF; margin: 20px 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #E3E6EA; border-left-width: 1px; border-left-style: solid; border-left-color: #EEEFF0; } #black .nb-user-list { background-color:#1b202e; border-color:#14171e; border-left-color:#151822; } .nb-user-list-row { padding: 10px 15px; overflow: hidden; position:relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3E6EA; background-color: #FFF; height:60px; line-height:60px; } #black .nb-user-list-row { background-color:#1b202e; border-bottom-color:#14171e; } .nb-user-list-row:hover { background-color: #E2EEFC; } #black .nb-user-list-row:hover { background-color: #1e2637; } #black .nb-user-list { background-color:#1b202e; border-bottom-color:#14171e; } .nb-user-list-head { overflow: hidden; position:relative; line-height:30px; background-color:#54627C; background-image:url("http://i.smotra.ru/img/nbt-add-header.png"); color:#FFF; font-size:12px; } #black .nb-user-list-head { background-image:url("http://i.smotra.ru/img/nbt-add-header-black.png"); } .nb-user-list-head a { text-decoration:none; padding: 0px 15px; display:block; } #white .nb-user-list-head a { color:#fff; } #black .nb-user-list-head a { color:#C7DDF3; } .nb-user-list-head a:hover { text-decoration:underline; } .nb-user-list-head .active { background-image: url(http://i.smotra.ru/img/black-trans-10.png); } .nb-user-list .user-avatar { height: 60px; width: 60px; margin-top: -30px; position: absolute; top: 50%; } #black .nb-user-list .user-avatar { background-color:#6A7791; } .nb-user-list .user-name { width:64%; float:left; } .nb-user-list .valign { display:inline-block; vertical-align:middle; } .nb-user-list h2 { margin:0; } #white .nb-user-list h2 { color:#71767c } #black .nb-user-list h2 { color:#6A7791 } .nb-user-list .user-name h2 { margin-left:70px; } .nb-user-list .user-respect, .nb-user-list .user-services, .nb-user-list .user-comments { width:12%; float:left; text-align:center; } .nb-user-list .user-respect h2 { padding:5px 10px; } #white .nb-user-list .user-respect h2 { color: #FFF; background-color: #6C0; } #black .nb-user-list .user-respect h2 { color: #FFF; background-color: #390; } ul.check-list { overflow:hidden; font-size:16px; } ul.check-list li.sm_checkbox { float:left; line-height:normal; margin-right:20px; position:relative; padding-top:3px; } #company-filter ul.check-list li.sm_checkbox, .add-categories ul.check-list li.sm_checkbox { width:33%; margin-right:0; } #company-filter /*.add-buttons*/ { margin-top:6px; } .nbt ul.check-list .sm_checkbox a, ul.check-list .sm_checkbox a { background-image:url("http://i.smotra.ru/img/nb-checkbox.png"); background-position:center top; background-repeat:no-repeat; display:block; height:26px; left:15px; width:26px; float:left; margin-right:10px; position:relative; margin-top: -3px; left:auto; min-height:26px; } ul.check-list a:hover { background-color:#69C; } ul.check-list .active a, .nbt ul.check-list .active a { background-position:center bottom; } ul.check-list .half-active a, .nbt ul.check-list .half-active a { background-position:center center; } #black ul.check-list .active { color:#C7DDF3; } #black ul.check-list a { background-image:url("http://i.smotra.ru/img/nb-checkbox-black.png"); } .chat { position:relative; } .nbt#chat-list { margin:0; } .nbt#chat-list .nbt-row { padding: 5px 10px; } .chat-left { width:240px; position:absolute; top:0; left:0; } /*.chat-left, .chat-right { height:400px; overflow-y:scroll; background-color:#fff; }*/ .chat-right { margin-left:260px; } .chat-msgs { padding: 10px 15px; font-size:14px; } .chat-msg-body { position:relative; margin:5px 15px; font-size:14px; } /*.chat-msg-date { position:absolute; top:2px; left:0; width:80px; text-align:right; font-size: 11px; font-family: Tahoma; color:#BABABA; overflow: hidden; height: 12px; line-height: 12px; }*/ .chat-msg-text { margin-left: 90px; } .chat-new-msg { margin-left:260px; padding:20px; background-color: #CFD9E0; margin-top:10px; } .nb-user-list#chat-list { margin:0; } .chat-new-msg input.form-input { font-size:14px; padding-top:6px; padding-bottom:6px; } #chat-list .user-avatar { width:30px; height:30px; margin-top:-15px; left:10px; } #chat-list .user-name { margin-left: 36px; font-size:12px; } #chat-list .nb-user-list-row { line-height:normal; padding:10px 10px; height:auto; } .map-border { border-width: 1px; border-style: solid; border-top-color: #CCC; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #CCC; margin-right: 1px; margin-left: 1px; } .sm-balloon-layout { position:absolute; font-size: 12px; padding: 2px; background-image: url(http://i.smotra.ru/img/black-trans-10.png); background-repeat: repeat; margin-left:-12px; margin-top: 2px;} .sm-balloon-layout .sm-balloon-content {background-color: #FFF; padding:10px 12px; min-width:120px;} .sm-balloon-layout .sm-balloon-close { position:absolute; height:15px; width: 15px; right: 2px; top: 2px; background-image: url(http://i.smotra.ru/img/sm-ballon-close.gif); background-repeat: no-repeat; background-position: center center;} .sm-balloon-layout .sm-balloon-close:hover { cursor:pointer;} .sm-balloon-header { font-size:13px; font-weight:bold; } .sm-balloon-arr { background-image: url(http://i.smotra.ru/img/sm-balloon-arr.gif); background-repeat: no-repeat; background-position: left top; height: 4px; width: 7px; position: absolute; left: 12px; top: -2px; } /*.add-buttons*/ { overflow:hidden;} .msg-draft { background-image: url(http://i.smotra.ru/img/msg-underconstruction.png); } body#blank { background-color:#eaeaea;} .blank-logo { position:absolute; top:0px; left:0px; margin-top:-70px;} .blank-logo a {display:block; float:left; line-height:0px;} .blank-content { background-color:#fff; position:absolute; width:800px; height:400px; top:50%; left:50%; margin-left:-400px; margin-top:-200px; line-height:400px; text-align:center;} .blank-msg { display:inline-block; vertical-align:middle; line-height:auto;} .pa-input-box {padding-top:4px;} .post-short h3 { font-size:21px; } .profile-photo { background-color: #FFF; padding: 9px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; } .profile-gallery {padding: 9px;} #black .profile-photo { background-color:#1b202e; border-color:#14171e; border-left-color:#151822; } .cars-short ul.post-info li, .post-short ul.post-info li, .review-short ul.post-info li { font-weight:normal; } ul.cars-short ul.post-info li.post-comments, .post-short ul.post-info li.post-comments, .review-short ul.post-info li.post-comments, .post-bj-anons ul.post-info li.post-comments, .post-short ul.post-info li.post-edut {font-weight:bold;} .nbt.users-short-list .nbt-row {line-height:26px; height:30px; } /*.nbt .nbt-header { overflow:hidden; white-space: nowrap; }*/ .users-short-list .user-avatar { height: 30px; width: 30px; margin-top: -15px; position: absolute; top: 50%;} .users-short-list .user-rating { width:20%; float:right; text-align:right;} .users-short-list .user-name { width:80%; float:left; overflow:hidden; } .users-short-list .user-name h3 { margin-left:40px; font-size:21px; } .users-short-list .user-name h5 { margin-left:40px; font-size:16px; } .users-short-list .user-rating h5 { padding:4px 8px; font-size:13px; height:16px; line-height:16px; } #white .user-rating h5 { color: #FFF; background-color: #F90; } #black .user-rating h5 { color: #FFF; background-color: #F90; } .valign { display:inline-block; vertical-align:middle; } /* Новая вёрстка и ЦСС для блоков из правой колонки */ .cars-list-s {} .nbt.cars-list-s .nbt-row, .nbt.videos-list-s .nbt-row {padding:0; float:left; border:0; width: 120px; height: 90px; overflow: hidden;} .review-list-s .review-header, .review-new .review-header { bottom: 10px; padding: 5px 10px; } .review-list-s .review-header h3, .review-new .review-header h3 { font-size: 18px; max-width: 330px; overflow: hidden; } .main-page .post-list-s h3 { height: 22px; overflow: hidden; white-space: nowrap; } .main-page .post-list-s h3 a { font-size: 16px; } .main-page .post-list-s .nbt-row { height: 49px !important; } .main-page .nbt-box.posts-main.other .nbt-row { height: 44px !important; } .main-page .post-list-s .col-1 { left: 10px; } .main-page .post-list-s .col-1 img { width: 35px; height: 35px; } .main-page .post-list-s ul.info-s { margin-top: 0; } .main-page .videos-list-s .bl-content .nbt-box { height: 360px; } .main-page .photos-list-s, .main-page .videos-list-s { float: left; width: 240px; } .main-page .videos-list-s { border-right: 0; } .main-page .review-list-s { float:left; width: 359px; border-left: 0; } .main-page .review-list-s .nbt-box { border-top: 1px solid #E3E6EA; } .main-page .review-list-s .nbt-row { border-top:0; padding:0; } .main-page .review-list-s .nbt-row .col-1 a { display: block; height: 180px; } .main-page .col-left { width: auto !important; } .size-S .main-page .col-right { width: 322px !important; } .size-M .main-page .col-right { width: 582px !important; } .size-L .main-page .col-right { width: 860px !important; } .main-page .col-right .post-list-s { margin-bottom: 6px; } .main-page .post-list-s { overflow: hidden; } .main-page .post-list-s .nbt-box { overflow-y: auto; } .nbt-box.posts-main.auto { height: 300px; } .nbt-box.posts-main.other { height: 225px; } .main-page .posts-main div.new { margin-top: 3px; } .main-page .block-garage-main { width: 600px; margin-bottom: } .main-page .block-garage-main .nbt-box { height: 360px; position: relative; } .main-page .block-garage-main .newbies { float: right; width: 120px; } .main-page .block-garage-main .newbies .nbt-row { width: 120px; height: 90px; } .main-page .block-garage-main .nbt-row { width: 240px; height: 180px; } .main-page .auto-day-block { width: 100%; } .main-page .market-list-s .bl-content { overflow: hidden; } .main-page .market-list-s .nbt-box { width: 1680px; } .main-page .market-list-s .market-nav-lnk { position: absolute; width: 60px; height: 90px; z-index: 99; } .main-page .market-list-s .market-nav-lnk a { display: none; width: 54px; height: 90px; background-repeat: no-repeat; background-position: right center; } .mobile .main-page .market-list-s .market-nav-lnk a {display: block;} .main-page .market-list-s .market-nav-lnk:hover a { display: block; } .main-page .market-list-s .market-nav-lnk.next { right: 1px; background: url(http://i.smotra.ru/img/nbt-row-fade-s.png) repeat-y 0px 0px; } .main-page .market-list-s .market-nav-lnk.next a { background-image: url(http://i.smotra.ru/img/photo-next-s.gif); } .main-page .market-list-s .market-nav-lnk.prev { left: 1px; background: url(http://i.smotra.ru/img/nbt-row-fade-s-inv.png) repeat-y -60px 0px; } .main-page .market-list-s .market-nav-lnk.prev a { background-image: url(http://i.smotra.ru/img/photo-prev-s.gif); } .main-page .auto-day-block .today { float: left; } .main-page .auto-day-block .today .nbt-row { width: 360px; height: 270px; } .main-page .auto-day-block .yesterday { float: left; } .main-page .auto-day-block .past { float: left; } .main-page .auto-day-block .past .nbt-row { float: left; width: 120px; height: 90px; } .main-page .bl-content .nbt-box.posts-main .nbt-row.read-more { height: 33px !important; padding-top: 6px !important; display: none; } .main-page .nbt-row.read-more a { float: none; margin: 0 auto; width: 80px; text-align: center; } .review-new { position:absolute; right:0; top:0; z-index:26; } .review-new .nbt-row { width:360px !important; height:180px !important; } .review-new h5 { font-size: 13px !important; } .badge-review-new { background-image: url(http://i.smotra.ru/img/badge-review-new.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 73px; height:73px; z-index: 10; } .badge-review-new a { width: 100%; height: 100%; display: block; } .review-new a:hover { background-color: transparent !important; } .review-new a:hover img { opacity: 1 !important; } .cars-list-s .nbt-row .info-comments a:hover { background-color: transparent; } .size-S .auto-day { width: 525px; } .size-M .auto-day { width: 792px; } .size-L .auto-day { width: 1050px; } .auto-day, .auto-yesterday { margin: 0 auto !important; } .nbt.auto-day .nbt-row .info-s { float: left; padding-top: 4px; } .nbt.auto-day .nbt-row { height: 237px; margin-right: 10px; margin-left: 10px !important; background-color: #F7F7F7; } .nbt.auto-day .nbt-row .author-m { display: block; } .nbt.auto-day .button-s { color: #FFFFFF; text-decoration: none; float: right; width: 77px; } .nbt.auto-day .nbt-row h3 { font-size: 16px; line-height: 16px; margin-bottom: 5px; } .size-S .auto-yesterday, .size-M .auto-yesterday { width: 570px; } .size-L .auto-yesterday { width: 860px; } .auto-yesterday.cars-list-m { padding-top: 20px; margin-left: 0; } .auto-yesterday.cars-list-m .nbt-row.winner .col-2 { background-color: #fffeea; } .auto-month.cars-list-m .nbt-row.winner .col-2 { background-image: url(http://i.smotra.ru/img/medal.png); background-repeat: no-repeat; background-position: 3px 25px; } .auto-yesterday.cars-list-m .nbt-row .col-2 { background-color: #F7F7F7; text-align: center; font-size: 12px; height: 30px; } .auto-yesterday.cars-list-m .nbt-row { margin-left: 10px !important; margin-right: 10px; } .auto-yesterday.cars-list-m .day-date { font-size: 17px; } .nbt-pages-vert { position: absolute; right: 0; z-index: 11; background-image: url(http://i.smotra.ru/img/trans-grey-40.png); background-repeat: repeat; } .nbt-pages-vert:hover { background-image: url(http://i.smotra.ru/img/trans-grey-70.png); } .nbt-pages-vert.up { top: 0; } .nbt-pages-vert.down { bottom: 0; } .nbt-pages-vert a { float:left; width: 30px; height: 30px; background-image: url(http://i.smotra.ru/img/nbt-pages-vert.png); background-repeat: no-repeat; } .nbt-pages-vert.up a { background-position: -60px 5px; } .nbt-pages-vert.down a { background-position: -60px -15px; } .main-page .bl-scroll .bl-content, .block-garage-main .bl-content { position: relative; } .main-page .bl-scroll .nbt-pages-vert.up { top: 26px; } .block-garage-main .bl-content .nbt-pages-vert.up { top: 270px; } .badge-day-car {background-image: url(http://i.smotra.ru/img/badge-day-car.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 73px; height:73px; z-index: 10;} .badge-exclusive {background-image: url(http://i.smotra.ru/img/badge-exclusive.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 110px; height:110px; z-index: 10;} .badge-day-car-chosen {background-image: url(http://i.smotra.ru/img/badge-day-car-chosen.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 73px; height:73px; z-index: 10;} .nbt-box.posts-main { height: 351px; overflow-x: hidden; overflow-y: auto; } .nbt-box.posts-main.other .nbt-row .col-2 { padding-left: 0; margin-top: 0; } .nbt-box.posts-main.other .nbt-row .col-2 h3 { height: 20px; overflow: hidden; } .nbt-box.posts-main .nbt-row { padding: 0 15px; } .nbt-box.posts-main.other h3 a { font-size: 14px; } .nbt-box.posts-main .nbt-row .nbt-row-fade { height: 30px; } .nbt-box.posts-main .info-s .info-autos { float: right; margin-right: 0; color: #BABABA; } .nbt-box.posts-main .info-s .info-autos a { color: #BABABA; text-decoration: none; } .nbt-box.posts-main .info-s .info-autos a:hover { text-decoration: underline; } .main-page .post-list-s.events-main .nbt-box { height: 200px; overflow-y: auto; } .main-page .users-list-s { float: left; width: 240px; border-right: 0; } .main-page .users-list-s .nbt-header, .main-page .users-list-s .nbt-nav, .main-page .videos-list-s .nbt-header, .main-page .videos-list-s .nbt-nav { border-right: 1px solid #E0E2E5; } .main-page .users-list-s .nbt-box { height: 360px; } .main-page .photos-list-s { float: left; width: 360px; border-left: 0; } .main-page .photos-list-s .nbt-box { height: 360px; } .main-page .market-list-s { margin-bottom: 26px; } .main-page .market-list-s .nbt-box { height: 90px; } .main-page .company-list-s .nbt-row { height: 65px; line-height: 65px; } .main-page .market-list-s.shop-main { margin-top: 26px; } .size-L .main-page .col-main .nbt.cars-list-s .nbt-row, .size-XL .main-page .col-main .nbt.cars-list-s .nbt-row {width: 116px;} .cars-list-s .car-name { padding-left:130px; line-height:90px;} .cars-list-s .car-name .valign { vertical-align:middle; line-height:normal;} .cars-list-s .car-thumb {height:90px; left:15px; margin-top:-45px; position:absolute; top:50%; width:120px;} .cars-list-s .nbt-row img, .cars-list-s .nbt-row a, .cars-list-l .nbt-row img, .cars-list-l .nbt-row a {display:block;} .cars-list-s .nbt-row { width: 120px; height: 90px;} .cars-list-s h5 { font-size:16px;} .nbt.users-list-s .nbt-row, .nbt.presents-list-s .nbt-row {width: 60px; height: 60px;} .nbt.users-list-s .nbt-row, .nbt.presents-list-s .nbt-row, .nbt.photos-list-s .nbt-row, .nbt.market-list-s .nbt-row, .nbt.market-list-s .nbt-row {padding:0; float:left; border:0; } .users-list-s .nbt-row img, .nbt.presents-list-s .nbt-row img, .users-list-s .nbt-row a, .nbt.presents-list-s .nbt-row a, .photos-list-s .nbt-row img, .photos-list-s .nbt-row a, .market-list-s .nbt-row img, .market-list-s .nbt-row a {display:block; margin: 0 auto;} .users-list-s .nbt-row a, .presents-list-s .nbt-row a { width: 60px; height: 60px;} .photos-list-s .nbt-row { width: 120px; height: 120px;} .market-list-s .nbt-row, .market-list-s .nbt-row { width: 120px; height: 90px;} .cars-list-s .nbt-row a:hover, .photos-list-s .nbt-row a:hover, .users-list-s .nbt-row a:hover, .presents-list-s .nbt-row a:hover, .market-list-s .nbt-row a:hover { background-color:#6699CC;} .photos-list-s .nbt-row .info-s a:hover {background-color:transparent;} .cars-list-s .nbt-row a:hover img, .photos-list-s .nbt-row a:hover img, .users-list-s .nbt-row a:hover img, .presents-list-s .nbt-row a:hover img, .market-list-s .nbt-row a:hover img { opacity:0.35;} .post-list-s {} .post-list-s h3 {margin-bottom:2px;} .post-list-s ul.info-s, .global-search-results ul.info-s {margin-top:4px;} .main-page .col-main .nbt.post-list-s .nbt-row, .nbt.tracker-list-s .nbt-row {padding-bottom:0px; padding-top:0px; height: 59px;} .post-list-s div.now, .post-list-s div.new, .global-search-results div.new { margin-right:5px; float: left; color: #FFF; background-color: #C00; font-family: Tahoma; font-size: 11px; padding-top: 1px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; } .post-list-s div.new, .global-search-results div.new { background-color: #FC0; color: #000; } /*.col-main .nbt.post-list-s .nbt-row { height: 50px; }*/ .main-page .post-list-s .col-1 { margin-top: -16px; } .main-page .post-list-s .col-2 { margin-top: 4px; padding-left: 40px; } .size-S .main-page .post-list-s .col-1 { display: none; } .size-S .main-page .post-list-s .col-2 { padding-left: 0; } .nbt.garage-s .nbt-row { padding-left: 145px; height:90px; line-height:89px;} .nbt.garage-s .col-1 {height:90px; left:15px; margin-top:-45px; position:absolute; top:50%; width:120px;} .nbt.garage-s .col-2 {display:inline-block; line-height:normal; overflow:hidden; vertical-align:middle;} .nbt.user-info .col-1 { color:#999999; float:left; width:35%; } .nbt.user-info .col-2 { float:right; width:60%; } .nbt.car-chars .col-1 { color:#999999; float:left; width:60%; } .nbt.car-chars .col-2 { float:right; width:35%; text-align: right } .size-S .nbt.car-chars .nbt-group-1 {width: 50%; float:left;} .size-S .nbt.car-chars .nbt-group-2 {width: 50%; float:left;} .nbt.car-chars .nbt-row { overflow: hidden;} #black .nbt.user-info .col-1 { color:#41495b; } ul.info-s { font-size:11px; font-family:Tahoma;} ul.info-s li { line-height:16px; margin-right: 8px; float:left; } ul.info-s li.info-user { font-weight:normal;} .garage-s ul.info-s {margin-top: 5px;} ul.info-m { font-size:16px; font-family:Arial; height: 30px;} ul.info-m li { line-height:22px; margin-right: 10px; float:left; } ul.info-m li.info-user { font-weight:normal;} ul.info-l { font-size:21px; font-family:Arial; margin-top:15px; } ul.info-l li { line-height:30px; margin-right: 10px; float:left; } ul.info-l li.info-user { font-weight:normal;} .post-header ul.info-m {margin-top:5px;} .post ul.info-m {margin-top:15px;} ul.info-s li.info-respect div, ul.info-s li.info-rating div { color: #fff; padding: 0 5px;} ul.info-m li.info-respect div, ul.info-m li.info-rating div { color: #fff; } li.info-rating, li.info-respect, {min-width:25px; cursor: default;} li.info-rating div.numb, li.info-respect div.numb, .voting div.numb {background-repeat: repeat-x; background-position: left center; color: #FFF; background-color: #CCC; text-align:center; float: left; min-width: 30px; } li.info-rating div.numb a, li.info-respect div.numb a, .voting div.numb a {color: #FFF; text-decoration: none; padding: 0 5px;} li.info-rating div.plus { background-position: left top; background-color: #F90; } li.info-respect div.plus, .voting div.numb.plus { background-position: left top; background-color: #9C0; } .info-rating div, .info-respect div { background-position: left center; } ul.info-s li.info-respect div {background-image: url(http://i.smotra.ru/img/info-s-respect.png); } ul.info-m li.info-respect div {background-image: url(http://i.smotra.ru/img/info-m-respect.png); } ul.info-s li.info-rating div {background-image: url(http://i.smotra.ru/img/info-s-rating.png); } ul.info-m li.info-rating div {background-image: url(http://i.smotra.ru/img/info-m-rating.png); padding:0 5px; } li.info-rating div.minus, li.info-respect div.minus, .voting div.numb.minus { background-position: left bottom; background-color: #C00; } ul.info-s li.info-participants{ height: 21px; width:48px; background-image: url(http://i.smotra.ru/img/events-participants.png); background-position: center top; } ul.info-s li.info-participants span { display: block; margin-top:1px; margin-left: 12px; width: 18px; text-align: center; } ul.info-s li.info-comments{ height: 20px; background-image: url(http://i.smotra.ru/img/info-s-comments.png); background-position: center top; } ul.info-m li.info-comments{ height: 26px; background-image: url(http://i.smotra.ru/img/info-m-comments.png); background-position: center top; } ul.info-l li.info-comments{ height: 35px; background-image: url(http://i.smotra.ru/img/info-l-comments.png); background-position: center top; } li.info-bj {background-image: url(http://i.smotra.ru/img/info-s-bj.png); background-position: left top; background-repeat: no-repeat;} li.info-bj a {display:block; color:#666; text-decoration:none; text-align:center; padding-left: 15px;} li.info-comments a {color:#666; text-decoration:none; display:block; float:left; padding:0 6px 0 5px;} li.info-comments a.new { background-color: #FC0; color:#343844; padding-left:2px; padding-right:5px; margin-left:-3px; background-repeat:no-repeat; background-position: center -40px; } ul.info-s li.info-comments a.new {background-image: url(http://i.smotra.ru/img/info-s-comments.png);} ul.info-m li.info-comments a.new {background-image: url(http://i.smotra.ru/img/info-m-comments.png);} ul.info-l li.info-comments a.new {background-image: url(http://i.smotra.ru/img/info-l-comments.png);} li.info-comments a.closed { background-image: url(http://i.smotra.ru/img/info-s-closed.gif); background-repeat: no-repeat; background-position: center center; width:7px; padding:0px 0px 0px 10px;} .post li.info-date { color: #999;} ul.info-m li.info-date { font-size: 13px;} ul.info-l li.info-date { font-size: 16px;} ul.info-m li.info-author { font-weight: bold; } li.info-author {position: relative;} .info-date {color:#bababa;} .info-ip { display: none; font-size: 13px; } .post:hover li.info-controls, .post:hover li.info-ip, .afisha:hover li.info-controls, .afisha:hover li.info-ip, .video:hover li.info-controls, .video:hover li.info-ip, .post-list-s .nbt-row:hover li.info-controls, .review:hover li.info-controls, .review:hover li.info-ip { display: block; z-index: 20; position: relative;} .mobile li.info-controls { display: block !important; z-index: 20; position: relative;} ul.info-m li.info-controls { margin-top:-4px; margin-right: 0;} ul.info-l li.info-controls, ul.info-m li.info-controls, ul.info-s li.info-controls { float: right; display: none;} .controls-edit, .controls-bayan, .controls-delete, .controls-track, .controls-claim {display:block; float:left; margin-left:10px; height:30px; width:30px; background-repeat: no-repeat; background-position: center center; } .controls-claim {background-image: url(http://i.smotra.ru/img/post-claim.png);} .controls-edit {background-image: url(http://i.smotra.ru/img/post-edit.png);} .controls-bayan {width:40px; background-image: url(http://i.smotra.ru/img/post-bayan.png); background-position: top center;} .controls-delete {background-image: url(http://i.smotra.ru/img/post-delete.png); } .controls-bayan-numb { line-height: 30px; font-size: 21px; text-decoration: none;} .info-s .info-controls a { width: 16px; height: 16px;} .info-s .controls-edit {background-image: url(http://i.smotra.ru/img/controls-edit-s.png);} .info-s .controls-claim {background-image: url(http://i.smotra.ru/img/controls-claim-s.png);} .info-s .controls-delete {background-image: url(http://i.smotra.ru/img/controls-delete-s.png);} @-moz-document url-prefix() { .info-s li.info-rating div, .info-s li.info-respect div, .info-s li.info-comments a, .info-s li.info-bj { line-height:14px; height:16px;} } /* ПЕРЕДЕЛКА КОСТМАС! */ .geolocation { height:300px; background-color: #CCC; clear: both; margin-top:10px; } .head-banner { } .head-banner a { } .nav-ban1 { height:40px; position: absolute; top: 0px; right: 0px; z-index:255; } .global-nav-1 .nav-ban1 a { padding:0; } .global-nav-1 .nav-ban1 img {display:block;} .nbt-nav { background-color: #dce1e8; font-size: 13px; height: 26px; line-height: 24px; border-top-width: 1px; border-top-style: solid; border-top-color: #cbd4de; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbd4de; padding-right: 5px; padding-left: 5px; position: relative; z-index: 2; overflow: hidden; } .post-list-s .nbt-nav, .review-list-s .nbt-nav, .company-list-s .nbt-nav, .new-pm .nbt-nav {margin-bottom: -1px;} .nbt-nav li, .nbt-paginator li { float:left; margin-right: 5px; } .nbt-nav li.active a, .nbt-paginator li.active a { color:#fff; background-image: url(http://i.smotra.ru/img/table-nav.png); background-repeat: repeat-x; background-position: left center; } .nbt-nav a { padding-right: 10px; padding-left: 10px; display:block; text-decoration:none; height: 26px; line-height: 26px; } .nbt-nav a span {background-image: url(http://i.smotra.ru/img/dotted-s.gif); background-repeat: repeat-x; background-position: left bottom;} .nbt-nav a span span {background-image: none;} .nbt-nav li.active a span {background-image:none;} .nbt-nav li a:hover span {background-image:none;} .nbt-nav li.girls-btn { display: none; } .nbt-nav li.girls-btn a span { background-image: url(http://i.smotra.ru/img/dotted-s-f.gif); } .nbt-nav li.girls-btn.active a { background-image: url(http://i.smotra.ru/img/table-nav-f.png); } .nbt-header a { text-decoration:none; color:#343844;} .nbt-header a.f, .nbt-header a.f:hover { color: #FE56A2;} .nbt-header a.m, .nbt-header a.m:hover { color: #3389E8;} /*.nbt-header a.cmty, .nbt-header a.cmty:hover { color: #88BB00;}*/ /*.nbt-header a.club, .nbt-header a.club:hover { color: #FF6600;}*/ .nbt-header a:hover { text-decoration:underline; color:#6699CC;} .nbt-paginator { background-color: #dce1e8; height:25px; border-top-width: 1px; border-top-style: solid; border-top-color: #cbd4de; font-size: 12px; line-height: 25px; padding-right: 15px; padding-left: 15px;} .nbt-paginator li a{ display: block; padding: 0 6px; text-decoration: none; } .post-list-s .col-1 { height: 40px; width: 40px; left: 15px; margin-top: -20px; position: absolute; top: 50%; overflow: hidden; } .post-list-s .col-1 img { width:39px;} .post-list-s .col-2 { padding-left: 50px; overflow: hidden; margin-top:9px; //padding-top:9px; } .photos-list-s .nbt-box, .cars-list-s .nbt-box, .users-list-s .nbt-box, .presents-list-s .nbt-box, .videos-list-s .nbt-box, .market-list-s .nbt-box {max-height:360px; overflow: hidden;} .photos-list-s .info-s, .cars-list-s .info-s, .market-list-s .info-s, .review-list-s .info-s, .videos-list-s .info-s { position: absolute; z-index:25; left:0; top:0;} .photos-list-s .info-s li, .cars-list-s .info-s li, .market-list-s .info-s li, .videos-list-s .info-s li { margin-right:0px;} .main-page .post-list-s .col-2 {display:block;} .col-main .post-list-s h3 { white-space: nowrap;} .nbt-row-fade { background: url(http://i.smotra.ru/img/nbt-row-fade-s.png) repeat-y 0px 0px; position: absolute; width:60px; height:100%; right:0px; top:0px; z-index: 5; } .nbt-row:hover .nbt-row-fade { background-position: -60px 0px; } .author-s, .author-m {position: absolute; bottom:0px; right:0px; font-size:11px; font-family: Tahoma; z-index:35; display: none; max-width:100%; white-space: nowrap; padding: 0 10px; height: 20px; line-height: 20px; background-image: url(http://i.smotra.ru/img/tt-bg.png); } .author-m { height: 24px; line-height: 24px; } .author-s a { } .photos-list-s .nbt-row .author-s a:hover { background-color: transparent; } .nbt-row:hover .author-s, .nbt-row:hover .author-m {display: block; } .info-event-date {} .info-event-type {color:#343844;} .banner-main-100x90 {height: 90px; background-color: #6699cc; line-height: 90px; text-align: center; color:#fff; margin-bottom:20px; margin-top:-20px; } .review-list-s .nbt-row { padding-bottom: 0;} .spec-list-s .nbt-row .col-1 { overflow: hidden; position: relative; height: 125px; margin: -10px -15px 0 -15px;} .spec-list-s .nbt-row .col-1 { height: 200px;} .review-list-s .nbt-row h3, .review-new .nbt-row h3 { white-space: nowrap; overflow: hidden; margin-top:5px; margin-bottom:0; padding-bottom:2px;} .spec-list-s .nbt-row img, .spec-list-s .nbt-row .col-1 a{display:block;} .spec-list-s .nbt-row .col-1 a img { position: absolute; left:50%; margin-left:-180px; margin-top: -40px; } .spec-list-s .nbt-row .col-1 a img { margin-top: -20px;} .spec-list-s .nbt-row .col-2 {padding: 10px 0;} .company-list-s .nbt-row { height: 119px; padding-top:0px; padding-bottom:0px; line-height:119px; padding-left:90px;} /*.company-list-s .col-1 { width: 60px; height: 60px; left: 15px; margin-top: -30px; position: absolute; top: 50%; overflow: hidden; }*/ .company-list-s .col-1 img {width: 60px; height: 60px; display: block;} .company-list-s .col-2 { display:inline-block; line-height:normal; overflow:hidden; vertical-align:middle;} .spec-list-s {height: 437px;} .new-pm { width: 90%; padding:0; margin: 40px auto;} .new-pm .nbt {margin:0;} .new-pm .col-left { width:350px; position: absolute; top:0; left:0; float:none; z-index:5;} .new-pm .col-main { float:none; padding-left:370px;} .new-pm-cl .nbt-row { padding: 0 15px; line-height: 40px; } /*.new-pm-cl .col-1 img { width: 30px; height: 30px;}*/ /*.new-pm-cl .col-1 { height:30px; left:15px; margin-top:-15px; overflow:hidden; position:absolute; top:50%; width:30px; z-index: 30; } .new-pm-cl .col-2 { overflow:hidden; padding-left:35px; z-index: 25; position: relative; font-size: 16px;} .new-pm-cl .col-2 a { display: block; text-decoration: none;} .new-pm-cl .col-3 { position:absolute; right:15px; width: 100px; height: 40px; top:0; z-index: 15;} .new-pm-cl .info-date { font-family: Tahoma; font-size: 11px; text-align: right; line-height: normal; float:right; padding:1px 5px 2px 5px; margin-top:12px;} .new-pm-cl .new .info-date {background-color:#FFCC00; color:#000;} .new-pm-cl-box { height: 410px; overflow-y: auto;}*/ /*.new-pm-msg-box { overflow-y: auto; padding: 5px 0; height: 290px;}*/ /*.chat .new-pm-msg-box { height:302px;}*/ .new-pm-msg-box .nbt-row { border:0; overflow: visible;} .new-pm-msg-box .nbt-row.my { background-color:#eaf7ff; } .new-pm-msg .info-date { text-align: left; font-family: Tahoma; font-size: 11px;} .new-pm-msg .col-1 {margin-bottom:5px; font-family: Tahoma; font-size: 11px; color: #BABABA; height: 14px;} .new-pm-msg .col-2 { clear: both;} .nbt-row.no-hover-bg:hover { background-color: inherit; } .nbt-row.no-hover-bg.my:hover { background-color: #eaf7ff; } /*.new-pm-msg-box-fade { border-top:1px solid #E3E6EA; position: relative;}*/ /*.new-pm-msg-box-fade-t, .new-pm-msg-box-fade-b { position: absolute; left:0; right:17px; height: 20px; z-index: 50; background-position: top left; background-repeat: repeat-x; }*/ /*.new-pm-msg-box-fade-t { top:0px; background-image: url(http://i.smotra.ru/img/new-pm-msg-box-fade-t.png);}*/ /*.new-pm-msg-box-fade-b { bottom:0px; background-image: url(http://i.smotra.ru/img/new-pm-msg-box-fade-b.png);}*/ .pm-msg-line { height: 1px; clear: both; background-color: #e3e6ea; margin-top:12px} .pm-msg-line-fix {height: 1px; clear: both; background-color: #fff; margin-top:-1px; z-index: 50px; position: relative;} .form-input.pm-input { font-size:13px; height: 50px; margin-bottom:5px;} .form-input.chat-input { font-size:16px; margin-bottom:5px; letter-spacing:0px; } #white h5.pm-msg-new-header { margin-bottom:4px; color:#343844;} /* commented by egza .nbt-header-numb { font-size: 11px; font-family: Tahoma; letter-spacing: 0px; vertical-align: super; line-height:11px; color: #BABABA; } */ .info-delete { float:right; display: none;} .new-pm-msg .nbt-row:hover .info-delete { display: block;} .new-pm-msg .col-1 .info-date { display: block; padding:1px 5px 2px; float:left; margin-left: -4px; } /*.new-pm-msg .new .info-date { background-color:#FFCC00; color:#000000; }*/ .new-pm-cl-add .form-input { font-size: 16px;} .new-pm-cl .nbt-nav.new-pm-cl-add { padding:7px 15px; line-height: normal; height: auto; } .new-pm-cl .nbt-row.active { background-color: #fffadc;} .users-list-s .nbt-row a.m { background-color: #3389E8;} .users-list-s .nbt-row a.f { background-color: #FE56A2;} .users-list-s .nbt-row a.cmty { background-color: #8B0;} .users-list-s .nbt-row a.club { background-color: #F60;} .users-list-s .nbt-row a.team { background-color: #FC0;} .users-list-s .nbt-row a.company { background-color: #867BD2;} .nbt-nav li.nbt-pages { float:right;} .nbt-nav li.nbt-pages a { float:left; height: 26px; background-image: url(http://i.smotra.ru/img/nbt-pages.png); background-repeat: no-repeat; } .nbt-nav li.nbt-pages a.prev { background-position: top left; } .nbt-nav li.nbt-pages a.next { background-position: top right; } .nbt-nav li.nbt-pages a.prev:hover { background-position: left -30px; } .nbt-nav li.nbt-pages a.next:hover { background-position: right -30px; } .nbt-nav li.nbt-pages a.next.disable {background-position: right -60px;} .nbt-nav li.nbt-pages a.prev.disable {background-position: left -60px;} .uls-name { display: block; position: absolute; top:-20px; font-size: 11px; font-family: Tahoma; z-index:15; height: 20px; background-color: #000; width: 120px;} .info-post a {color:#BABABA; text-decoration: none;} .info-activity {color:#BABABA; text-decoration: none;} .post-list-s p a {color:#71767C; text-decoration: none;} .tt { color:#fff; font-family:Tahoma; font-size:11px; max-width:200px; position:absolute; z-index: 255;} .tt-box { background-image: url(http://i.smotra.ru/img/tt-bg.png); background-repeat: repeat; float: left; clear: both; padding:1px 5px 3px 5px;} h3 { font-size:21px; line-height:20px;} .user-info .nbt-row { overflow: hidden;} .nbh-poster { background-image: url(http://i.smotra.ru/img/car-big.jpg); background-repeat: no-repeat; background-position: center top; height: 400px; background-color: #151a25; } .nbh-box { width: 1522px; margin:0 auto; position: relative;} .nbh-name {position: absolute;} .nbh {background-color: #151a25; padding: 0px;} .nbh .header {background-image: url(http://i.smotra.ru/img/tt-bg.png); background-repeat: repeat; } .nbh h1 { color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:40px; font-weight:normal; letter-spacing:0; line-height:36px; margin: 0;} .nbh h1 a { color:#FFFFFF;} .profile-col-new-1 { position:absolute; z-index:2; width:360px;} .profile-col-new-2 { padding-left:390px; position: relative; padding-top:1px; margin-top:-1px;} .size-S .profile-col-new-1 { position:static; z-index:2; width:500px; margin:0 auto;} .size-S .profile-col-new-2 { padding-left:0px;} .size-M .profile-col-new-1 { width:500px;} .size-M .profile-col-new-2 { padding-left:520px; min-height: 650px; } .size-S .profile-col-new-1, .size-L .profile-col-new-1, .size-XL .profile-col-new-1 { width:500px;} .size-L .profile-col-new-2, .size-XL .profile-col-new-2 { padding-left:530px; min-height: 650px; } .car-profile .col-main .photos-list-s .nbt-box, .user-profile .col-main .photos-list-s .nbt-box { height: 120px;} .car-profile .col-main .photos-list-s, .user-profile .col-main .photos-list-s { margin: 9px;} .size-M .car-profile .profile-col-new-1 { width:500px;} .size-M .car-profile .profile-col-new-2 { padding-left:520px; min-height: 530px; } .size-S .car-profile .profile-col-new-1, .size-L .car-profile .profile-col-new-1, .size-XL .car-profile .profile-col-new-1 { width:620px;} .size-L .car-profile .profile-col-new-2, .size-XL .car-profile .profile-col-new-2 { padding-left:650px; min-height: 620px; } .cars-list-l .nbt-row { float:left; padding: 0; margin-left:22px; margin-bottom:20px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; width: 240px; overflow: hidden;} .cars-list-m .nbt-row { float:left; padding: 0; margin-left:22px; margin-bottom:20px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; width: 120px; overflow: hidden;} .cars-list-l {margin-left:-22px; background-color: transparent; border: 0;} .cars-list-m {margin-left:-22px; background-color: transparent; border: 0;} .size-S .cars-list-l .nbt-row { margin-left:24px;} .size-S .cars-list-m .nbt-row { margin-left:24px;} .size-S .cars-list-l {margin-left:-26px;} .size-S .cars-list-m {margin-left:-26px;} .size-M .cars-list-l .nbt-row { margin-left:22px;} .size-M .cars-list-m .nbt-row { margin-left:22px;} .size-M .cars-list-l {margin-left:-24px;} .size-M .cars-list-m {margin-left:-24px;} .cars .info-m, .market-list-m .info-m { left:0; position:absolute; top:0; z-index:25; } .cars .info-m li, .market-list-m .info-m li {margin:0;} .cars-list-l .col-1 { position: relative; height: 180px;} .cars-list-m .col-1 { position: relative; height: 90px;} .cars-list-l .col-2 {padding: 6px 10px; position: relative; height: 38px;} .cars-list-m .col-2 {padding: 6px 10px; position: relative; height: 38px;} .cars-list-l h3 {margin: 0; white-space: nowrap;} .cars-list-m h3 {margin: 0; white-space: nowrap;} .nbt-row .author-s a, .nbt-row .author-m a { display: inline !important;} .cars-list-l .nbt-row.deleted, .cars-list-l .nbt-row.minused, .post.deleted, .post.minused, .deleted .comment-body, .deleted, .minused .comment-body {background-color:#fce7e4;} .cars-list-m .nbt-row.deleted, .cars-list-m .nbt-row.minused {background-color:#fce7e4;} .cars-list-l .deleted img, .cars-list-l .draft img { opacity: 0.5} .cars-list-m .deleted img, .cars-list-m .draft img { opacity: 0.5} .comment-block.deleted {/*background-color:transparent;*/} .comment-block.claimed .comment-body {background-color: #EBE3F4;} #black .nbt-row.deleted {background-color:#3E1A25;} .cars-list-l .deleted .nbt-row-fade, .cars-list-l .draft .nbt-row-fade { display: none;} .cars-list-m .deleted .nbt-row-fade, .cars-list-m .draft .nbt-row-fade { display: none;} /*.nbt-row.draft, .post.draft, .draft, .inactive {background-color:#e7e7e7;}*/ .cars-brand-list, .cars-models-list, .cars-gen-list { border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; position: relative; } .cars-brand-list li, .cars-models-list li, .cars-gen-list li { margin: 0px; padding: 0px; border-top:1px solid #E3E6EA; position: relative; background-color: #fff;} .cars-brand-list li {font-size: 16px;} .cars-models-list li { font-size: 14px;} .cars-gen-list li {font-size: 12px;} .cars-brand-list li a, .cars-models-list li a, .cars-gen-list li a { display:block; padding-right: 10px; padding-bottom: 4px; padding-top: 4px; padding-left: 10px; text-decoration: none; position: relative; } .cars-brand-list li a:hover, .cars-models-list li a:hover, .cars-gen-list li a:hover { color: #FFFFFF; background-color: #6699CC; } .cars-brand-list li.active a, .cars-models-list li.active a, .cars-gen-list li.active a { color:#343844; } .cars-models-list .numb, .cars-gen-list .numb { color:#CCCCCC; display:block; font-family:Tahoma; font-size:10px; line-height:10px; position:absolute; right:10px; top:3px; z-index:255;} .car-sale, .car-theft { position:absolute; bottom:0px; padding-left:8px; padding-right:8px; right:0; z-index:14; line-height:26px; height:26px; background-color:#FC0; color: #000; text-align:center; display:block; font-size: 16px; text-decoration: none; } .car-theft { background-color:#C00; color: #fff; } .cars-list-l .nbt-row:hover .car-sale, .cars-list-l .nbt-row:hover .car-theft { display:none;} .cars-list-s .car-sale, .cars-list-s .car-theft, .market-list-s .car-sale { font-size: 12px; line-height:20px; height:20px;} .users-list-s .info-s { position: absolute; z-index: 15;} .tt-content {display:none;} /*.post, .afisha, .review, .goods, .video { position: relative; margin:0 0 20px 0; padding:30px 30px 25px 30px; background-color: #fff; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; }*/ .my .comment-body {background-color: #fffeea;} .post-header, .nb-header { position: relative; margin-bottom: 20px; padding-left:70px; } .video .nb-header { padding-left:0px;} .post-thumb, .nb-thumb { position: absolute; left:0; top:50%; margin-top:-30px; } .video .nb-thumb { position: absolute; left:0; top:50%; margin-top:-45px; } .profile-item .post-header { padding-bottom: 0px; } .photo-border, .video-border { padding: 9px; position: relative; z-index: 1; min-width:200px; min-height:150px; background-color: #fff; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; display: inline-block; max-width: 100%; margin: 0 -10px; text-align: center; } .photo-border:hover { background-color: #fffeea;} .photo-block img { margin: 0 auto; } .photo-block, .video-block { text-align: center; margin-right: auto; margin-left: auto; clear: both; min-width:200px; min-height:150px; position: relative; max-width: 100%; margin-top:10px;} .photo-block .voting { position: absolute; z-index: 55; } .photo-block img { max-width:100%; display:block; z-index: 1; } #black .photo-border { background-color: #313646;} .post-body, .review-body-anons, .review-body { position: relative; margin:20px 0; } .post-body img, .review-body-anons img, .review-thumb img, .review-body img { max-width:100%; display:block; } .post-body { line-height: 21px; } .post-header h3 { margin-bottom: 2px;} .post-header h3, .post-header h3 a { color: #999; text-decoration: none;} .post-header h3 a:hover { text-decoration: underline; color: #6699CC; } .post-poll {margin: 20px 0;} ol.poll-results, ul.poll-questions { padding: 0; margin: 0 -10px 6px -10px; } .poll-results li, .poll-questions li {list-style-type: inherit; padding: 4px 9px; list-style-position: inside; } .poll-results li:hover {background-color: #fffeea; } /*.social-share { margin-top: 5px; }*/ .poll-results-com { font-size: 12px; color: #ccc;} .progress-bar { background-color: #CCC; height: 8px; margin: 5px 0px; background-image: url(http://i.smotra.ru/img/progress-bar.png); background-repeat: repeat-x; background-position: 0px 0px; } .progress-bar-line { background-color: #6699CC; height: 8px; background-image: url(http://i.smotra.ru/img/progress-bar.png); background-repeat: repeat-x; background-position: 0px -40px; } .edited {margin-top:4px; margin-bottom: -5px; font-size:11px; font-family: Tahoma; color: #aaa;} .badge-sm-production-m {background-image: url(http://i.smotra.ru/img/badge-smotra-production-m.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 100px; height:100px; z-index: 10;} .badge-sm-production-s {background-image: url(http://i.smotra.ru/img/badge-smotra-production-s.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 60px; height:60px; z-index: 10;} .badge-choice-m, .badge-mustsee-m {background-image: url(http://i.smotra.ru/img/badge-choice-m.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 100px; height:100px; z-index: 10;} .badge-mustsee-m {background-image: url(http://i.smotra.ru/img/badge-mustsee-m.png);} .badge-choice-s, .badge-mustsee-s {background-image: url(http://i.smotra.ru/img/badge-choice-s.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 60px; height: 60px; z-index: 10;} .badge-mustsee-s {background-image: url(http://i.smotra.ru/img/badge-mustsee-s.png);} .badge-choice-s-auto, .badge-mustsee-s-auto {background-image: url(http://i.smotra.ru/img/badge-choice-s-auto.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 49px; height: 49px; z-index: 10;} .badge-mustsee-s-auto {background-image: url(http://i.smotra.ru/img/badge-mustsee-s-auto.png);} .badge-choice-s-other, .badge-mustsee-s-other {background-image: url(http://i.smotra.ru/img/badge-choice-s-other.png); background-repeat: no-repeat; background-position: top right; position: absolute; top:0; right: 0; width: 44px; height: 44px; z-index: 10;} .badge-mustsee-s-other {background-image: url(http://i.smotra.ru/img/badge-mustsee-s-other.png);} .status-deleted, .status-new, .status-draft { font-size: 14px; line-height: 21px; margin-top:2px; margin-right:6px; padding-left:10px; padding-right:10px; font-weight: normal; letter-spacing: normal; float:right; background-image: url(http://i.smotra.ru/img/status-m.png); background-repeat: repeat-x; } span.status-deleted, span.status-new, span.status-draft { display: block;} .status-deleted {color:#fff; background-color:#C00; background-position: left bottom;} .status-new {color:#333; background-color:#FC0; background-position: left top; } .forums-posts .status-new a { color:#333; text-decoration: none; } .status-new.status-new-s { background-image: url(http://i.smotra.ru/img/status-s.png); font-size: 11px; line-height: 16px; padding: 0 5px; margin-top: 2px; } .status-draft {color:#fff; background-color:#999; background-position: left center;} .voting-history { position: relative; font-size: 11px; font-family: Tahoma; margin-top:10px;} .voting-history-plus { color:#81BB09; } .voting-history-minus { color:#C00; } .deleted .post-body, .deleted .comment-text, .minused .comment-text {display: none;} .post-show { font-size: 13px; } .post-more { margin-top: 5px;} .post-more a {background-color: #69C; display:inline-block; font-size: 12px; line-height: 19px; text-decoration: none; height: 21px; padding-right: 20px; padding-left: 10px; background-repeat: repeat; background-position: right top; color:#FFF; background-image: url(http://i.smotra.ru/img/more.gif); } .post-more a:hover { background-position: right 42px; } .post-more a:active { background-position: right bottom; } .voting-s {font-size:12px; line-height: 19px;} .voting-m {font-size:21px; line-height: 30px;} .voting-l {font-size:45px; line-height: 60px;} .voting .numb { background-repeat: repeat-x; background-position: left center;} .voting-m .numb { background-image: url(http://i.smotra.ru/img/voting-numb-m.png); } .voting-l .numb { background-image: url(http://i.smotra.ru/img/voting-numb-l.png); } .voting.voting-l .numb a { padding: 0 10px; display: block;} .header h6 { color: #5B6471;} .voting-l .numb.minus { background-position: left bottom;} .voting-l .numb.plus { background-position: left top;} .header .voting-l { margin-top:30px;} .voting div { float: left; text-align: center;} .voting-m .voting-minus, .voting-m .voting-plus { float:left; width:30px; height:30px; } .voting-l .voting-minus, .voting-l .voting-plus { float:left; width:40px; height:60px; } .voting-s .numb {background-image: url(http://i.smotra.ru/img/info-m-respect.png); background-repeat: repeat-x;} .voting-minus a, .voting-plus a { width:30px; display: block; height:30px; background-image: url(http://i.smotra.ru/img/voting-m.png); } .voting-s .voting-minus a, .voting-s .voting-plus a { width:19px; display: block; height:19px; background-image: url(http://i.smotra.ru/img/voting-s.png); background-repeat: no-repeat;} .voting-l .voting-minus a, .voting-l .voting-plus a { width:40px; display: block; height:30px; background-image: url(http://i.smotra.ru/img/voting-l.png); background-repeat: no-repeat;} .voting-l .voting-minus a, .voting-l .voting-plus a { height:60px; } .voting-minus a { background-position: left top; } .voting-plus a { background-position: right top; } .voting-minus a:hover { background-position: left center; } .voting-plus a:hover { background-position: right center; } .voting-minus.active a { background-position: left bottom; } .voting-plus.active a { background-position: right bottom; } .voting-minus.vote-inactive, .voting-plus.vote-inactive { opacity: 0.2; } .voting-plus.vote-inactive a, .voting-minus.vote-inactive a, .voting-plus.active a, .voting-minus.active a { cursor:default; } .voting-plus.vote-inactive a:hover { background-position: right top;} .voting-minus.vote-inactive a:hover { background-position: left top;} .voting-variant {position: relative; padding: 5px; } .voting-choose { float: none !important; position: absolute; z-index: 99; border: 1px solid #D4D8DB; } .voting-choose.one { border: 0; } /*.voting-minus:hover .voting-choose, .voting-plus:hover .voting-choose, .voting-choose:hover { display: block; }*/ li.voting-m { position: relative; } .voting-m .voting-choose a { background-image: url(http://i.smotra.ru/img/voting-m-empty.png) !important; font-size: 18px; } .voting-s .voting-choose a { background-image: url(http://i.smotra.ru/img/voting-s-empty.png) !important; font-size: 10px; } .voting-choose a { text-decoration: none; z-index: 99; } .voting-choose a:hover { color: #FFFFFF !important; } .voting-minus .voting-choose a { color: #CA0000; } .voting-minus .voting-choose { top: 0; } .voting-plus .voting-choose { bottom: 0; } .voting-plus .voting-choose a { color: #99cc00; } .tags { font-size: 11px; font-family:Tahoma; text-decoration:none; color: #999; } .tags a { padding-left:1px; padding-right:1px; color: #999; } .tags a:hover { text-decoration:underline; color:#69C;} .uber-bar { position:fixed; z-index:1005; bottom:-31px; width:100%; padding-top: 20px; } .mobile .uber-bar, .uber-bar.expanded, .uber-bar:hover {bottom:0px; padding-top: 0;} .uber-bar-pad { margin: 0 auto; width: 100%; background-image: url(http://i.smotra.ru/img/uber-bar-bg.png); height: 26px; padding:5px 0px; margin-top:10px; } .uber-bar-content { margin-left:auto; margin-right:auto; background-position: left top; } .uber-bar li { float:left; } .uber-msg-box { position: fixed; bottom: 40px; font-size: 13px; z-index: 500; right:0; } .uber-msg {padding:10px 30px 10px 20px;; background-color: #fff; margin: 5px 40px 5px 0px; clear: both; float: right; position: relative; opacity: 0.85; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA;} .uber-msg.fail { color: #fff; background-color: #cc0000;} .uber-msg.ok { color: #fff; background-color: #81bb09;} .uber-msg.missnfs { opacity:0.8; } .uber-msg.missnfs:hover { opacity:0.95; } .uber-msg-close { width: 20px; height: 20px; position: absolute; right: 5px; top:50%; margin-top:-10px;} .uber-msg-close a { display: block; width: 20px; height: 20px; background-image: url(http://i.smotra.ru/img/uber-msg-close.png); background-repeat: no-repeat; background-position: center center; } .header { height: 120px; position: relative; background-repeat: repeat-x; background-position: left top; background-color: #151a25; } ul.auth-nav li { position:relative; margin-right:10px; font-size: 11px; font-family: Tahoma; line-height:26px; height:26px;} ul.auth-nav li a { color: #ccc; text-decoration: none;} ul.auth-nav li a:hover { text-decoration: underline;} .auth-avatar img { width: 26px; height: 26px;} ul.auth-nav li.auth-up { float:right; } ul.auth-nav li.auth-logout { float:right; } ul.auth-nav li.auth-logout a,ul.auth-nav li.auth-up a, ul.auth-nav li.auth-expand a { color: #5d6574;} ul.auth-nav li.auth-up a {text-decoration: none; margin-left: -30px; } ul.auth-nav li.auth-settings {margin-right: 7%; } ul.auth-nav li.auth-admin {margin-right: 20px;} ul.auth-nav li.auth-invis { margin-right: 60px; width: 28px; height: 13px; background: transparent url(http://i.smotra.ru/img/invis-ico.png) 0px -13px no-repeat; margin-top: 8px; } ul.auth-nav li.auth-invis a { display: block; width: 28px; height: 13px; background-color: transparent !important; } ul.auth-nav li.auth-masl { width: 32px; height: 11px; background: transparent url(http://i.smotra.ru/img/masl-ico.png) 0px 0px no-repeat; margin-top: 8px; } ul.auth-nav li.auth-masl a { display: block; width: 32px; height: 11px; background-color: transparent !important; } ul.auth-nav li.auth-parking { width: 25px; height: 19px; background: transparent url(http://i.smotra.ru/img/park-ico.png) 0px 0px no-repeat; margin-top: 5px; } ul.auth-nav li.auth-parking a { display: block; width: 25px; height: 19px; background-color: transparent !important; } ul.auth-nav li.auth-invis.loading { opacity: 0.5; } ul.auth-nav li.auth-invis.active { background-position: 0 0; } ul.auth-nav li.auth-accum { line-height:normal; width: 22px; height: 16px; background: transparent url(http://i.smotra.ru/img/accum-ico.png?2) 0px 0px no-repeat; margin-top: 6px; } ul.auth-nav li.auth-accum a { display: block; width: 22px; height: 16px; background-color: transparent !important; } ul.auth-nav li.auth-accum.active { background-position: 0 bottom; } ul.auth-nav li.auth-accum .user-add-menu { width: 116px; left: -46px; padding-bottom: 17px; bottom: 10px; } ul.auth-nav li.auth-name { margin-right: 15px; } .user-add-menu .menu-content { background: url("http://i.smotra.ru/img/add_bg.png") repeat scroll center center transparent; color: #FFFFFF !important; display: block; padding: 1px 10px; text-decoration: none !important; } .menu-content.limits #vote-power-plus, .menu-content.limits #vote-power-minus { display: none; } .menu-content.limits .limit-num span { color: #FFFFFF; margin-right: 2px; } .menu-content.limits .limit-num { float: left; color: #5e5e5e; line-height: 14px; margin-left: 6px; } .menu-content.limits .line.title { margin-bottom: 10px; } .menu-content.limits .line { margin-bottom: 3px; clear: both; height: 20px; } .menu-content .limit { float: left; height: 16px; line-height: 14px; color: #FFFFFF; padding: 0 5px; background: transparent url(http://i.smotra.ru/img/info-s-respect.png) center left no-repeat; } .menu-content .limit.limit-pluses { background-position: left top; } .menu-content .limit.limit-minuses { background-position: left bottom; } ul.auth-nav li.auth-expand { float: right; margin-right: 40px; } ul.auth-nav li.auth-expand a { display: block; padding-left: 20px; background-image: url(http://i.smotra.ru/img/auth-expand.png); background-repeat: no-repeat; background-position: 5px -2px; } ul.auth-nav li.auth-expand a:hover { text-decoration: none;} .expanded ul.auth-nav li.auth-expand a { background-position: 5px -32px; } .auth-admin a, .auth-sys a, .auth-msg a { display: block; padding: 0 10px; background-repeat: no-repeat; background-position: 5px -2px;} .auth-sys a, .auth-msg a { padding-left: 35px; } .auth-sys.active a, .auth-msg.active a { background-position: 5px -32px; margin-top: -15px; } .auth-sys a { background-image: url(http://i.smotra.ru/img/auth-sys.png);} .auth-msg a { background-image: url(http://i.smotra.ru/img/auth-msg.png);} ul.auth-nav li.active a { background-color: #ffcc00; color: #000;} .uber-bar.expanded ul.auth-nav li.active a, .uber-bar:hover ul.auth-nav li.active a { margin-top:0;} .photo-album-item ul.info-m { position: absolute; margin-top:0px; z-index:15;} .photo-album-item ul.info-m li { margin-right: 0;} .photo-album-item:hover .author-m { display: block;} .photo-album-item .author-m a { display: inline;} .photo-album .info-comments a:hover {background-color: transparent;} .comments { list-style:none; } #CommentsAddForm h2 {margin-left:80px; margin-bottom:10px; margin-top:15px;} .comments li.comment-item { width: 100%; margin-top: 10px; margin-bottom: 10px; } .comment-avatar a { display:block; width:60px; height:60px; } .comment-avatar { width: 80px; position: absolute; top: 0px; left: 0px; } ul.comments li.comment-item .sm-dotted-ln { position: absolute; display: none; left: 20px; top: 27px; width: 1px; height: 5px; } ul.comments ul.comments li.comment-item .sm-dotted-ln { top: 15px; } ul.comments li.comment-item:hover > .sm-dotted-ln { display: block; } ul.comments li.comment-item .sm-dotted-ln .dot { width: 1000px; height: 5px; background: url(http://i.smotra.ru/img/comment-dot.png?3) repeat-x right top; position: absolute; right: 0; top: 0; } .comment-body, .comment-avatar a { background-color: #fff; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; } .comment-body { margin-left: 80px; padding: 10px 20px 12px;} .comment-item .voting { position: absolute; right:30px; top:1px;} li.info-quote { display: none; } .comment-block:hover .info-controls, .comment-block:hover .info-quote { display: block; float: left;} .mobile .comment-block .info-controls { display: block; float: left;} .comment-item, .comment-block { position: relative;} .comment-item .info-s {height: 20px;} .comment-item .comment-item .comment-text {font-size: 12px;} .comment-text q { display: block; margin: 5px 15px; color: #999; border-left: 2px solid #999; padding-left: 10px; quotes: none; } .comment-item .comment-item .comment-avatar a, .comment-item .comment-item .comment-avatar a img {width:35px;height:35px;} .comment-item .comment-item .comment-avatar {left:30px;width:35px;} .comment-item .comment-item .comment-body {padding:5px 15px 7px} .comment-text { font-size: 14px; line-height: 18px;} .comments .voting-history { padding-left: 100px; margin-top:5px; } .comment-edit-history { font-size: 13px; margin-top:5px; opacity:0.5; } .comment-block .edited { margin-top:5px;} .comments ul.comments { padding-left:20px; list-style:none; position: static; } .comments ul.comments ul.comments ul.comments ul.comments ul.comments { padding-left:0px; } .comment-user { font-weight: bold; } .comment-reply { } .comment-edit { } .comment-delete { } .comment-history { padding-top:15px; } .comment-history .comment-edit-history { margin-top:0px; margin-bottom:5px; } .comment-history .comment-text { font-size: 13px; } .comment-text .form-input { background-color: #fff; } .comments-page { font-size: 13px;} .comments-page a.comments-page-header { display: block; padding: 5px 20px 5px 0px; margin-bottom:5px; background-image: url(http://i.smotra.ru/img/uber-line.gif); background-repeat: repeat-x; background-position: left center; text-decoration: none; } .comments-page.active span.comments-page-name, a.comments-page-header:hover span.comments-page-name { background-image: none;} .comments-page.active a.comments-page-header { color: #1b202e;} .comments-page span.comments-page-name { background-color: #f0f2f4; display: inline-block; background-image: url(http://i.smotra.ru/img/dotted-s.gif); background-repeat: repeat-x; background-position: left bottom; } .comments-page span.comments-page-icon { background-color: #f0f2f4; padding: 0px 10px 0px 20px; display: inline-block; background-repeat: no-repeat; background-position: 0px top; background-image: url(http://i.smotra.ru/img/comments-page-icon.png); } .comments-page.active span.comments-page-icon {background-position: 0px bottom;} .comments-controls { font-size: 11px; font-family: Tahoma; width:50px; float:right; position:fixed; top:50%; margin-top: -70px; right:0; z-index: 750; background-image: url(http://i.smotra.ru/img/black-trans-101.png);} .comments-controls a {text-decoration: none;} .mobile .comments-controls { position: absolute; float: none; } .comments-pages-list { background-color: #fff; margin:10px auto; width: 30px;} .comments-pages-list a { display: block; text-align: center; color: #6699cc; padding-bottom: 1px;} .comments-pages-list a:hover { background-color: #6699cc; color: #fff;} .comments-pages-list a.active {background-color:#647088; color: #fff;} .comments-controls #refresh-comments-button .new-messages { text-align: center; } .comments-controls #refresh-comments-button a.button { display: block; height: 50px; width: 50px; background-image: url(http://i.smotra.ru/img/comments-refresh.png); background-repeat: no-repeat; background-position: center center; } .comments-controls #refresh-comments-button a.button:hover { background-image: url(http://i.smotra.ru/img/comments-refresh.png); background-repeat: no-repeat; background-position: center center; } .comments-controls #refresh-comments-button a.button.loading { background-image: url(http://i.smotra.ru/img/comments-refresh.png); background-repeat: no-repeat; background-position: center center; } .comments-controls #refresh-comments-button a.button.loading:hover { background-image: url(http://i.smotra.ru/img/comments-refresh.png); background-repeat: no-repeat; background-position: center center; } .comments-controls .new-messages-count { color: #343844; background-color: #ffcc00; text-align: center; display: inline-block; padding: 0 5px; min-width: 20px; padding-bottom: 1px;} .review-thumb { position:relative; margin: -30px -30px 0px -30px; } .review-header { position: absolute; z-index: 5; left:0; padding: 0 30px; background-image: url(http://i.smotra.ru/img/review-header-bg.png); background-repeat: repeat; } .review-header h2, .review-header h3 { margin-bottom: 15px; letter-spacing:2px; } .comment-new { color: #333; background-color: #FC0; padding-right:6px; padding-left:7px; } .info-answer-to a { color: #BABABA; text-decoration: none;} .comment-history .edited {margin:0px;} .comment-history .comment-text {margin-top:10px;} .roadevent-list-s .nbt-row { padding: 0; float: left; overflow: hidden; position: relative; border: 0; width: 120px; height: 120px; } .roadevent-list-s .info-s {position: absolute; z-index: 5;} .roadevent-list-s .info-s li {margin: 0;} .nbt.roadevent-list-m, .nbt.goods-list-m, .nbt.videos-list-m {border: 0;} .roadevent-list-m {background-color: transparent;} .roadevent-list-m .nbt-row, .goods-list-m .nbt-row, .videos-list-m .nbt-row { padding: 0; float: left; overflow: hidden; position: relative; border: 0; background-color: transparent; height: 320px; } .videos-list-m .nbt-row { height: 250px;} .roadevent-list-m .col-1, .roadevent-list-m .col-2, .goods-list-m .col-1, .goods-list-m .col-2, .videos-list-m .col-1, .videos-list-m .col-2 { margin: 0 auto; position: relative;} .roadevent-list-m .col-1 a, .roadevent-list-m .col-1 img, .goods-list-m .col-1 a, .goods-list-m .col-1 img, .videos-list-m .col-1 a, .videos-list-m .col-1 img { display: block;} .roadevent-list-m .col-1, .goods-list-m .col-1 { width: 180px; height: 180px; margin: 0px auto 10px auto; } .videos-list-m .col-1 { width: 180px; height: 135px; margin: 0px auto 10px auto; } .roadevent-list-m .col-2, .goods-list-m .col-2, .videos-list-m .col-2 { background-color: #fff; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; padding: 8px 15px 10px 15px; margin: 0px 5px; max-height: 86px; overflow: hidden; } .roadevent-list-m .nbt-row:hover .col-2 { background-color: #fffeea;} .roadevent-list-m .nbt-row:hover .col-1 img, .roadevent-list-s .nbt-row:hover img {opacity: 0.5;} .roadevent-list-m .nbt-row:hover .col-1 a.re-link, .roadevent-list-s .nbt-row:hover { background-color: #6699CC; } .roadevent-list-m .info-m, .goods-list-m .info-m, .videos-list-m .info-m { position: absolute; z-index: 5; width: 100%;} .roadevent-list-m .info-m li, .goods-list-m .info-m li, .videos-list-m .info-m li { margin: 0;} .roadevent-list-m .nbt-row h6 { color: #999;} .roadevent-list-m .col-2 h4, .goods-list-m .col-2 h4 { max-height: 36px; line-height: 18px; overflow: hidden; margin-bottom: 4px;} .roadevent-list-m .col-2 p { max-height: 28px; overflow: hidden; margin-bottom: 3px; line-height: 14px;} .size-S .roadevent-list-m .nbt-row, .size-S .goods-list-m .nbt-row, .size-S .videos-list-m .nbt-row { width: 33%; } .size-M .roadevent-list-m .nbt-row, .size-M .goods-list-m .nbt-row, .size-M .videos-list-m .nbt-row { width: 25%; } .size-L .roadevent-list-m .nbt-row, .size-XL .roadevent-list-m .nbt-row, .size-L .goods-list-m .nbt-row, .size-XL .goods-list-m .nbt-row, .size-L .videos-list-m .nbt-row, .size-XL .videos-list-m .nbt-row { width: 20%; } .col-right .roadevent-list-m .nbt-row { width: 100% !important; float: none; } .photo-album-img ul.info-m li.info-respect div, .roadevent-list-m ul.info-m li.info-respect div, .videos-list-m ul.info-m li.info-respect div { padding: 0 6px;} .info-m li.info-roadevent-type { float: right; font-size: 13px; background-image: url(http://i.smotra.ru/img/tt-bg.png); padding: 0 6px; color: #ccc; } .roadevent-list-m .info-s { height: 16px; width: 300px;} .new-pm-msg-box-empty { padding: 10px 15px; height:403px;} #pm-send-div {} #msgs_area {} .post-header h1, .goods-header h1 { padding:0; margin:0; } .post-header h3 { padding:0; margin:0; } .post-header h2 { margin: 0px; padding: 0px; letter-spacing: 2px; font-size:24px; line-height:24px; margin-top:4px; } .goods-price { color: #000; background-color: #ffcc00; position: absolute; right:30px; font-size: 32px; padding: 0px 20px; line-height: 50px; top:50%; margin-top:-25px; } .goods {padding: 15px 30px;} .goods-header {padding-right:210px; } .goods .info-l {margin: 0;} .goods:hover li.info-controls { display: block; float: left;} #comments_list { position: relative; overflow: hidden; } .photo-popup {position: fixed; top:0; bottom:0; width: 100%; z-index: 999;} .photo-popup-bg { opacity: 0.5; position: absolute; top:0; bottom:0; width: 100%; background-color: #000; z-index: 1;} .photo-popup-box { padding: 10px; background-color: #fff; top: 50%; left:50%; position: absolute; z-index: 2;} .photo-popup-close { background-color:#fff; top:-20px; right: -20px; position: absolute; } .photo-popup-close a {display: block; width: 20px; height: 20px;} .post-thumb a, .post-thumb img { display: block;} .users-list-edut { background-color: transparent; border: 0; margin-top: 1px; margin-left: 1px;} .afisha-pic img { max-width:100%; display:block; margin-left:auto; margin-right:auto; } .afisha-pic a { display:block; } .afisha-pic { margin-bottom:10px; padding: 10px 0; } .afisha-info { margin-top:30px; } .afisha-info dd { font-weight:bold; } .afisha-edut-list { margin-bottom:30px; } .video .nb-header h1 { margin: 0;} .tracker-list-s { border-top:0;} a.tracker-delete { position:absolute; right:10px; top:50%; margin-top:-20px; width:40px; height:40px; display:none; background-image: url(http://i.smotra.ru/img/tracker-delete.png); background-repeat: no-repeat; background-position: center center; z-index: 15; } .nbt-row:hover a.tracker-delete {display:block;} /*.add-radio-s { margin-top: 3px;}*/ /*.add-radio-s li { float:left; margin-right:10px; font-size:11px; font-family: Tahoma; line-height:18px; margin-left: 10px; margin-right: 0px; }*/ .footer { position: relative; } .footer-bg {background-color: #262c3c; position: relative; padding-top:10px; padding-bottom:30px; } .footer-content { margin:20px auto; font-size:13px; } .msu-here { background-image: url(http://i.smotra.ru/img/msu-here-summer-night.jpg); background-repeat: no-repeat; background-position: top center; background-color: #f0f2f4; height: 500px;} .place-numb {display: none;} .header-stats-item.rating:hover .place-rating { display: none;} .header-stats-item.rating:hover .place-numb { display: block;} .new-pm-msg-list {padding: 10px 0;} .spec-list-s .nbt-row { height: 339px; margin-top:-1px;} .popup-window#popup-img { width: auto; height: auto;} .popup-window#popup-img .popup-content { margin: 10px;} .banner-box {margin-bottom: 20px;} .col3 { clear: both; width: 100%; position:relative; //padding-right: 1px; //overflow-x: hidden; } .col3-1, .col3-2, .col3-3 { float: left; width: 30%; position:relative; color: #2a2a2a} .col3-1, .col3-2 { margin-right:2% } .col4 { clear: both; width: 100%; position:relative; margin-top:10px; margin-bottom:10px; //padding-right: 1px; //overflow-x: hidden; } .col4-1, .col4-2, .col4-3, .col4-4 { float: left; width: 21%; position:relative; } .col4-1, .col4-2, .col4-3 { margin-right:5% } .col4-4 { width: 22%; } .col2 { clear: both; width: 100%; position:relative; } .col2-1 { float: left; width: 65%; margin-right:5%; position: relative;} .col2-2 { float: left; width: 30%; clear: right; position: relative;} .col2 .input-medium { width:100% } .per50 .col2-1 { width: 48%; margin-right:4% } .per50 .col2-2 { width: 48%; } .shop-items-list .col-1, .shop-items-list .col-2, .shop-items-list .col-3, .shop-items-list .col-4 { float: left; margin-right: 5%; } .shop-items-list .col-1 { width: 45%;} .shop-items-list .col-2 { width: 15%; text-align: center;} .shop-items-list .col-3 { width: 10%; margin-right:0; text-align: center;} .shop-items-list .col-4 { width: 20%; margin-right:0; text-align: right; float: right; } .shop-items-list .col-3 input { text-align: center;} /*.shop-items-list .nbt-row {font-size:26px; padding: 5px 15px;}*/ .shop-items-list .nbt-row .col-1 {font-size:21px; line-height: 36px; } .shop-items-list .nbt-row .col-2, .shop-items-list .nbt-row .col-4 { line-height: 36px;} /*.nbt-small-head {padding:6px 15px 0px 0px; font-size:12px; background-image: url(http://i.smotra.ru/img/nbt-small-head.png); background-repeat: repeat-x; overflow: hidden; white-space: nowrap; }*/ .shop-items-edit-list .col-1, .shop-items-edit-list .col-2, .shop-items-edit-list .col-3, .shop-items-edit-list .col-4, .shop-items-edit-list .col-5, .shop-items-edit-list .col-6, .shop-items-edit-list .col-7 { float: left; width:10%; } .shop-items-edit-list .col-6 { float: left; width:10%; } .shop-items-edit-list .col-1 { width:50%;} /*.shop-items-edit-list .col-6, .shop-items-edit-list .col-7 { width:5%;} */ .shop-items-edit-list .col-2 .form-input, .shop-items-edit-list .col-3 .form-input, .shop-items-edit-list .col-4 .form-input, .shop-items-edit-list .col-5 .form-input {text-align: center;} .shop-items-edit-list .col-6 .nbt-checkbox a {float: right; border: none;} .shop-items-edit-list .col-6 .nbt-checkbox a:hover {border: none;} /*.shop-users-list .col-1, .shop-users-list .col-2, .shop-users-list .col-3, .shop-users-list .col-4 {float: left; margin-right: 5%;}*/ /*.shop-users-list .nbt-row {padding-right: 55px;} .shop-users-list .nbt-small-head {padding-right: 55px;} .shop-users-list .nbt-row .col-3 {font-size:26px;} .shop-users-list .nbt-row p { font-size:16px; } .shop-users-list .col-1 { width: 55%;} .shop-users-list .col-2 { width: 24%; margin-right: 0; } .shop-users-list .col-3 { width: 13%; margin-right: 0; text-align: right; float: right;} .shop-users-list .nbt-row .col-3 { position: absolute; z-index: 1; margin-top: -16px; top:50%; right: 55px; float: none;} .shop-users-list .col-4 { width: 26px; height: 26px; position: absolute; z-index: 5; right:15px; margin-right: 0; top:50%; margin-top:-13px;} .nbt-checkbox a { background-image:url("http://i.smotra.ru/img/nb-checkbox.png"); background-position:center top; background-repeat:no-repeat; display:block; width: 26px; height: 26px;} .nbt-checkbox a:hover { background-color: #6699cc;} .nbt-checkbox.active a { background-position:center bottom;}*/ .print .container { width: 680px;} .shop-courier .col-2 {width: 30%; margin-right: 0;} .shop-courier .col-1 {width: 65%;} .pp-icon { display: block; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA;} .traffic-online { background-color: transparent; background-image:url(http://i.smotra.ru/img/traffic-states.png?4); background-repeat:no-repeat; width: 34px; height: 30px; position: absolute; right: 0; top: 24px; z-index: 101; } .traffic-online.state1 { background-position: 0px 0px;} .traffic-online.state2 { background-position: -34px 0px;} .traffic-online.state3 { background-position: -68px 0px;} .traffic-online.state4 { background-position: -102px 0px;} .traffic-online.state5 { background-position: -136px 0px;} .traffic-online.state6 { background-position: -170px 0px;} .traffic-online.state7 { background-position: -204px 0px;} .traffic-online.state8 { background-position: -238px 0px;} .global-search {position: absolute; right: 40px; top: 24px; z-index: 1000; line-height: normal; } .global-search .form-input {float:right; font-size: 16px; display: block; width: 200px; border-color: #fff; margin: 0; padding-left: 8px; padding-right: 80px; color: #343844; height: 26px;} /*.global-search .form-input:focus {width: 362px; color: #343844;}*/ .global-search-menu { position: absolute; z-index: 1001; right: 0; top: 0; font-size: 11px; font-family: Tahoma; line-height: 26px;} .global-search-menu-list { background-color: #fff; clear: both; border-left:1px solid #E8E9EA; border-right:1px solid #E0E2E5; border-bottom:1px solid #D4D8DB;} .global-search-menu a {display: block; padding: 0 10px;} .global-search-menu a.global-search-menu-current {text-align: right; text-decoration: none; color: #71767c; float: right; padding-right: 20px; background-image: url(http://i.smotra.ru/img/global-search-current.png); background-repeat: no-repeat; background-position: right 2px;} .global-search-menu-list a {border-top: 1px solid #e3e6ea; text-decoration: none;} .global-search-menu-list a:hover {background-color: #fffeea; text-decoration: underline; } /*.global-search-results { margin-top: 25px; width: 330px; position: absolute; z-index: 1000; right:95px; background-color: #FBF08F; }*/ .global-search-results .nbt-row,.global-search-results .nbt-head-s {padding: 5px 10px;} .nbt-head-s {background-image:url("http://i.smotra.ru/img/nbt-small-head.png"); background-repeat:repeat-x; font-size:11px; font-family: Tahoma; padding:5px 15px;} .global-search-menu-list a.active {color:#343844; background-color: #fffeea;} .global-nav-box {margin:0 auto; position: relative;} .global-search-results h3 {margin-bottom: 0;} .more-results {float: right;} .input-ac-loading { background-image:url("http://i.smotra.ru/img/ac-input-loading.gif"); background-repeat:repeat-x;} .fast-search-cancel {border-bottom-width:0px;width: 21px !important;; height: 21px !important; position: absolute; z-index: 5; right: 10px; background-image:url("http://i.smotra.ru/img/fast-search-cancel.png"); background-repeat:no-repeat; background-position: center center; top:50%; margin-top:-11px; display: none; padding:0 !important;} .fast-search-cancel:hover { border-bottom-width:0px; } .new-pm-cl-add .fast-search-cancel {right: 20px;} #fast_search {position: relative; display:inline;} .form-input-s {font-size: 16px;} .form-input-m {font-size: 21px;} .form-input {display: block;} .no-hover-bg .form-input { background-color: #fffeea; } .posts-search .col2 {margin-bottom: 10px;} .posts-search .col2-2 {width:90px; float: none; position: absolute; z-index: 5; right: 0; top:0;} .posts-search .col2-1 {width:auto; float: none; margin-right:0; padding-right: 90px;} .warning-msg { background-color:#FFCC00; color:#000000; font-size: 13px; padding: 5px 0; border-bottom: solid 1px #e5b700;} .warning-msg-body {margin: 0 auto; position: relative; } .warning-msg-close {position: absolute; height: 20px; z-index: 5; display: block; right: 0; top:0; color:#000000;} .balance-edit .col-1, .balance-edit .col-2 { font-size: 21px; line-height: 36px;} .balance-edit .col-1 { position: absolute; z-index: 1; width: 300px;} .balance-edit .col-2 { margin-left: 300px; font-size: 26px;} .balance-history .col-1, .balance-history .col-2, .balance-history .col-3 {float: left;} .balance-history .col-1 {width: 25%; } .balance-history .col-2 {width: 15%; } .balance-history .col-3 {width: 60%;} .balance-payment .col-1, .balance-payment .col-2, .balance-payment .col-3, .balance-payment .col-4 {float: left; width:25%;} .nbt-header .controls-edit { position: absolute; z-index: 5; top:50%; right: 15px; margin-top:-15px; display: none;} .nbt-header:hover .controls-edit { display: block;} /*.add-buttons*/ { margin:20px 0 0 0; } .form-input-s { font-size: 13px; } .payment-list { position: relative; } .payment-list .nbt-row {padding-left: 315px; line-height: 30px; font-size: 16px;} .payment-list a, .payment-list img { display: block; float: left; margin-right: 10px;} .nbt-row.col-1a {position: absolute; z-index: 5; top:0px; bottom: 0; padding-left:15px; width:270px; font-size: 21px; background-color: #fff;} .shop-list {background-color:transparent; border:0 none; margin-left:-20px;} .shop-list .col-1, .shop-list .col-2 {position: relative; z-index: 1;} .shop-list .col-1 {height: 270px; background-position: top center;} .shop-list .nbt-row:hover .col-1 {background-position: bottom center;} .nbt.shop-list .nbt-row {padding:0; float:left; border:0; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; overflow: hidden; margin-left: 20px; width: 345px; margin-bottom:20px;} .shop-list .nbt-row img, .shop-list .nbt-row a, .shop-list .nbt-row img, .shop-list .nbt-row a {display:block;} .shop-list h3 { margin: 10px 10px; position: relative; z-index: 1;} .my-orders-list .col-1 {float:left; width: 80%} .my-orders-list .col-2 {float:right; width: 20%; text-align: right;} .my-orders-list .nbt-row {font-size: 21px;} .size-M .shop-list .nbt-row { width: 292px; margin-left: 18px;} .size-M .shop-list { margin-left:-18px;} .size-S .shop-list .nbt-row { width: 325px; margin-left: 16px;} .size-S .shop-list { margin-left:-16px;} .cars-list-link, .shop-list-link {display:block; left:0; position:absolute; top:0px; bottom: 0px; width:100%; height:100%; z-index: 25;} .cars-list-l .nbt-row.claimed {background-color: #EBE3F4;} .market-list-m .nbt-row { float:left; padding: 0; margin-left:28px; margin-bottom:20px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; width: 216px; overflow: hidden;} .market-list-m {margin-left:-28px; background-color: transparent; border: 0;} .market-list-m img {display: block; width: 216px;} .size-S .market-list-m .nbt-row img {width: 212px;} .size-S .market-list-m .nbt-row { margin-left:16px; width: 212px;} .size-S .market-list-m {margin-left:-16px;} .size-M .market-list-m .nbt-row { margin-left:19px;} .size-M .market-list-m {margin-left:-19px;} .market-list-m .col-1 { position: relative;} .market-list-m .col-2 {padding: 6px 10px; position: relative; height: 56px;} .market-list-m .col-2 h3 {max-height: 42px; overflow: hidden; min-height: 21px;} .market-nav {font-size: 13px; line-height: 14px; } .market-nav .nbt-row {padding: 5px 15px;} .market-nav .nbt-row a {display: block; padding: 5px 0px;} .market-nav .nbt-row .numb { color:#999; font-family:Tahoma; font-size:10px; position: absolute; right: 10px; display: block; top: 5px;} .market-nav .nbt-row.active a { color: #343844; text-decoration: none;} .market-nav .nbt-row.active { background-color: #fffeea; } .post.market-item .post-header {} .market-item .col-1 { width: 480px; margin: 0 auto; float:left; position: relative; z-index: 5;} .market-item .col-2 { position: relative; padding-left:510px; z-index: 3; } .market-item .col-1 img {display: block;} .market-item .col-1 .nbt.market-list-s {border: 0; margin: 0;} .market-item.shop .post-header { padding-left: 0; } .size-S .market-item .col-1 {float:none;} .size-S .market-item .col-2 { padding-left:0px; } .size-S .market-item .col-1 .nbt.photos-list-s {margin-bottom: 20px;} .sale-price {background-color:#FFCC00; bottom:0; color:#343844; display:block; font-size:16px; height:22px; line-height:21px; padding-left:8px; padding-right:8px; position:absolute; right:0; text-align:center; text-decoration:none; z-index:14; } .sale-price-l { font-size:26px; height:38px; line-height:38px; padding:0 10px; bottom:auto; top:18px;} .market-item-company {line-height: 90px; font-size: 26px; height: 90px;} .market-item-company img {display: block; float: left; margin-right: 20px;} .market-item-company a {display: block;} .size-M .market-list-s.market-list-other .nbt-row { width:116px;} .size-S .market-list-s.market-list-other .nbt-row { width:112px;} .cars-list-link img { width:100%; height:100%; } .photo-next img, .photo-back img { width:100%; height:100%; } .activity-profile li {padding-left: 180px; position: relative; margin-bottom: 10px;} .activity-profile-time {position: absolute; left:0; top:2px; font-size:13px;} .msg-active {background-image: url(http://i.smotra.ru/img/msg-active.png);} .msg-blocked {background-image: url(http://i.smotra.ru/img/msg-blocked.png);} .company-pay-history .col-1, .company-pay-history .col-2, .company-pay-history .col-3, .company-pay-history .col-4 {float: left; width: 20%;} .company-pay-history .col-1,.company-pay-history .col-2 {width: 30%;} .company-pay-history .col-4 {text-align: right;} .company-pay-history .col-3 {text-align: center;} .company-stats .col-1, .company-stats .col-2 {float: left; width: 40%; position: relative;} .company-stats .col-2 { width: 60%;} .company-stats .col-4 {display: none;} .company-stats .col-3 {position: absolute; z-index: 5; left:-50px; top:0; text-align: right; width: 40px;} .nav-new a { background-color: #fdc400; color: #343844!important;} .nav-new.active a {color: #FFF!important;} .videos-list-m .nbt-row.draft .col-1 img { opacity: 0.5; } .videos-list-m .nbt-row.draft .col-2 { background-color:#e7e7e7; } .admin-claims-list .col-1, .admin-claims-list .col-2, .admin-claims-list .col-3, .admin-claims-list .col-4, .admin-claims-list .col-5 { float: left; width:7%; text-align: center; margin-right: 20px;} .admin-claims-list .nbt-small-head div { text-align: center; } .admin-claims-list .col-2, .admin-claims-list .col-3 { width:15%; text-align:left; } .admin-claims-list .col-4 { width:29%; text-align:left; } .admin-claims-list .col-5 { width:20%; text-align:left; } .admin-claims-list .nbt-row.approved { background-color: #EDFFEA; } /*.claims-top .col-1, .localizations-list .col-1, .claims-top .col-2, .localizations-list .col-2, .claims-top .col-3, .localizations-list .col-3 { float: left; width:33%; text-align: center; }*/ .claims-top .nbt-small-head div { text-align: center; } .localizations-list input {font-size: 14px; } .charity-history-list .col-1 { float: left; width:22%; text-align: left; padding: 5px; } .charity-history-list .nbt-small-head div { text-align: center; } .charity-history-list .col-4 {float: right;} .charity-history-list .col-2 { float: left; width:55%; text-align:left; padding: 5px; } .charity-history-list .col-3 { float: left; width:15%; text-align:left; padding: 5px; } .charity-history-list .nbt-row.future { background-color: #EDFFEA; } .popup-content .rule-desc {display: none; } .popup-content .support-desc {display: none; } .popup-window#popup-warning { background-color: #fff; position: fixed; height: 400px; width: 500px; z-index: 1110; top: 50%; left: 50%; margin-top: -180px; margin-left: -250px; } .popup-window#popup-presents-list { background-color: #fff; position: fixed; height: 500px; width: 700px; z-index: 1110; top: 35%; left: 43%; margin-top: -180px; margin-left: -250px; } .popup-window#popup-present-view { background-color: #fff; position: fixed; height: 400px; width: 500px; z-index: 1110; top: 50%; left: 50%; margin-top: -180px; margin-left: -250px; } .tbl {border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; margin-top: 20px;} .tbl td { background: #fff; padding: 15px 10px; border-top: 1px solid #E3E6EA; } .tbl thead td {padding: 10px 10px; background: #eaeaea; font-size: 13px; border-top:0; background-image:url("http://i.smotra.ru/img/nbt-header.png"); background-repeat: repeat-x;} .tbl textarea.form-input {height: auto;} .tbl textarea.form-input.form-resize:focus {height: 240px;} .tbl tr.non-active { opacity: 0.5;} .tbl tr.selected td { background-color: #fffeea;} .tbl tr.deleted { opacity:1; } .tbl tr.deleted td { background-color: #ffe4e1;} .tbl .nbt-title { background-image: url("/img/nbt-header.png"); color: #343844; font-size: 22px; height: 43px; letter-spacing: 1px; line-height: 43px; position: relative; text-shadow: 1px 1px 0 #FFFFFF; padding: 0 15px; } textarea.form-input.sm_editor.charity:focus {height: 240px;} .main-info-row { margin-bottom: 15px; background-color: #dce1e8; font-size: 13px; height: 26px; line-height: 24px; border: 1px solid #cbd4de; padding-right: 5px; padding-left: 5px; position: relative; z-index: 2; overflow: hidden; } .main-info-row .info-left { float: left; width: 50%; } .main-info-row .info-right { float: right; width: 50%; } .nbt-nav li.active a, .nbt-paginator li.active a { color:#fff; background-image: url(http://i.smotra.ru/img/table-nav.png); background-repeat: repeat-x; background-position: left center; } .nbt-nav a { padding-right: 10px; padding-left: 10px; display:block; text-decoration:none; height: 26px; line-height: 26px; } .nbt-nav a span {background-image: url(http://i.smotra.ru/img/dotted-s.gif); background-repeat: repeat-x; background-position: left bottom;} .nbt-nav a span span {background-image: none;} .nbt-nav li.active a span {background-image:none;} .nbt-nav li a:hover span {background-image:none;} .controlss {display: none; margin-right: 1; } .user_note_content:hover li.controlss { display: block; z-index: 20; position: relative; float: left; margin-top: -16px;} .sms {font-size: 16px; position: relative; float: left; width: 60%;} .sms-user {padding: 5px 10px 5px 0; width:5%; white-space: nowrap;} .sms-text {background-color:#FFFFFF; border-color:#E8E9EA #E0E2E5 #D4D8DB #E8E9EA; border-left:1px solid #E8E9EA; border-right:1px solid #E0E2E5; border-style:solid; border-width:1px; padding: 5px 10px; margin-left: 10px; } .sms-a {background-image: url(http://i.smotra.ru/img/sms-text.png); width:10px; height: 100%; position: absolute; z-index: 15; right: -11px; top:0px; background-repeat: no-repeat; background-position: center right;} .last-activity {width: 38%; text-align: right; font-size: 13px;} .last-activity, .last-activity .last-action, .last-activity .last-action a { background-color: #F0F2F4; } /*.icon_box {width: 30px; height: 30px; background-position: left top; background-repeat: no-repeat; float: left; }*/ /*.soc-widget { position: absolute; right: 0px; bottom: 30px; padding-bottom: 5px; z-index: 999; } */ /*.yt .soc-widget, .fb .soc-widget { background-color: #F0F2F4; } .icons_box {height: 30px; width: 124px; margin-top: 5px; position: relative; }*/ .picture-box { position: relative; width: 180px; height: 170px; text-align: center; margin-left: -10px; margin-top: -10px; text-align: center; float: left; background-color: #eeeeee; padding: 10px;} .picture-box-highlight { position: relative; width: 180px; height: 170px; float: left; margin-left: 10px; margin-bottom: 10px; background-color: #6699CC; padding: 10px; opacity: 0,2;} .picture-box:hover .img-header, .picture-box:hover .img-footer { display:inherit; } .picture-box:hover { opacity: 0.8;} .picture-box-big { position: relative; width: 210px; height: 170px; margin-left: -10px; margin-top: -10px; text-align: center; float: left; background-color: #000000; } .picture-box-big-highlight { position: relative; width: 210px; height: 170px; float: left; margin-left: 10px; margin-bottom: 10px; padding: 10px; background-color: #6699CC; opacity: 0,2;} .picture-box-big:hover .img-header-big, .picture-box-big:hover .img-footer { display:inherit; } .picture-box-big:hover { opacity: 0.8;} .img-header { position: absolute; z-index: 5; right:0; bottom: 0; padding: 2px 5px 5px 7px; background-color: #000000; opacity: 0.8; display: none; line-height:16px; text-align: right;} .img-header-big { position: absolute; z-index: 5; right:-20px; bottom: -20px; padding: 2px 5px 5px 7px; background-color: #000000; opacity: 0.8; display: none; line-height:16px; text-align: right;} .img-footer { position: absolute; z-index: 6; left:0; top: 0; padding: 2px 10px 5px; background-color: #000000; opacity: 0.8; display: none; text-align: left; color: #6699CC; width: inherit; font-size: 13px; text-align: center;} .img-header a{ font-size: 14px;} .img-header-big a{ font-size: 14px;} .add-radio.disabled { opacity: 0.2; } .albums-browse-list { width: 100%; max-height:184px; overflow-y:auto; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA;} /* user add menu */ .user-add-menu { display:none; position:absolute; bottom:25px; width:140px; left:-45px; padding-bottom:6px; } .user-add-menu .footer { background: transparent url(http://i.smotra.ru/img/add_menu_footer.png) center bottom no-repeat; width: 100%; height: 6px; } .auth-add a.link { text-decoration: none !important; } .auth-nav li:hover .user-add-menu, .user-add-menu:hover { display:block; } .menu-options a { display: block; height: 28px; padding: 1px 10px; color: #FFFFFF !important; text-decoration: none !important; background: transparent url(http://i.smotra.ru/img/add_bg.png) center center; } .menu-options a:hover { background-color: #69C; background-image: url(http://i.smotra.ru/img/global-nav-2.png); background-position: left center; background-repeat: repeat-x; } /* miss nfs */ .miss-join-photos .nbt-row { float:left; border:0; padding:0; } .post-img-photo-id { color: #cccccc; position: absolute; right: 0; top: 0; font-size: 14px; margin-right: 5px; } .miss-user { width: 180px; height: 180px; float: left; margin-right: 15px; margin-bottom: 15px; position: relative; } .miss-user .photo-album-item:hover .photo-album-img { background-color: none; } .photo-album .photo-album-img:hover img { opacity: 1; } .miss-user .voting { position: absolute; z-index: 99; display: none; } .miss-user:hover .voting { display: block; } .miss-user .give-vote { right: 0; display: none; } .miss-user:hover .give-vote { display: inline; } .miss-user .give-vote .numb.plus { background-position: left center !important; } .miss-user .give-vote .numb.plus:hover { background-position: left top !important; } .miss-user .miss-photos-nav { position: absolute; display: none; left: 0; bottom: 0; z-index: 99; background-image: url("http://i.smotra.ru/img/tt-bg.png"); } .miss-user:hover .miss-photos-nav { display: inline; } .miss-user .miss-photos-nav a { display: block; height: 26px; line-height: 26px; padding-left: 10px; padding-right: 10px; text-decoration: none; background-image: url("http://i.smotra.ru/img/nbt-pages.png"); background-repeat: no-repeat; float: left; height: 26px; background-position: left top; } .miss-user-name { display:block; background-image: url(http://i.smotra.ru/img/tt-bg.png); bottom: 0; max-width: 100%; padding: 0 10px; position: absolute; right: 0; white-space: nowrap; z-index: 35; } .presents-list-container { padding: 5px; width: 600px; max-height: 300px; overflow-y: auto; } .present-box { width: 100px; height: 120px; } .present-img { width: 96px; height: 96px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; } .present-price { width: 96px; border-right: 1px solid #e0e2e5; border-left: 1px solid #E8E9EA; border-bottom: 1px solid #d4d8db; border-top: 1px solid #E8E9EA; } /* sm prod */ .sm-prod-header { width: 100%; height: 209px; padding-top: 32px; background-image: url("http://i.smotra.ru/img/sm-prod-header-bg.png"); background-repeat: repeat-x; background-position: left top; } .sm-prod-logo { width: 332px; height: 177px; background-image: url("http://i.smotra.ru/img/sm-prod-logo.png"); background-repeat: no-repeat; background-position: left top; margin: 0 auto; } .prop-controls-delete { font-family: Tahoma; font-size: 11px; margin: 0; padding: 0; float: right; } .prop-controls-delete a { background-position: center top; background-repeat: no-repeat; position: absolute; right: -40px; top: 40px; background-repeat: no-repeat; height: 30px; width: 30px; background-image: url(http://i.smotra.ru/img/photo-delete.png); } /* placeholders */ ::-webkit-input-placeholder { color:#C9C9C9; } input:-moz-placeholder { color:#C9C9C9; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 200px; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: green; position: relative; top: 0; left: 0; cursor: pointer; } .jspBeforeDrag { position: relative; top: 0; right: 0; width: 16px; height: 0px; background: #ffd700; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }