/* Меню выскакивает сверху */ .myslo_html { position: absolute; display: inline; left: 0; right: 0; cursor: auto; z-index: 10; } .myslo_window { position: absolute; display: inline; left: 0; right: 0; z-index: 10; } .myslo_window_content { position: relative; border: 1px dotted #C2C2C2; box-shadow: 0px 3px 5px 0px rgba(141, 141, 141, 1); min-height: 100px; background: #fff; } .myslo_window_corner { position: absolute; left: 0px; right: 0px; height: 17px; z-index: 10; } .myslo_html_top { top: 0; bottom: auto; } .myslo_html_top > div { top: auto; bottom: 0; } .myslo_html_top .myslo_html_corner_center .myslo_window_corner { bottom: -17px; margin: 0 10px; background: url('/Images/myslo_window/corner_bottom.png') no-repeat center center; } .myslo_html_top .myslo_html_corner_left .myslo_window_corner { bottom: -17px; margin: 0 10px; background: url('/Images/myslo_window/corner_bottom.png') no-repeat left center; } .myslo_html_top .myslo_html_corner_right .myslo_window_corner { bottom: -17px; margin: 0 10px; background: url('/Images/myslo_window/corner_bottom.png') no-repeat right center; } .myslo_html_bottom { top: auto; bottom: 0; } .myslo_html_bottom > div { top: 0; bottom: auto; } .myslo_html_bottom .myslo_html_corner_center .myslo_window_corner { margin: 0 10px; top: -17px; background: url('/Images/myslo_window/corner_top.png') no-repeat center center; } .myslo_html_bottom .myslo_html_corner_left .myslo_window_corner { margin: 0 10px; top: -17px; background: url('/Images/myslo_window/corner_top.png') no-repeat left center; } .myslo_html_bottom .myslo_html_corner_right .myslo_window_corner { margin: 0 10px; top: -17px; background: url('/Images/myslo_window/corner_top.png') no-repeat right center; } .myslo_html_right .myslo_html_corner_center .myslo_window_corner { left: -17px; right: auto; top: 0; bottom: 0; width: 17px; height: auto; margin: 10px 0; background: url('/Images/myslo_window/corner_right.png') no-repeat center center; } .myslo_html_right .myslo_html_corner_left .myslo_window_corner { left: -17px; right: auto; top: 0; bottom: 0; width: 17px; height: auto; margin: 10px 0; background: url('/Images/myslo_window/corner_right.png') no-repeat center top; } .myslo_html_right .myslo_html_corner_right .myslo_window_corner { left: -17px; right: auto; top: 0; bottom: 0; width: 17px; height: auto; margin: 10px 0; background: url('/Images/myslo_window/corner_right.png') no-repeat center bottom; } .myslo_html_left .myslo_html_corner_center .myslo_window_corner { left: auto; right: -17px; top: 0; bottom: 0; width: 17px; height: auto; margin: 10px 0; background: url('/Images/myslo_window/corner_left.png') no-repeat center center; } .myslo_html_left .myslo_html_corner_left .myslo_window_corner { left: auto; right: -17px; top: 0; bottom: 0; width: 17px; height: auto; margin: 10px 0; background: url('/Images/myslo_window/corner_left.png') no-repeat center top; } .myslo_html_left .myslo_html_corner_right .myslo_window_corner { left: auto; right: -17px; top: 0; bottom: 0; width: 17px; height: auto; margin: 10px 0; background: url('/Images/myslo_window/corner_left.png') no-repeat center bottom; } .myslo_html_left { left: 0px; top: 0px; right: auto; } .myslo_html_right { top: 0px; left: auto; right: 0px; } /* pagination and i go button */ .myslo_plagin_left { background: #fff url('/Images/myslo_window/page-navigation.png') no-repeat 12px 120px; left: 0; top: 0; bottom: 0; width: 20px; z-index: 10; } .myslo_plagin_left:active { background: #fff url('/Images/myslo_window/page-navigation.png') no-repeat 12px 122px; } .myslo_plagin_right { background: #fff url('/Images/myslo_window/page-navigation.png') no-repeat -8px 120px; right: 0; top: 0; bottom: 0; width: 20px; z-index: 10; } .myslo_plagin_right:active { background: #fff url('/Images/myslo_window/page-navigation.png') no-repeat -8px 122px; } .myslo_plagin_close { top: 8px; right: 8px; width: 20px; height: 20px; z-index: 20; } .myslo_plagin_button { position: absolute; display: block; cursor: pointer; } .myslo_plagin_content { position: relative; overflow: hidden; padding: 50px 20px 20px 25px; } .myslo_plagin_content > div { width: 100000px; } .myslo_plagin_colom { float: left; width: 150px; list-style: none; min-height: 130px; } .myslo_plagin_colom li { width: 145px; overflow: hidden; background: none; padding: 0; } .myslo_plagin_main { position: relative; left: 0px; } .myslo_plagin_igo, .myslo_plagin_igo_selected, .myslo_plagin_igo_no, .myslo_plagin_igo_no_selected { position: absolute; top: 15px; left: 25px; background: url('/Images/myslo_window/big-button.png') no-repeat 0px -138px; width: 120px; height: 23px; cursor: pointer; z-index: 20; } .myslo_plagin_igo:hover { background: url('/Images/myslo_window/big-button.png') no-repeat 0px -115px; } .myslo_plagin_igo:active { background: url('/Images/myslo_window/big-button.png') no-repeat 0px -92px; } .myslo_plagin_igo_selected { background: url('/Images/myslo_window/big-button.png') no-repeat 0px -69px !important; cursor: default; } .myslo_plagin_igo_no { left: 174px; background: url('/Images/myslo_window/big-button.png') no-repeat 0px -46px; } .myslo_plagin_igo_no:hover { background: url('/Images/myslo_window/big-button.png') no-repeat 0px 0px; } .myslo_plagin_igo_no:active { background: url('/Images/myslo_window/big-button.png') no-repeat 0px -23px; } .myslo_plagin_igo_no_selected { background: url('/Images/myslo_window/big-button.png') no-repeat 0px -161px !important; cursor: default; } .myslo_plagin_colom .title { color: #333; } .myslo_plagin_mini_pagin { list-style: none; overflow: hidden; padding: 0 20px 5px 20px; } .myslo_plagin_mini_pagin li { float: left; cursor: pointer; width: 11px; height: 11px; line-height: 11px; font-size: 11px; padding: 0; background: url('/Images/myslo_window/mini_pagin.png') no-repeat center center; } .myslo_plagin_mini_pagin li.sel { background: url('/Images/myslo_window/mini_pagin_sel.png') no-repeat center center; } /* podpiska */ .podpiska { } .myslo_plagin_podpiska { padding: 15px; } .newsPodpiska { float: right; margin-top: 1px; margin-left: 10px; width: 150px; overflow: hidden; background: #ECECEC; padding: 5px; } .newsPodpiska h1, .myslo_plagin_podpiska h1 { padding: 0 0 10px 0; } .newsPodpiska h1 a, .myslo_plagin_podpiska h1 a { font-size: 16px; line-height: 16px; } .newsPodpiska ul, .myslo_plagin_podpiska ul { list-style: none; list-style-image: none; text-align: left; } .newsPodpiska p, .myslo_plagin_podpiska p { padding: 10px 0; } .listpodpiska > li { padding: 0; background: none; } .listpodpiska label { font-weight: 100; color: #3C3C3C; } .listpodpiska > li > label { font-weight: bold; padding: 0 0 0 3px; cursor: pointer; } .listpodpiska > li > ul { padding: 5px 0 5px 20px; float: left; width: 150px; } .listpodpiska > li > ul li { padding: 0 0 2px 0; background: none; } .listpodpiska > li > ul label { padding: 0 0 0 3px; cursor: pointer; } .podpiska-save, .podpiska-save-disable { width: 140px; height: 27px; border: 0px; background: url('/Images/myslo_window/podpiska-save.png') 0px -81px; } .podpiska-save:hover { background: url('/Images/myslo_window/podpiska-save.png') 0px -54px; } .podpiska-save:active { background: url('/Images/myslo_window/podpiska-save.png') 0px -27px; } .podpiska-save-disable { background: url('/Images/myslo_window/podpiska-save.png') 0px 0px !important; } .settingsallpodpiska { background: url('/Images/myslo_window/setting-icon.png') 5px 12px no-repeat; display: block; padding: 5px 5px 5px 35px; } /* *** raiting *****/ .open_raiting { display: inline; } .myslo_plagin_content_rating_scroll { overflow: hidden; color: #9B9B9B; text-align: left; width: auto !important; } .myslo_plagin_content_rating { padding: 10px 10px 10px 15px; } .myslo_plagin_content_rating > ul { list-style: none; list-style-image: none; overflow: hidden; padding: 0; } .myslo_plagin_content_rating > ul > li { padding: 0 5px 5px 0; float: left; width: 30px; height: 30px; overflow: hidden; } .myslo_plagin_content_rating > ul > li img { width: 30px; height: 30px; } .myslo_plagin_title_second { border-top: 1px solid #C5C7C6; padding: 10px 0; margin: 10px 0 0; width: 170px; } .myslo_plagin_content_rating .icon { position: relative; top: 3px; } /* ***** style for registration ***** */ .myslo_window_reg .button_top { width: 75px; padding: 8px 16px 8px 0; font-size: 14px; float: left; color: #414141; text-align: center; cursor: pointer; font-weight: bold; } .myslo_window_reg .hide { display: none; } .myslo_window_reg .button_top:first-child { padding: 8px 0; width: 119px; } .myslo_window_reg .active { background: #ECECEC; text-decoration: underline; } .myslo_window_reg .padding { clear: both; padding: 10px 13px 13px 13px; } .myslo_window_reg .padding p { line-height: 20px; text-align: center; } .myslo_window_reg nav { padding: 10px 0 10px 0; overflow: hidden; } .myslo_window_reg nav a { display: block; float: left; width: 30px; height: 30px; } .myslo_window_reg .line { clear: both; background: url('/Images/line_spacer.png') repeat-x center center; text-align: center; margin: 6px 0px 10px; } .myslo_window_reg .line span { background: #fff; padding: 0 5px; } .myslo_window_reg .field { position: relative; border: 1px solid #BCBCBC; margin: 0 0 10px 0; } .myslo_window_reg .field input { position: relative; padding: 5px; font-size: 14px; width: 170px; border: 0; z-index: 11; background: none; } .myslo_window_reg .field > div { position: absolute; top: 5px; left: 5px; color: #C2C2C2; z-index: 10; } .myslo_window_reg .submit { margin: 0 auto; width: 170px; } .myslo_window_reg .in { margin: 10px auto 0 auto; width: 85px; } .myslo_window_reg .submit > div { margin-bottom: 20px; } .myslo_window_reg .submit > div a, .myslo_window_reg .in > div a { font: 16px 'pf_agora_slab_pro_blackRg',arial; } .myslo_window_reg .in > div { margin-bottom: 5px; } .myslo_window_reg .checkbox { float: left; } .myslo_window_reg label { display: block; margin-left: 20px; cursor: pointer; } /* style buttom */ .afisha_buttom { background: url('/Images/buttom_bg.png') repeat-x; position: relative; display: inline-block; padding: 0 20px; height: 23px; margin-bottom: 30px; } .afisha_buttom:hover { background: url('/Images/buttom_bg.png') repeat-x 0px -23px; } .afisha_buttom:active { background: url('/Images/buttom_bg.png') repeat-x 0px -46px; } .afisha_buttom .left { position: absolute; left: 0; top: 0; width: 6px; height: 23px; background: url('/Images/buttom_left.png') no-repeat; } .afisha_buttom:hover .left { background: url('/Images/buttom_left.png') no-repeat 0px -23px; } .afisha_buttom:active .left { background: url('/Images/buttom_left.png') no-repeat 0px -46px; } .afisha_buttom .right { position: absolute; right: 0; top: 0; width: 6px; height: 23px; background: url('/Images/buttom_right.png') no-repeat; } .afisha_buttom:hover .right { background: url('/Images/buttom_right.png') no-repeat 0px -23px; } .afisha_buttom:active .right { background: url('/Images/buttom_right.png') no-repeat 0px -46px; } .afisha_buttom a { color: #3C3C3C !important; font-weight: bold; line-height: 22px; text-decoration: none; font-family: 'Roboto Slab', serif; font-size: 16px; color: #000; } .afisha_buttom_disable { background: url('/Images/buttom_bg.png') repeat-x 0px -69px !important; } .afisha_buttom_disable > a { color: #C2C2C2 !important; cursor: default; } .afisha_buttom_disable .left { background: url('/Images/buttom_left.png') no-repeat 0px -69px !important; } .afisha_buttom_disable .right { background: url('/Images/buttom_right.png') no-repeat 0px -69px !important; }