BODY {background: #FFF; padding: 7px; margin: 0; font: 80% Arial, Helvetica, sans-serif; min-width:980px} SPAN.photoarhive {font-size: 11px} .c_hack {width: 100%; float: left; padding: 2px 0 0 0;} .c_text {padding: 0 7px 0 0} /* иконки */ INPUT.auth_login, INPUT.auth_pass, SPAN.lang, UL.genre LI A, A.girl, A.boy, A.ago, A.post, B.post, A.punkt, DIV.usermenu A, .usermenu DIV.act UL I, DIV.tringle I, A.spam, DIV.sizer A, DIV.sizer B, .prev_links A I, A.del, DIV.search_select UL I, DIV.buttons A {background: url(i/triangle.gif) no-repeat} /* КОЛОНКИ */ .c_left {width: 190px; float: left} .c_center {margin-left: 200px} .c_right {width: 240px; float: right} .footer {clear: both; background: #6D8BA7; height: 38px; color: #fff} .footer TD {vertical-align: middle; height: 38px} .footer A {color: #fff} .footer A:hover {color: #fff; text-decoration: none} DIV.footer {padding: 0 10px 0 10px} DIV.footer IMG {padding-top: 5px} SPAN.ver {color: #6D8BA7} .header {clear: both; height: 60px; margin: 2px 0 15px 0} /* лого )) */ .lol {margin: 12px 0 0 0} /* языки */ SPAN.lang {background-position: -1px 6px; margin: 0 0 0 2px; padding: 0 3px 0 2px} SPAN.langs {display: none} SPAN.langsv {position: absolute; left: 279px; background:#FFF; border: 1px solid #C6CEF2} SPAN.langsv A {display: block} A.lang {background: url(i/ru.gif) no-repeat; text-decoration: none; padding: 0 0 0 23px; margin: 3px} A.lang:hover { background-color: #EDF0F8} A.ru {background-position: 3px 2px} A.en {background-position: 3px -12px} A.ua {background-position: 3px -26px} A.es {background-position: 3px -40px} /* Бэкграунды и рамки */ .forumblue {background: #F7F7F7} .blue, .pole_b, .dpole_b {background: #EDF0F8} .white, .pole_w, .pole_wn, .dpole_w {background: #FFF} .pole_b, .pole_w {border: 1px solid #C6CEF2; padding: 5px 10px 10px 15px} .non_t {border-top: none; position: relative} .non_b {border-bottom: none} .pole_wn {border: 1px solid #C6CEF2; padding-top: 10px} /* Заголовки */ H1, H2 {font-size: 140%; margin: 0; padding: 0} H1 {color: #000; margin-bottom: 4px} H2 {color: #4D5D80} OUTGROUP {font-style: normal; font-weight: normal} /* Сглаженый угол для блоков */ DIV.ugol {position: relative; top: 4px; height: 4px; width: 4px; font-size: 3px; background: url(i/border.gif) no-repeat 0 0} /* ВКЛАДКИ */ UL.inset_b, UL.inset_w {list-style: none; margin: 10px 0 0; padding: 0 0 4px 0; border-bottom: 1px solid #C6CEF2} UL.inset_w {padding-left: 10px} UL.inset_b A, UL.inset_w A {text-decoration: none; color: #6D8BA7} UL.inset_b A:hover, UL.inset_w A:hover {text-decoration: none; color: #000} UL.inset_b LI, UL.inset_w LI {display: inline; background: url(i/border.gif) no-repeat 0 0; border: 1px solid #C6CEF2; border-top: none; border-left: none; padding: 5px 9px 4px 11px; margin: 0 -3px 0 0; color: #6D8BA7; cursor: pointer} UL.inset_w LI {background-color: #EDF0F8} UL.inset_b LI {background-color: #FFF} UL.inset_w LI.act {color: #000; border-bottom: 1px solid #FFF; background-color: #FFF; cursor: auto} UL.inset_b LI.act {color: #000; border-bottom: 1px solid #EDF0F8; background-color: #EDF0F8; cursor: auto} *html UL.inset_b LI, *html UL.inset_w LI {margin: 0} /* После вкладок*/ .dpole_b, .dpole_w {border: 1px solid #C6CEF2; border-top: none; margin: 0; padding: 5px 9px 5px 9px} /* стили форм */ FORM {margin: 0; padding: 0} INPUT.button {background: ThreedFace} INPUT.text, INPUT.check, TEXTAREA, SELECT, INPUT.radio {background: Window} *INPUT.check, *INPUT.radio {background: transparent} INPUT.login {width: 158px; margin-top: 3px; background-color: white} INPUT.auth_login {background-position: -313px -166px} INPUT.auth_pass {background-position: -313px -183px} INPUT.log {margin-top: 3px} INPUT.search_tringle {background: ThreedFace url(i/triangle.gif) no-repeat 3px 6px; width: 18px} *html INPUT.search_tringle { background-position: 1px 6px} /* Юзер меню */ .usermenu {padding: 5px 0 0 0; z-index: 99} DIV.usermenu {display: inline; padding: 3px 7px 5px 0; margin-top: 3px} DIV.usermenu A {text-decoration: none; background-position: 100% 6px; color: #000; padding-right: 10px; margin-left: 7px; cursor: pointer;} DIV.usermenu A:hover {background-position: 100% -10px; color: #D86600} .usermenu DIV UL {display: none} .usermenu DIV.act {background: #8D99B9; position: relative; display: inline} .usermenu DIV.act A {color: #FFF; background-position: 100% -102px} .usermenu DIV.act A:hover {color: #FFF; background-position: 100% -102px} .usermenu DIV.act UL {display: block; list-style: none; position: absolute; left: 0; top: 20px; background: #fff; margin: 0; padding: 5px; width: 220px; border: 1px solid #6B7AA3; z-index: 4} .usermenu DIV.act UL A {margin: 0; color: #6B7AA3; display: block; width: 90%; position: relative; padding: 3px 0 3px 19px} .usermenu DIV.act UL A:hover {color: #000; background: #EDF0F7} .usermenu DIV.act UL A I {position: absolute; left: 0; width: 16px; height: 16px} I#fm_1 {background-position: -1px -128px;} I#fm_2 {background-position: -199px -127px} I#fm_3 {background-position: -220px -129px;} I#fm_4 {background-position: -39px -128px} I#fm_5 {background-position: -345px -128px;} I#fm_6 {background-position: -242px -128px} I#fm_7 {background-position: -61px -154px;} I#fm_8 {background-position: -78px -128px} I#fm_9 {background-position: -119px -128px;} I#fm_10 {background-position: -98px -130px} I#fm_11 {background-position: -58px -128px;} I#fm_12 {background-position: -140px -128px} I#fm_13 {background-position: -158px -128px;} I#fm_14 {background-position: -240px -174px} I#fm_15 {background-position: -264px -176px;} SPAN.non_usermenu A {background: none; padding: 2px 3px; margin: 0 3px 0 0} /* Поиск */ .search {padding-top: 2px} /* ДЛЯ ПОЛЯ ПОИСКА */ DIV.search_select {position: absolute; border: 1px solid #6B7AA3; padding: 5px; background: #fff; text-align: left; right: 0; width: 170px; z-index: 2} *html DIV.search_select {left: 0; margin: 0 0 0 -184px} .search_select UL A I {position: absolute; left: 0; width: 16px; height: 16px} .search_select UL {list-style: none; margin: 0; padding: 0} .search_select UL A {text-decoration: none; margin: 0; color: #6B7AA3; width: 90%; display: block; position: relative; padding: 3px 0 3px 19px; cursor: pointer;} .search_select UL A:hover {color: #000; background: #EDF0F7} I#fm_21 {background-position: -1px -128px} I#fm_22 {background-position: -261px -128px} I#fm_23 {background-position: -301px -128px} I#fm_24 {background-position: -281px -128px} I#fm_25 {background-color: transparent;background-image: url(/images/photo_search_icon.gif);background-position: -2px 0px} INPUT.search_text {width: 100px; border: 2px inset ThreedFace; border-left: none} INPUT.search_pic {background: Window url(i/triangle.gif) no-repeat; border: 2px inset ThreedFace; width: 18px; border-right: none} INPUT.search_pic.album {background-position: -260px -127px} INPUT.search_pic.nick {background-position: -1px -127px} INPUT.search_pic.photo {background-position: -300px -127px} INPUT.search_pic.city {background-position: -280px -127px} INPUT.search_pic.equipment {background-color: #fff;background-image: url(/images/photo_search_icon.gif);} /* / ДЛЯ ПОЛЯ ПОИСКА */ /* смс лидер */ TD.sms_lider {background: #FCECCA url(i/sms_bg.jpg) no-repeat; width: 274px; height: 271px; text-align: center} TD.sms_lider IMG {border: 1px solid #C9BCA1; border-bottom: #FFFFF2; border-right: #FFFFF2} /* подложка */ TABLE.bordur {background: #fff; width: 118px; height: 118px; margin-top: 7px} TABLE.bordur TD {padding: 6px 6px 4px 6px; border: 3px double #C0C0C2; text-align: center;} *html TABLE.bordur TD {padding-bottom: 6px} .xmiddle TABLE.bordur {width: 167px; height: 167px;} .xmiddle DIV {width: 167px;} /* если нуна 3 ячейки */ TABLE.three TD {width: 33%} TABLE.three TD TABLE TD {width: auto} /* если нуна 4 ячейки */ TABLE.four TD {width: 25%;} TABLE.four TD TABLE TD {width: auto;} /* загрузка фоток */ TABLE.upload {width: 387px; margin-top: 4px} DIV.upload {margin-top: 4px} *html TABLE.upload {width: 392px} /* Коменныты */ DIV.alb_list {padding-left: 70px} DIV.alb_name {height: 18px; overflow: hidden} TD.com_pic {width: 72px; vertical-align: top} TD.com_messege {vertical-align: top} .com_messege DIV {padding: 2px 4px 2px 4px} .com_messege DIV.right {color: #6D8AA8} .com_messege INPUT {margin: auto; margin-left: 10px} *.com_messege INPUT {margin-top: -2px} /* Новинки сбоку */ TABLE.novinka {margin: 2px 0 13px 0} /* Пока не понятно, типа заменитель таблиц */ .left_pos {float: left} /* Меню жанров */ DIV.genre {padding: 5px 4px 10px 10px} DIV.genre H2 {padding-left: 10px; padding-bottom: 7px} UL.genre {margin: 0; padding: 0; list-style: none} UL.genre LI {border-top: 1px solid #EDF0F8} UL.genre LI A {text-decoration: none; color: #4D5D80; background-position: -1px -26px; margin-left: 10px; padding-left: 10px; line-height: 170%} UL.genre LI A:hover {color: #D86600; background-position: -1px -10px} .genre OL {margin: 0; padding: 5px 0 7px 24px; list-style: none; display: none} .genre OL LI {border: none} .genre OL LI.current {list-style: square} .genre LI.act {background: #FFF; border: 1px solid #C6CEF2; margin-left: -1px; margin-bottom: 5px} .genre LI.act A {text-decoration: none; color: #000; border: none; background-position: -357px 6px} .genre LI.act A:hover {border: none; color: #000; color: #D86600} .genre LI.act OL A {margin: 0; padding: 0; text-decoration: underline; background: none; border: none; color: #4A88CA; line-height: 140%} .genre LI.act OL A:hover {color: #D86600; border: none} .genre LI.act OL {display: block} /* теги */ .tags A {text-decoration:none; margin:0 5px; padding:1px} .tags A:hover {color:#fff; background-color:#4A88CA} .tag8 {font-size: 70%; color:#091632} .tag9 {font-size: 85%} .tag10 {font-size: 90%} .tag11 {font-size: 100%} .tag12 {font-size: 11%0} .tag13 {font-size: 120%} .tag14 {font-size: 130%} .tag15 {font-size: 140%} .tag16 {font-size: 155%} .tag17 {font-size: 170%} .tag18 {font-size: 180%} .tag19 {font-size: 195%} .tag20 {font-size: 200%} .tag21 {font-size: 215%} .tag22 {font-size: 225%} .tag23 {font-size: 235%} .tag24 {font-size: 250%} .tag25 {font-size: 260%} .tag26 {font-size: 270%} .tag27 {font-size: 280%} .tag28 {font-size: 290%} .tag29 {font-size: 300%} .tag30 {font-size: 310%} .tag31 {font-size: 320%} /* юзер */ A.girl, A.boy {font-weight: bold; padding-left: 11px} A.girl {background-position: -1px -111px} A.boy {background-position: -1px -94px} A.post {padding: 0 5px; background-position: 100% -150px; text-decoration: none; display:inline-block;} .small A.boy {background-position: -1px -95px} .small A.post {background-position: 100% -152px} .small A.girl {background-position: -1px -112px} /* о пользователе */ .userInfo TD {padding: 2px 0 2px 5px} .userInfo TD.w130 {padding-left: 0} .userAvat {position: absolute; text-align: center; width: 130px; right: 10px; top: -50px} TABLE.genre_list TD {width: 33.3%; padding-top: 12px; vertical-align: top} TABLE.genre_list TD DIV {display: list-item; list-style-type: square; margin: 0 5px 0 15px; padding: 0; color: #6D8BA7} TABLE.genre_list TD DIV SPAN {color: #000} /* таблица содержащая форму */ .form TD {padding-bottom: 10px; vertical-align: top} INPUT.radio{vertical-align: bottom} /*настройка копирайта */ .copyr {width: 402px} .copyr INPUT {width: 284px} .copyr_m {width: 105px} .copyr_v SELECT {width: 120px} .copyr_v .radio {vertical-align: middle} /* красочки */ TABLE.color_selecter {width: auto; border-collapse: separate} .color_selecter TD {width: 12px; height: 8px; font-size: 10px; padding: 0; border: 1px solid black; cursor: pointer} TABLE.color_other {margin: 2px} .color_other TD {padding: 2px 4px} TD.sel_col {width: 26px; background: #000} INPUT.percent {width: 25px} DIV.new_color {margin: 2px 0 1px 0} DIV.new_color INPUT.text {width: 65px} /* ватермарка */ DIV.foto_primer {width: 390px; background: #D4E5D5; border: 1px solid #ADCEB3; height: 300px; position: relative} DIV.foto_primer DIV {position: absolute; left: 2px; width: 386px; height: auto; z-index: 2} DIV.foto_primer DIV.topLeft{top: 2px; text-align: left} DIV.foto_primer DIV.topRight{top: 2px; text-align: right} DIV.foto_primer DIV.topCenter{top: 2px; text-align: center} DIV.foto_primer DIV.bottomLeft{bottom: 1px; text-align: left} DIV.foto_primer DIV.bottomRight{bottom: 1px; text-align: right} DIV.foto_primer DIV.bottomCenter{bottom: 1px; text-align: center} DIV.foto_primer DIV.centerCenter{top: 111px; text-align: center} DIV.foto_primer DIV.centerRight{top: 111px; text-align: right} DIV.foto_primer DIV.centerLeft{top: 111px; text-align: left} DIV.foto_primer DIV IMG {width: 121px; height: 77px} /* платные сервисы */ SPAN.billing_code {background: #ECEFF6; border: 1px solid #C6CEF3; padding: 5px 10px ; line-height: 2em; font-size: 130%} /* Инфа об альбоме */ TABLE.album_info TD {vertical-align: top} .album_info TD.cover {width: 120px} TD.cover TABLE.bordur {margin: 0} .album_info TD.info {padding: 0 0 0 7px} .album_info TD.info TD {padding-right: 10px} .album_info TD.info DIV.info_pad {padding: 0 0 0 10px} .album_info TD.info DIV.dark {border-left: 6px solid #EDF0F7; padding: 0 0 0 5px; margin: 0 0 10px 0} .unfo_names {width: 70px} DIV.tringle A {padding-left: 20px; line-height: 20px} DIV.tringle A I {position: absolute; width: 17px; height: 17px; margin: 2px 0 0 -19px} DIV.tringle A I#ff_comments {background-position: -125px -153px} DIV.tringle A I#ff_print {background-position: -192px -153px} A.spam {text-decoration: none; color: red; background-position: 4px -61px} /* Размеры превьюшек */ DIV.sizer A, DIV.sizer B {padding: 0 7px; text-decoration: none} DIV.sizer A:hover, DIV.sizer B {background-color: #C7CDF1} DIV.sizer A.smal, DIV.sizer B.smal{background-position: -167px -176px} DIV.sizer A.middle, DIV.sizer B.middle{background-position: -184px -176px} DIV.sizer A.large, DIV.sizer B.large{background-position: -201px -176px} DIV.sizer A.xlarge, DIV.sizer B.xlarge{background-position: -218px -176px} /* Добавить фото в альбом*/ SPAN.dop_photo {position: relative; top: 27px; font-size: 110%} /* Превью фоток */ DIV.clear {clear: both} DIV.ph_small_old {float: left; width: 133px; padding: 0 0 20px 0; height: 160px} div.ph_small {float:left;height:auto; min-height:160px; _height:160px;padding:0 0 20px;width:133px;} DIV.ph_concurs {height: 190px} *DIV.ph_small {width: 133px; height: 150px} DIV.ph_middle {float: left; width: 265px; padding: 0 0 20px 0; height: 290px} DIV.ph_large {float: left; width: 530px; padding: 0 0 30px 0} DIV.ph_xlarge {float: left; width: 780px; padding: 0 0 30px 0; position: static} /* Превью фрейм */ DIV.ff_hack_frame{width: 100%; //margin-right: -100%} DIV.photo_frame {background: #EDF0F8; overflow: auto; height: 115px; width: 100%} *html DIV.photo_frame {overflow-y: hidden} TABLE.photoframe {background: #EDF0F8; width: auto} .photoframe TD {vertical-align: top; padding-bottom: 8px} .photoframe TD.select {background: #EACFB1} .photoframe TD.select IMG {border: 3px double #fff} .photoframe TD DIV {margin: 0 5px} .photoframe TD DIV.num {background: #fff; text-align: right; font-size: 11px; margin: 0 0 10px 0; padding-right: 7px; color: #D2D5DC} @media all and (min-width: 0px){ div.ff_hack_frame {float:left; overflow:hidden; padding-bottom:15px} .square {position:relative} } /* Opera */ /* превью фото ссылки*/ .preview_links TD {vertical-align: top; padding: 0 10px 0 0} TD.prev_links {background: #EDF0F8; width: 180px; padding: 7px 0 5px 10px} .prev_links A {padding-left: 23px; line-height: 22px; position:relative} .prev_links a i {width:18px; height:18px; position:absolute; left:0} *html .prev_links A I {margin: 0 0 0 -22px} .prev_links .line {position:relative} .prev_links .line A {position:static} .prev_links .line A I {_left:23px} .prev_links A I#ff_contest {background-position: -266px -151px} .prev_links A I#ff_fullsize {background-position: -241px -151px} .prev_links A I#ff_favorite {background-position: -216px -152px} .prev_links A I#ff_photoprint {background-position: -192px -152px} .prev_links A I#ff_mobile {background-position: -169px -152px} .prev_links A I#ff_letter {background-position: -145px -154px} .prev_links A I#ff_paint {background-position: -123px -152px} /* звездочки рейтинга */ DIV.ratig A{background: url(i/star.gif) no-repeat; padding: 0 8px 0 8px; font-size: 17px; text-decoration: none;} DIV.ratig A.half{ background-position: 0 -20px} DIV.ratig A.empty{ background-position: 0 -38px} DIV.ratig A.golos{ background-position: 0 -59px} /* ввод коментов */ TABLE.add_coment {width: auto} .add_coment TD {vertical-align: top; padding-right: 10px} .add_coment TD TEXTAREA {width: 317px; margin-bottom: 7px; padding: 0} .add_coment TD DIV.smiles {width: 176px} .add_coment TD DIV.smiles A {width:40px; height:30px; display:block; float:left; text-align:center; margin:2px 4px 2px 0px} .add_coment TD DIV.smiles IMG {cursor:pointer} /* метки при загрузке */ A.del {padding: 0 5px; background-position: -22px -152px; text-decoration: none} .photos_upload {width: 350px} INPUT.upload {margin-right: 70px} *html INPUT.upload {margin-right: 57px} /* кнопочки для редактирования */ DIV.buttons {margin: 4px 0 0 0} DIV.buttons A {padding: 0 6px; text-decoration: none} DIV.buttons A#b_del {background-position: -67px -176px} DIV.buttons A#b_left {background-position: -131px -176px} DIV.buttons A#b_right {background-position: -147px -176px} DIV.buttons A#b_edit {background-position: -19px -176px} DIV.buttons A#b_play {background-position: -83px -176px} DIV.buttons A#b_pause {background-position: -99px -176px} DIV.buttons A#b_reverse {background-position: -35px -176px} DIV.buttons A#b_reverse_non {background-position: -51px -176px} /* конкурсные пометки */ B.uo {padding: 0 4px; line-height: 20px; font-size: 80%} B.uo_good {background: #000} B.uo_del {background: #EE1E1E} B.uo_ok {background: #28BD18} B.uo_non {background: #4A88CA} .uo_del {color: #EE1E1E} .uo_ok {color: #28BD18} .uo_non {color: #4A88CA} /* кнопки голосования */ DIV.golos {margin: 5px 0} /* поле переименования фоты */ DIV.renamer {background: #EDF0F8; width: 110px; border: 1px solid #C6CEF2; position: absolute; padding: 4px 8px; margin: -7px 0 0 -12px; display: none} *+html DIV.renamer {margin-left: -14px} *+html DIV.renamer INPUT.text {width: 77px; margin-left: 14px} DIV.renamer INPUT.text {width: 67px} *html DIV.renamer INPUT.text {width: 77px; margin: 0 0 0 14px} DIV.renamer.show {display: block} /* Попапы подгружаемые аяксом */ DIV.popup {position: absolute; width: 450px; border: 1px solid #C6CEF2; background: #EDF0F8; padding: 3px 5px; margin: -4px -6px; display: none; z-index: 52} DIV.popup.original {margin-left: -450px} DIV.popup.original div.right {padding-right: 6px} *html DIV.popup.original {margin-left:-450px; margin-top: -7px} DIV.popup.act{display: block} DIV.popup.original.act{display: inline} /* закрытые конкурсы на главной */ DIV.contest_close {position: absolute; background: url(i/con_close.gif) no-repeat; height: 70px; width: 70px; margin: -62px 0 0 41px} DIV.contest_close {*margin: 41px 0 0 -66px} html:first-child DIV.contest_close {margin: -63px 0 0 38px} /* что то для корзины печати */ .for_print {font-size: 85%; width: 65px; padding: 3px 0 0 0} .print_prev {padding: 2px 7px; height: 150px; vertical-align: top} .print_prev SPAN {padding: 0 0 0 5px; line-height: 25px} .print_prev DIV.no_permit{color: #EE691E; padding: 0 0 5px 5px} /* и что то для календарей */ SPAN.caldar {line-height: 180%} IMG.wizard_pic {position: absolute; z-index: 1} IMG.wizard_abl {position: absolute; z-index: 2} .rel {position: relative} /* для форума */ .editingbar {line-height: 27px} .editingbar input {background:transparent url(i/forum/forum_but.gif) repeat scroll 0%; border:medium none; height:22px; width:22px} #i0 {background-position:0pt} #i1 {background-position:-22px 0pt} #i2 {background-position:-44px 0pt} #i3 {background-position:-66px 0pt} #i4 {background-position:-88px 0pt} #i5 {background-position:-110px 0pt} #i6 {background-position:-132px 0pt} #i7 {background-position:-154px 0pt} #i8 {background-position:-176px 0pt} /* голосование на форуме */ DIV.voting_line {background: transparent url(i/forum/voting_line.gif) repeat-x; font-size:90%; line-height:90%} /* ВЕЗДЕСУЩЕЕ */ TABLE {width: 100%; border: 0; border-collapse:collapse} TABLE TD {padding: 0} IMG {border: none} A.ago {padding-right: 12px; background-position: 100% -80px} A {color: #4A88CA} A:hover {color: #D86600} A.maroon {color: red} A.punkt {text-decoration: none; background-position: -12px -42px} A.punkt:hover {background-position: -12px -10px} A.no_link {text-decoration: none; color: #000} .big {font-size: 115%} .small {font-size: 85%} .left {text-align: left} .right {text-align: right} .center {text-align: center} UL {margin: 0; padding: 0 5px 0 17px; list-style: square; color: #6D8BA7} UL LI DIV {color: #000; padding-bottom: 7px} .hr {border-bottom: 1px solid #D2D6DF; margin-bottom: 3px} .red {color: Red} .black {color: #000} .dark {color: #4D5D80} /* темно синяя ссылка */ .light {color: #4A88CA} /* светло синяя ссылка */ .dn {display: none} .ds {display: block} .dn.act {display: block} /* отступы */ .pad {padding: 5px 10px} .mar {margin: 5px 10px} .sms_top{padding: 0 10px} .forum TD {padding: 10px; vertical-align: top} .prevlarge {padding-top:5px} .h250 {height: 250px} .w130 {width: 130px} .w250 {width: 250px} .wp50 {width: 50%} .wp100 {width: 100%} /* рсс в заголовках */ A.rss {text-decoration: none; background: url(i/rss.gif) no-repeat 0 2px; padding: 0 6px} .avatar {width: 100px; margin:10px auto 5px auto; padding: 10px} *html .avatar {margin: 10px 0 5px 0} /* сортировка */ .sort A {margin: 4px 5px} .sort SPAN {background: #EDF0F8; padding: 4px 5px} .sort A.act {background: #EDF0F8; padding: 4px 5px; margin: 0; display: inline; text-decoration: none; color: #000} *html .sort SPAN {line-height: 24px} /* вывод ошибок */ DIV.error {background: #FDF2D9; border: 1px solid #FFE2A4; padding: 5px 10px 10px 10px} DIV.error UL {list-style: decimal; color: #000; margin: 5px 10px 5px 10px} DIV.information{margin: 0 20px 10px 20px; border-left: 6px solid #FFAA00; padding: 10px} DIV.forum_quote {border: 1px dashed #DCDCDC; border-left: 5px solid #DCDCDC; background: #F2F2F2; margin: 10px 10px 0 10px ; padding: 10px; color: #666} DIV.forum_quote DIV.forum_quote, DIV.forum_quote DIV.forum_quote DIV.forum_quote DIV.forum_quote {background: #fff} DIV.forum_quote DIV.forum_quote DIV.forum_quote {background: #F2F2F2} /* квадратные превьюшки */ DIV.square {width: 66px; height: 66px} .square IMG {width: 60px; height: 60px; z-index: 1; position: static; border: 3px double #90B7D4} .square A:hover {height: 60px} .square A:hover IMG{width: auto; height: auto; position: absolute; z-index: 2} TD.priv_avatar {width: 125px; background: #EDF0F8; padding: 10px 0 10px 0; vertical-align: top} /* Постраничность */ TABLE.numeric {width: auto} .numeric A {color:#4D5D81; text-decoration:none} .numeric TD.pager {padding:3px 0 3px 0; text-align: center} .numeric TD.pager A {padding: 2px 4px 2px 4px} .numeric TD.pager A:hover {background: #EDF0F9; color:#4D5D81} .numeric TD.pager SPAN {border: 1px solid #C8CCEF; background: #EDF0F9; color:#4D5D81; padding: 2px 4px 2px 4px} /* подсказки для тегов */ DIV#ff_tags_suggest { height: 100px; overflow: auto; background-color: #ffffff; border: 1px solid #C6CEF2; position: absolute} DIV#ff_tags_suggest A {color: #4D5D80; text-decoration: none; display: block; padding: 2px 3px} DIV#ff_tags_suggest A:hover {color: #D86600; background: #EDF0F8; cursor: pointer} DIV#ff_tags_suggest A.select {color: #D86600; background: #EDF0F8} /* Растяжка на странице просмотра фотографий */ DIV#stretchalbum_banner {display: block; width: 100%;} /* Заголовок на странице просмотра фотографий */ TABLE#foto_page_table {width: auto} /* Баннер под окном логина */ DIV#loginbottom_banner {display: block; width: 190px;} /* Растяжка в шапке */ DIV#stretchheader_banner {display: block; width: 100%;} /* привязка дивов */ DIV.flright {float: right} DIV.flleft {float: left} /* скачивание архивов */ I#ff_downloads {background-color: transparent;background-image: url(/images/download.gif);width:17px;height:17px;} .leftmargin200 {margin-left:200px;} /* cover */ .cover { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 500px; background-color: #cccccc; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } /* orange link */ .orange {color:#ff8000} /* beeline */ .beeline {width: expression((documentElement.clientWidth||document.body.clientWidth)>1004?'':'1004px'); min-width:1004px; background:#f0be32; height:147px; padding-bottom:10px; border:solia #ffbc1a; border-width:1px 0} .beeline .dark {color:#000} .beeline A {color:#000} .beeline .ugol {display:none} .beeline .pole_b {background:none; border:0} .beeline .c_hack {padding-bottom:10px} .beeline a.lang:hover {background-color:#ffbc1a} .beeline .usermenu div.act {background:#d6913c} .beeline .usermenu div.act ul {border:1px solid #d6913c} .beeline .usermenu div.act ul a {color:#ffbc1a} .beeline .usermenu div.act ul a:hover {background:#ffbc1a; color:#fff} .beeline .hr {border-bottom:1px solid #ffbc1a} .beeline div.search_select {border:1px solid #d6913c} .beeline .search_select ul a {color:#000} .beeline .search_select ul a:hover {background:#ffbc1a; color:#fff} .beeline .float100 {float:left; width:100%; height:80px; overflow:hidden; background-color:#fff} .beeline .leftbanner {margin:0 0 0 640px; text-align:center} .beeline .rightbanner {float:left; width:640px; margin-left:-100%} /* bel. veter */ .alpha-topline { background:#db681a; position:relative; z-index:100; font-size:0; height:8px } .alpha-rel { position:relative; z-index:1; } .alpha-rel .search {position:relative} .alpha-rel .pole_b {border:1px solid #db681a} .alpha-rel .ugol {background-image:url(/images/border-alpha.gif)} .alpha-rel .usermenu {position:relative} .alpha-promo { position:absolute; top:0; right:150px; /* 70px */ width:298px; height:98px; background:url(/images/alpha-promo.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/alpha-promo.png' ,sizingMethod='crop'); } .alpha-banner { /* background:url(/images/alpha-banner.png) 4px 0 no-repeat #db681a;*/ height:89px; clear:both; position:relative; top:16px; margin-bottom:20px; _top:5px; _margin-bottom:10px; } .alpha-banner .in { /* background:url(/images/alpha-banner-in.png) 2px 2px no-repeat #db681a;*/ width:380px; height:25px; position:relative; top:18px; left:22%; } /* print cart */ .ph_small2 {height:230px !important; _height:180px; padding:0 !important} *.ph_small2 {width: 133px; height: 180px} .bordur2 {table-layuot:fixed; border-collapse:collapse; margin:0} TABLE.bordur2 TD {width:100px; height:132px; _height:114px; padding:6px 6px 0 6px; vertical-align:top} .bordur2 .small {float:left; width:100px; white-space:nowrap; overflow:hidden} /* friends */ .fixcol1, .fixcol2 {table-layout:fixed} .col2 {width:80px} .col4 {width:110px} .col5 {width:80px} .fixcol1 DIV, .fixcol2 DIV {overflow:hidden} /* market */ .fl {float:left} .fr {float:right} .float100 {float:left; width:100%} .width49pc {width:49%} .p5 {padding:5px} .pt5 {padding-top:5px} .mb5 {margin-bottom:5px} .mb20 {margin-bottom:20px} .width42 {width:42px} .width90pc {width:90%} .font11 {font-size:1.1em} .breadcrumbs {padding-bottom:10px} .articleview {float:left; width:307px} .photobox {float:left; width:200px; height:200px; border:1px solid #c6cef2; margin-bottom:3px; position:relative} .photobox .lupa {display:block; width:23px; height:24px; background:url(/images/lupa.png) no-repeat 0 0; ; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/lupa.png'); -background:none; position:absolute; bottom:5px; right:5px; cursor:pointer} .smallphoto {float:left; width:105px; height:207px; text-align:center} .smallphoto IMG {margin-bottom:2px} .addlink {background:url(/images/icon_market.gif) no-repeat 0 0.1em; padding-left:20px; margin-left:10px} .articleright {margin-left:307px} .bannerplace {float:left; width:100%; padding-bottom:7px; overflow:hidden} .bannerplace DIV {background:url(/images/bg_informer.png) no-repeat 0 6px; padding-left:14px} .who {float:left; width:100%; background-color:#edf0f8; lpadding:5px} .who B {display:block; font-size:1.3em} .who .boy, .who .girl {margin-right:5px} .bluebutton, .bluebutton:hover {display:block; width:188px; height:22px; padding-top:3px; background:#0a77d5 url(/images/bluebutton.png) no-repeat 0 0; color:#fff; text-decoration:none; font-size:17px; font-weight:bold; text-align:center} .bluebutton220, .bluebutton220:hover {display:block; width:220px; height:22px; padding-top:3px; background:#0a77d5 url(/images/bluebutton.png) no-repeat -319px 0; color:#fff; text-decoration:none; font-size:17px; font-weight:bold; text-align:center} .who .clear {padding-bottom:5px} .pointerlink {background:url(/images/icon_market.gif) no-repeat 100% -20px; padding-right:10px} #description_, #property_, #review_, #sample_ {display:none} .tabs {float:left; width:100%; padding:0 0 10px 0; font-size:16px; font-weight:bold} .tabs A {display:block; float:left; padding:3px 0; text-decoration:none; border-bottom:1px dashed #4a88ca; margin:0 9px; cursor:pointer} .tabs A:hover {border-color:#D86600; color:#D86600} .tabs .active, .tabs .active:hover {background-color:#edf0f8; color:#000; padding:3px 9px; margin:0; border:none; cursor:text} .textblock {padding-bottom:5px} .propertytable {table-layout:fixed} .col1 {width:60%} .col2 {width:40%} .propertytable TH {text-align:left; font-weight:bold; padding:5px 10px; background-color:#edf0f8; border-top:10px solid #fff; border-bottom:5px solid #fff; font-size:1.1em} .propertytable TD {vertical-align:bottom; padding:5px 0 0 0} .propertytable .left {background:url(/images/bg_table.gif) repeat-x 0 100%; padding-right:10px; overflow:hidden} .propertytable SPAN {background-color:#fff} .propertytable .left SPAN {padding-left:10px} .com_messege .ratig {padding:0 0 0 10px} .goodssearchbox {float:left; width:100%; background:url(/images/bluepoint.gif) repeat-y 240px 0} .producers {margin-left:265px} .goodssearch {float:left; width:220px; margin-left:-100%} .goodssearchbox STRONG {display:block; margin-bottom:10px; font-size:1.1em} .goodssearch TD {padding:0 5px 10px 0; text-align:right} .goodssearch SELECT {width:110px} .producers TABLE {width:auto} .producers TD {padding:0 15px 5px 0} .producers .producerslist {width:100%; overflow:hidden} .absence {position:relative; text-align:right} .absence div.popup.act {display:none; width:247px; top:0; right:6px; text-align:left} .photosgoods {border-collapse:separate} .photosgoodstd {width:33%; border:1px solid #c6cef2; text-align:center; padding-top:5px; font-size:1.1em} .photosgoods TABLE {margin:0 auto; width:auto} .photosgoods .fl {width:96px; overflow:hidden; margin:8px 5px 10px 5px} .photosgoods IMG {width:90px; height:90px; border:3px double #ccc} .ratigsmall A {background:url(/images/star_small.png) no-repeat 0 0; font-size:14px; padding:0 6px; text-decoration:none} .ratigsmall A.half{ background-position: 0 -16px} .ratigsmall A.empty{ background-position: 0 -32px} .ratigsmall A.golos{ background-position: 0 -48px} .bluebutton129 {width:129px; height:25px; border:0; background:url(/images/bluebutton.png) no-repeat -189px 0; color:#fff; font:bold 17px arial} .goodsline {float:left; width:100%; padding-bottom:10px} .goodsline IMG {width:90px; height:90px; border:3px double #ccc; margin:0 5px 10px 14px} .doodsinfo {_height:1px; margin-left:120px} .goodsline STRONG {display:block; font-size:1.2em; font-weight:normal; padding-bottom:10px} /* Popup */ .popupblock {display:none; z-index:2; width:100%; width: expression((documentElement.clientWidth||document.body.clientWidth)>1004?'':'1004px'); min-width:1004px; height:100%; background:#666; position:fixed !important; position:absolute; top:0; left:0; right:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5} .popupiframe {display:none; z-index:3; top:0; left:0; bottom:0; position:absolute; height:100%; filter:alpha(opacity=0); -moz-opacity:0; opacity:0} .popupbox {display:none; z-index:4; width:100%; position:absolute; padding-top:50px; color:#000; top:0; left:0; right:0; /*filter:alpha(opacity=100); opacity:100%*/} .width650 {width:650px} .shadowtable {border-collapse:collapse; margin:0 auto} .shadowtable TD {padding:0} .tl, .tr, .bl, .br, .l, .r, .t, .btm {line-height:14px; overflow:hidden} .tl {width:14px; width:14px; background:url(/images/s_tl.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_tl.png'); //background:none} .tr {width:14px; width:14pxx; background:url(/images/s_tr.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_tr.png'); //background:none} .bl {width:14px; width:14px; background:url(/images/s_bl.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_bl.png'); //background:none} .br {width:14px; width:14px; left:100%; background:url(/images/s_br.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_br.png'); //background:none} .t {background:url(/images/s_t.png) repeat-x 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_t.png'); //background:none} .l {background:url(/images/s_l.png) repeat-y 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_l.png'); //background:none} .r {background:url(/images/s_r.png) repeat-y 100% 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_r.png'); //background:none} .btm {background:url(/images/s_b.png) repeat-x 0 100%; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_b.png'); //background:none} .middle {background-color:#fff} .shadowboxinner {position:relative; padding:0 0 30px 0} .popuptitle {height:60px; position:relative; padding-top:17px; background:url(/images/logo.png) no-repeat 10px 10px; text-align:center} .close {position:absolute; top:-20px; right:-20px} .close DIV {width:31px; height:31px; background:url(/images/close.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/close.png'); //background:none} .close A {display:block; position:relative; width:31px; height:31px} .controls {margin:0; padding:0; list-style-type:none; background-color:#CC33CC} .controls LI {position:absolute; z-index:10; width:43px; height:34px; top:50%; left:-8px; margin-top:-34px; background: url(/images/prev-next.gif) no-repeat 0 0; cursor:pointer; text-indent:-9999px; font-size:0} .controls .next-image-logic {background-position:-43px 0; left:auto; right:-8px} .picture-placer {width:500px; height:400px; text-align:center; padding:0 60px 20px 60px} .picture-placer IMG {cursor:pointer} .thumbs-placer {margin:0 auto; padding:0; text-align:center} .thumbs-placer LI {display:inline; width:69px; margin:0 4px; padding-bottom:5px; text-align:center} .thumbs-placer .cur {border-bottom:3px solid #4a88ca} .thumbs-placer IMG {cursor:pointer} .thumbs-placer .cur IMG {cursor:default} /* /Popup */ /* large spam icon */ A.lspam {text-decoration: none; background: url(/images/icon_spam_17x17_01.gif) no-repeat 0 2px; padding: 0 6px} /* Albums list */ .pb5 {padding-bottom:5px} div.alb_list {padding-left:110px} .photoinfo {width:100%; border-collapse:collapse; margin-top:-38px} .photoinfo TD {padding:0; vertical-align:bottom} .basket {color:#ff8000; background:url(/images/new_backet_orange.gif) no-repeat 0 2px; padding-left:21px} .load {background:url(/images/icons_download.gif) no-repeat 2px 4px; padding-left:21px} .preview {float:left; width:104px; height:104px; overflow:hidden; padding:1px; background-color:#90b7d4} .preview TABLE {width:104px; background-color:#fff; border-collapse:inherit} .preview TD {width:104px; height:102px; //height:100px; padding:0; border:1px solid #90b7d4; background-color:#edf0f8; text-align:center} .preview A {display:block; font-size:0; line-height:0} /* Print cart */ .usermenu .basketicon, .usermenu .basketicon:hover {display:inline-block; background:#fff url(/images/basket.gif) no-repeat 5px 7px; border:1px solid #c6cef2; padding:5px 4px 5px 22px; vertical-align:top; margin:-6px 0 0 0; _margin:-3px 0 0 0; color:#000} .usermenu .basketicon.full, .usermenu .basketicon.full:hover {background:#fff url(/images/basket.gif) no-repeat 5px -43px; color:#D86600} .messaga {width:100%; float:left; overflow:hidden} .messaga TEXTAREA {width:98%} /* News */ .ac {text-align:center} .mb20 {margin-bottom:20px} .bluetitle {float:left; width:100%; position:relative; padding-bottom:15px} .bluetitle H1 {color:#4a88ca; font-size:1.3em} .bluetitle .rss {position:absolute; display:block; width:17px; height:17px; top:0; right:0; padding:0; background-position:0 0} .newsmenu {float:left; width:100%; border-collapse:collapse} .newsmenu TD {padding:0 0 15px 0; text-align:center} .newsmenu A {font-size:16px; font-weight:bold; text-decoration:none; border-bottom:1px dashed #4a88ca} .newsmenu A.current {background-color:#edf0f8; color:#000; border:0; padding:3px 8px} .newsline {float:left; width:100%; padding-bottom:20px} .newsline IMG {float:left; width:90px; height:90px; border:3px double #ccc; margin:0 10px 5px 0} .newsline h2 {font-size:1.2em; font-weight:normal; padding-bottom:5px} .date {color:#4d5d80} .news H2 {color:#4a88ca; font-size:1.3em; text-decoration:underline; margin-bottom:5px} .news .date {margin-bottom:5px} .news IMG {float:left; margin:0 10px 10px 0}