html { height: 100%; } div.clear { clear: both; } .pie { behavior: url(public/htc/PIE.htc); } /*---------------------------Common part----------------------------------------*/ /* Header -----------------------------------------------------------------------------*/ header { display: block; /* padding: 0px 20px;*/ background: #3097de; } #h-center { height: 80px; margin: 0 auto; position: relative; } #logo { display: block; width: 126px; height: 70px; text-decoration: none; outline: none; position: absolute; /* left: 0px;*/ top: 5px; background: url('../img/logo.jpg') no-repeat; } #btn-left-menu, #btn-left-menu-active { display: block; text-decoration: none; outline: none; position: absolute; /* left: 170px;*/ top: 0px; } #btn-left-menu:hover { background-color: #2E8FD4; } .btn-left-menu-bg { display: block; width: 60px; height: 80px; border-left: 1px solid #4fa6e3; border-right: 1px solid #4fa6e3; position: relative; } #btn-left-menu .btn-left-menu-bg { background: url('../img/btn-left-menu.jpg') no-repeat center center; } #btn-left-menu-active { display: none; background-color: #2E8FD4; } #btn-left-menu:hover .btn-left-menu-bg { background: url('../img/btn-left-menu-active.jpg') no-repeat center center; } .triangle { display: block; width: 10px; height: 5px; background: url('../img/triangle.png') no-repeat; -pie-background: url('img/triangle.png') no-repeat; position: absolute; bottom: 0px; left: 25px; } /* #messages, #messages_active, #messages_active2 { display: block; text-decoration: none; outline: none; position: absolute; right: 0px; top: 0px; }*/ #messages:hover { background-color: #2E8FD4; } #messages_active, #messages_active2 { background-color: #2E8FD4; } #messages_active { display: none; } .messages-bg { display: block; width: 60px; height: 80px; border-left: 1px solid #4fa6e3; border-right: 1px solid #4fa6e3; background: url('../img/messages.png') no-repeat center center; -pie-background: url('img/messages.png') no-repeat center center; position: relative; } .messages-count { display: block; width: 20px; height: 16px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #fff; padding-top: 5px; text-align: center; background: url('../img/mess-count.png') no-repeat; -pie-background: url('img/mess-count.png') no-repeat; } .place3 { position: absolute; top: 20px; right: 7px; } #for_account, #for_account_active { display: block; height: 80px; padding-left: 80px; text-decoration: none; outline: none; position: absolute; /* right: 62px;*/ top: 0px; background-color: #3097de; border-left: 1px solid #4fa6e3; cursor: pointer; } #for_account:hover { background-color: #2E8FD4; } .account-photo { display: block; width: 40px; height: 40px; border: 3px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 10px; top: 5px; overflow: hidden; } .account-photo img { display: block; width: 100%; height: 100%; border: 0; margin: 0; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; position: relative; } .account_name, .account_name2 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #fff; padding: 33px 30px 0px 0px; } .down-arrow, .down-arrow2 { display: block; width: 9px; height: 5px; background: url('../img/down-arrow.png') no-repeat; -pie-background: url('img/down-arrow.png') no-repeat; position: absolute; right: 10px; top: 38px; } #for_account_active { display: none; background-color: #2E8FD4; } /* Content -----------------------------------------------------------------------------*/ article { display: block; width: 100%; position: relative; } #for_top_photos { display: block; margin: 0 auto; width: 100%; height: 80px; overflow: hidden; position: relative; } #for_top_photos ul { display: block; width: 3000px; margin: 0 auto; } #for_top_photos ul li { display: inline-block; height: 80px; width: 80px; overflow: hidden; float: left; border-radius: 50px; } #for_top_photos ul li img { display: block; width: 100%; border: 0; margin: 0; } #put_me { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; font-weight: bold; padding: 10px 20px; border: 2px solid #3097de; background: rgba(48, 151, 222, 0.4); border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; left: 20px; top: 25px; } #user_menu { display: none; /* height: 100%;*/ overflow: hidden; /* position: fixed; */ top: 80px; right: 0px; z-index: 1000; background-color: #fff; -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); } .user_message_count, .user_guest_count { display: block; width: 40px; height: 15px; padding-top: 5px; border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; right: 10px; top: 20px; color: #fff; text-align: center; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; } .user_message_count { background-color: #f76452; } .user_guest_count { background-color: #3097de; } #site_menu { display: none; width: 100%; position: absolute; top: 80px; left: 0px; z-index: 1000; background-color: #196295; } #site_menu ul { /* width: 365px; padding: 0px 20px;*/ text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; text-align-last: justify; } #site_menu ul:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } #site_menu ul li { display: inline-block; text-align: left; line-height: normal; vertical-align: top; padding: 15px 0px; } #site_menu ul li a { text-decoration: none; outline: none; color: #fff; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; padding: 15px 0px; } #my_profile, #my_photo, #my_messges, #my_events, #my_guests, #my_wall, #my_style, #my_account, #logout { display: block; /* width: 200px;*/ height: 35px; color: #333333; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; border-bottom: 1px solid #eeeeee; text-decoration: none; outline: none; padding: 25px 0px 0px 60px; position: relative; } /* #my_profile:hover { // background:url('../img/profile_bg_hover.png') no-repeat 15px 17px #f6f6f6; // -pie-background:url('img/profile_bg_hover.png') no-repeat 15px 17px #f6f6f6; } */ #my_photo { background: url('../img/photos_bg.png') no-repeat 15px 17px; -pie-background: url('img/photos_bg.png') no-repeat 15px 17px; } /* #my_photo:hover { background:url('../img/photos_bg_hover.png') no-repeat 15px 17px #f6f6f6; -pie-background:url('img/photos_bg_hover.png') no-repeat 15px 17px #f6f6f6; } */ #my_messges { background: url('../img/messages_bg.png') no-repeat 15px 17px; -pie-background: url('img/messages_bg.png') no-repeat 15px 17px; } /* #my_messges:hover { background:url('../img/messages_bg_hover.png') no-repeat 15px 17px #f6f6f6; -pie-background:url('img/messages_bg_hover.png') no-repeat 15px 17px #f6f6f6; } */ #my_events { background: url('../img/events_bg.png') no-repeat 15px 17px; -pie-background: url('img/events_bg.png') no-repeat 15px 17px; } /* #my_events:hover { background:url('../img/events_bg_hover.png') no-repeat 15px 17px #f6f6f6; -pie-background:url('img/events_bg_hover.png') no-repeat 15px 17px #f6f6f6; } */ #my_guests { background: url('../img/visitors_bg.png') no-repeat 15px 21px; -pie-background: url('img/visitors_bg.png') no-repeat 15px 21px; } /* #my_guests:hover { background:url('../img/visitors_bg_hover.png') no-repeat 15px 21px #f6f6f6; -pie-background:url('img/visitors_bg_hover.png') no-repeat 15px 21px #f6f6f6; } */ #my_wall { background: url('../img/wall_bg.png') no-repeat 20px 17px; -pie-background: url('img/wall_bg.png') no-repeat 20px 17px; } /* #my_wall:hover { background:url('../img/wall_bg_hover.png') no-repeat 20px 17px #f6f6f6; -pie-background:url('img/wall_bg_hover.png') no-repeat 20px 17px #f6f6f6; } */ #my_style { background: url('../img/style_bg.png') no-repeat 20px 17px; -pie-background: url('img/style_bg.png') no-repeat 20px 17px; } /* #my_style:hover { background:url('../img/style_bg_hover.png') no-repeat 20px 17px #f6f6f6; -pie-background:url('img/style_bg_hover.png') no-repeat 20px 17px #f6f6f6; } */ /* #my_account:hover { background:url('../img/account_bg_hover.png') no-repeat 15px 17px #f6f6f6; -pie-background:url('img/account_bg_hover.png') no-repeat 15px 17px #f6f6f6; } */ /* #logout:hover { background:url('../img/logout_bg_hover.png') no-repeat 20px 17px #f6f6f6; -pie-background:url('img/logout_bg_hover.png') no-repeat 20px 17px #f6f6f6; } */ #logout { position: absolute; bottom: 0px; border-top: 1px solid #eeeeee; } #sidebar-right { width: 280px; height: 100%; padding: 5px 0px; overflow: hidden; position: fixed; top: -9999px; right: 0px; z-index: 1000; background-color: #fff; -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); } #sidebar-right-users { float: right; padding-bottom: 1000px; } .user-miniature-bg { display: block; width: 260px; height: 60px; overflow: hidden; padding: 5px 10px; text-decoration: none; outline: none; } .user-miniature-bg:hover { background-color: #eeeeee; } .place4 { position: absolute; top: 20px; left: 220px; } .name3 { display: block; width: 130px; color: #333333; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; position: absolute; top: 24px; left: 75px; } .message_count2 { display: none; width: 35px; height: 40px; padding: 20px 0px 0px 25px; border: 0; margin: 0; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; background: rgba(247, 100, 82, 0.4); color: #fff; font-size: 20px; font-family: Lato, Helvetica, Arial, sans-serif; position: absolute; top: 0px; left: 0px; } #chat_small { height: 100%; padding: 0px 10px; border-right: 1px solid #eeeeee; float: right; } .scroll-pane { height: 78%; width: 400px; overflow: auto; margin-bottom: 10px; } .small_preview2 a img, .small_preview3 a img, .small_preview4 a img { display: block; width: 100%; height: auto; border: 0; margin: 0; padding: 0; } #votes_val, #note_val { color: #FFFFFF; } .profile_left ul li:hover .photos-count { top: 10px; } /*-------------------------------------*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: #fff; } .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: #eeeeee; position: relative; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; } .jspDrag { background: #d6d6d6; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; } .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%; } /*-------------------------------------*/ #new-messanger .messages_date, #new-my-messages .messages_date { display: block !important; text-align: right !important; text-transform: uppercase !important; color: #999999 !important; font-size: 10px !important; margin-bottom: 0px !important; padding-top: 2px !important; font-weight: normal !important; } .messages_date { color: #999999; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; padding: 15px 0px; } .message_block, .message_block_me, .message_block2, .message_block_me2 { display: block; padding: 10px 0px 30px 0px; border-top: 1px solid #eeeeee; } .message_block, .message_block_me { width: 380px; } .mrg_r0 { margin-right: 0px; } .name4, .name4_me { text-decoration: none; outline: none; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: bold; float: left; } .name4 { color: #3097de; } .name4_me { color: #333333; } .message_day_time { font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #cccccc; float: right; } .clear2 { display: block; clear: both; } .message_text { display: block; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #666666; padding-top: 20px; line-height: 1.2; } #send_message { display: block; margin: 0; padding: 0; padding: 10px 0px; border-top: 1px solid #eeeeee; } .inp-bg3 { /* width: 270px;*/ height: 24px; background-color: #fff; padding: 4px 0px 0px 10px; position: relative; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #eeeeee; float: left; } #new_message { display: block; /* width: 230px;*/ margin: 0px; border: none; background: none; color: #999999; font-size: 12px; } .smile { display: block; width: 17px; height: 16px; position: absolute; right: 6px; top: 6px; background: url('../img/smile.png') no-repeat; -pie-background: url('img/smile.png') no-repeat; } #send_message_btn { /* width: 90px;*/ height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; float: right; position: relative; } .new_message { display: none; /* width: 385px;*/ padding: 10px; /* position: fixed; right: 20px; bottom: 20px;*/ border-radius: 2px; background-color: #fff; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); z-index: 1000; } .new_message form { margin: 0; padding: 0; } .new_message_top { display: block; color: #999999; font-size: 9px; font-family: Lato, Helvetica, Arial, sans-serif; text-transform: uppercase; /* padding-bottom: 20px;*/ line-height: 1.2; } .new_visit_top { display: block; color: #999999; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; line-height: 1.2; padding: 8px 0px; } .new_message_top a { color: #3097de; text-decoration: underline; outline: none; } .new_message_top a:hover { text-decoration: none; } .close { display: block; text-decoration: none; outline: none; width: 20px; height: 20px; background: url('../img/close.png') no-repeat; -pie-background: url('img/close.png') no-repeat; position: absolute; right: 10px; top: 10px; } .translate { display: block; text-decoration: none; outline: none; width: 20px; height: 20px; background: url('../img/translate.png') no-repeat; -pie-background: url('img/translate.png') no-repeat; position: absolute; right: 35px; top: 10px; } .place2 { float: left; } .green-round-ico, .yellow-round-ico { display: block; width: 15px; height: 15px; position: absolute; right: -8px; top: 23px; z-index: 100; } .green-round-ico { background: url('../img/green-round-ico.png') no-repeat; -pie-background: url('img/green-round-ico.png') no-repeat; } .yellow-round-ico { background: url('../img/yellow-round-ico.png') no-repeat; -pie-background: url('img/yellow-round-ico.png') no-repeat; } .read_message_btn { width: 120px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; /* float: right; margin-top: 15px;*/ position: relative; } .name_age_place { float: left; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; padding: 12px 0px 0px 12px; } .name2 { font-size: 16px; font-weight: bold; } .age_place2 { font-size: 12px; } #sign_in { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; z-index: 1000; } #sign_in_block { padding-bottom: 60px; background: #fff; position: fixed; top: 50%; left: 50%; margin: -140px 0px 0px -150px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #pass_forgot { text-decoration: none; outline: none; font-size: 13px; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; position: absolute; left: 100px; bottom: 22px; } #pass_forgot:hover, #sign_up a:hover { text-decoration: underline; } #sign_up { font-size: 13px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; position: absolute; left: 50px; bottom: -25px; } #sign_up a { text-decoration: none; outline: none; color: #3097de; } #sign_in_form { display: block; padding: 0; margin: 0; padding: 20px; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); } .h4 { font-size: 16px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; text-align: center; padding-bottom: 20px; font-weight: bold; } .inp-bg1, .inp-bg2 { width: 248px; height: 28px; background-color: #fff; padding: 10px 0px 0px 10px; position: relative; } .inp-bg1 { border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; border: 1px solid #e5e5e5; } .inp-bg2 { border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #username, #password { display: block; width: 200px; margin: 0px; border: none; background: none; color: #999999; font-size: 14px; } .marg1 { margin-top: 25px; } #remember-p { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; float: left; padding: 28px 0px 0px 5px; } #sign_in_btn { width: 120px; height: 40px; border: none; background: #3097de; cursor: pointer; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; float: right; margin-top: 13px; position: relative; } #content, #content-centered { display: block; /* padding: 0px 20px;*/ margin: 0 auto; } #transparent_bg, #transparent_bg3 { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; z-index: 100; } #edit_photo_block { /* width: 480px; padding: 20px;*/ background: #fff; position: absolute; top: -9999px; left: 50%; /* margin-left: -260px;*/ border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; z-index: 200; } .close2 { display: block; text-decoration: none; outline: none; width: 18px; height: 18px; background: url('../img/close2.png') no-repeat; -pie-background: url('img/close2.png') no-repeat; position: absolute; /* right: 20px;*/ top: 10px; } .h6 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; font-weight: bold; padding-bottom: 25px; } .photo_blocks_p { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; padding-bottom: 15px; line-height: 1.3; } #choose_photo, #choose_style, #member_photos { text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; text-align-last: justify; } #choose_photo:after, #choose_style:after, #member_photos:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } #choose_photo li, #choose_style li { display: inline-block; vertical-align: top; width: 60px; height: 60px; position: relative; overflow: hidden; background: url('../img/choose-photo-bg.png') no-repeat center center #eeeeee; -pie-background: url('img/choose-photo-bg.png') no-repeat center center #eeeeee; margin-bottom: 10px; } #choose_photo li img, #choose_style li img, #select_area_block img, #member_photo_large img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } #choose_photo li a, #choose_style li a { display: block; text-decoration: none; outline: none; position: relative; } .close3 { display: block; width: 10px; height: 10px; background: none; position: absolute; right: 2px; top: 2px; z-index: 50; } #choose_photo li a:hover .close3 { background: url('../img/close3.png') no-repeat; -pie-background: url('img/close3.png') no-repeat; } #select_area_block, #member_photo_large { /* width: 480px; */ height: 480px; background-color: #ccc; margin: 10px 0px 20px 0px; position: relative; } .rotate_left, .rotate_right { display: block; text-decoration: none; outline: none; width: 30px; height: 30px; position: absolute; z-index: 1000; } .rotate_left { background: url('../img/rotate_left.png') no-repeat; -pie-background: url('img/rotate_left.png') no-repeat; top: 30px; right: 30px; } .rotate_right { background: url('../img/rotate_right.png') no-repeat; -pie-background: url('img/rotate_right.png') no-repeat; top: 30px; right: 65px; } .left_90_css { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .left_180_css { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); } .left_270_css { transform: rotate(-270deg); -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); -ms-transform: rotate(-270deg); } .right_90_css { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .right_180_css { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .right_270_css { transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); } #left_180, #left_270, #right_180, #right_270 { display: none; } .style7 { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } .style6 { filter: grayscale(60%); -webkit-filter: grayscale(60%); -moz-filter: grayscale(60%); -ms-filter: grayscale(60%); -o-filter: grayscale(60%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.6); } .style5 { filter: sepia(50%); -webkit-filter: sepia(50%); -moz-filter: sepia(50%); -ms-filter: sepia(50%); -o-filter: sepia(50%); filter: progid:DXImageTransform.Microsoft.BasicImage(sepia=0.5); } .style4 { filter: contrast(150%); -webkit-filter: contrast(150%); -moz-filter: contrast(150%); -ms-filter: contrast(150%); -o-filter: contrast(150%); filter: progid:DXImageTransform.Microsoft.BasicImage(contrast=1.5); } .style3 { filter: grayscale(30%); -webkit-filter: grayscale(30%); -moz-filter: grayscale(30%); -ms-filter: grayscale(30%); -o-filter: grayscale(30%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.3); } .style2 { filter: grayscale(20%); -webkit-filter: grayscale(20%); -moz-filter: grayscale(20%); -ms-filter: grayscale(20%); -o-filter: grayscale(20%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.2); } #edit_photo_form { margin: 0; padding: 0; } .inp-bg6 { /* width: 218px;*/ height: 23px; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding: 5px 0px 0px 10px; position: relative; border: 1px solid #e5e5e5; } #title, #tags { /* width: 200px;*/ font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; border: none; background: none; margin: 0px; padding: 0px; } .for_title { float: left; } .for_tags { float: right; } .marg-t18 { margin-top: 18px; } .edit_form_btns { /* width: 120px;*/ height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; float: right; margin-top: 10px; } #edit_photo_delete { margin-left: 8px; } #add_photo_block, #add_photo_block_error, #member_photos_block, #vote_photo_block, #vote_photo_block_priv { display: none; /*width: 480px; padding: 20px;*/ background: #fff; position: absolute; top: 61px; left: 50%; /* margin-left: -260px;*/ border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; z-index: 200; } #vote_photo_block, #vote_photo_block_priv, #transparent_bg3 { display: block; } #upload_field, #upload_error_field { /* width: 476px; height: 425px;*/ border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border: 2px dashed #eeeeee; position: relative; } #upload_field { background: url('../img/upload.png') no-repeat center center #fcfcfc; -pie-background: url('img/upload.png') no-repeat center center #fcfcfc; } #upload_error_field { background: url('../img/upload2.png') no-repeat center center #fcfcfc; -pie-background: url('img/upload2.png') no-repeat center center #fcfcfc; } #upload_field form, #upload_error_field form { padding: 0; margin: 0; width: 100%; position: absolute; /* top: 62%;*/ } #upload_photos, #select_photo_from_pc { display: block; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; margin: 0 auto; } #upload_photos { width: 220px; } #select_photo_from_pc { width: 220px; } #upload_field a { display: block; text-decoration: none; outline: none; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; padding-top: 8px; text-align: center; } #upload_error_field p { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; padding-bottom: 8px; text-align: center; } #upload_error_message { display: block; width: 90%; margin: 0 auto; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; text-align: center; padding: 12px 0px 10px 0px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #fbb1a8; background-color: #feefed; margin-top: 20px; } #member_photos { text-align: left; margin-bottom: 10px; } #member_photos li { display: inline-block; vertical-align: top; width: 60px; height: 60px; position: relative; overflow: hidden; margin: 0px 10px 10px 0px; } #member_photos li img { display: block; margin: 0; padding: 0; width: 100%; } #member_photos li a { display: block; text-decoration: none; outline: none; position: relative; } .active2 { width: 56px; height: 56px; border: 2px solid #3097de; } .no_active2 { width: 60px; height: 60px; border: none; } .name5 { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; color: #333333; font-weight: bold; text-align: center; padding-bottom: 5px; line-height: 1; } .age_place5 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; text-align: center; line-height: 1; padding-bottom: 5px; } footer { display: block; /* padding: 0px 20px;*/ } #f-center { padding: 20px 0px 30px 0px; border-top: 1px solid #eeeeee; } .foot-point, .copyright { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; } .foot-point { float: left; padding-right: 15px; } .copyright { float: right; } /*-----------------------------Index page----------------------------------------*/ #for_search { /* width: 693px;*/ /* float: left;*/ position: relative; } .h1 { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 26px; color: #333333; padding: 20px 0px; /* float: left;*/ position: relative; } #adv_search_text { display: none; } .search_type { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #3097de; padding-top: 33px; float: right; text-decoration: none; outline: none; } #marry_status, #sexsual_pref, #name_surn, #user_name, #eye_color, #hair_type, #height_selection, #weight_selection, #go-small-search { display: none; } /* #for_search_form { //width: 673px; padding: 10px; background: #fcfcfc; border: 1px solid #eeeeee; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; }*/ #for_progr_bar { width: 450px; height: 45px; position: relative; float: right; } #search { position: relative; margin: 0; padding: 0; /* width: 673px;*/ margin: 0 auto; } #for_progr_bar p, #for_progr_bar span { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; } #where { width: 205px; height: 45px; padding-bottom: 10px; position: relative; float: left; } #props { display: none; border: 1px solid #ccc; width: 100%; position: absolute; top: 26px; left: -1px; background-color: #fff; z-index: 200; -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1), -2px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1), -2px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1), -2px 0px 5px 0px rgba(0, 0, 0, 0.1); } #props p, #props a { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; } #props p { cursor: pointer; padding: 7px 10px 7px 30px; background: url('../img/map_point.jpg') no-repeat 7px center; } #props a { border-top: 1px solid #ccc; text-decoration: none; padding: 7px 10px; } #name_surn { width: 245px; height: 45px; padding-bottom: 10px; float: left; } #user_name { width: 170px; height: 45px; padding-bottom: 10px; float: left; } .inp-bg, .inp-bg4, .inp-bg7, .inp-bg8, .inp-bg9, .inp-bg10, .inp-bg11, .inp-bg15, .inp-bg16 { height: 22px; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding: 4px 0px 0px 10px; position: relative; } .inp-bg { width: 193px; border: 1px solid #ccc; } .inp-bg15 { width: 215px; border: 1px solid #ccc; } .inp-bg16 { width: 140px; border: 1px solid #ccc; } .inp-bg4 { /* width: 223px; */ border: 1px solid #eeeeee; } .inp-bg7 { /* width: 138px;*/ border: 1px solid #ccc; } .inp-bg8 { width: 230px; border: 1px solid #ccc; float: left; } .inp-bg9 { width: 78px; border: 1px solid #ccc; float: left; } .inp-bg10, .inp-bg11 { width: 138px; border: 1px solid #ccc; float: left; } .inp-bg10 { background-color: #f6f6f6; } .inp-bg17 { height: 22px; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding: 4px 0px 0px 10px; position: relative; width: 193px; border: 1px solid #ccc; } #city, #search_fr_mess, #email_inp, #username_inp, #pass_inp, #city_inp, #contact_email_inp, #sec_code_inp, #username_del_inp, #password_del_inp, #name_surname, #us_name { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; border: none; background: none; margin: 0px; padding: 0px; } #username_del_inp, #password_del_inp { width: 128px; } #sec_code_inp { width: 58px; } #contact_email_inp { width: 210px; } #city { width: 160px; } #search_fr_mess { width: 195px; } #name_surname { width: 195px; } #us_name { width: 130px; } #email_inp, #username_inp, #pass_inp, #city_inp { /* width: 120px;*/ } #magn-glass { width: 16px; height: 17px; background: url('../img/where-bg.png') no-repeat; -pie-background: url('img/where-bg.png') no-repeat; position: absolute; top: 5px; right: 8px; } #inp_plus { cursor: pointer; width: 8px; height: 8px; background: url('../img/plus.jpg') no-repeat; position: absolute; top: 50%; right: 8px; margin-top: -4px; } /*the slider background*/ .slider { /*width:430px;*/ height: 10px; background: #eeeeee; position: absolute; bottom: 0px; margin: 0; padding: 0 10px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(public/htc/PIE.htc); } /*Style for the slider button*/ .ui-slider-handle { width: 18px; height: 18px; position: absolute; top: -20px; margin-left: -9px; /* z-index: 200; */ background: url(../img/position-slider.png) no-repeat #ef5350; -pie-background: url(img/position-slider.png) no-repeat #ef5350; background-size: contain; } /*This is the fill bar colour*/ .ui-widget-header { background: #3097de; height: 10px; left: 0px; top: 0px; position: absolute; border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -khtml-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; behavior: url(public/htc/PIE.htc); } a { outline: none; -moz-outline-style: none; } #gender { /* width: 160px;*/ float: left; } .h2 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; padding-bottom: 7px; } #age, #height_selection, #weight_selection { width: 170px; float: left; } #to { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; padding: 10px 5px 0px 5px; float: left; } #marry_status { width: 170px; float: left; padding-bottom: 10px; } #sexsual_pref { width: 170px; padding-bottom: 10px; float: left; } #eye_color { width: 135px; padding-bottom: 10px; float: left; } #hair_type { width: 115px; padding-bottom: 10px; float: left; } #chboxes { width: 210px; padding-top: 25px; float: left; } .wp, .ol { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; float: left; } .wp { padding: 3px 20px 0px 10px; } .ol { padding: 3px 0px 0px 10px; } .halfstyle_select select { border-radius: 0; background: none; background-color: #fff; border: none; line-height: 1; -webkit-appearance: none; color: #999999; font-size: 12px; padding: 7px 9px 9px 9px; font-family: Lato, Helvetica, Arial, sans-serif; position: absolute; top: -1px; left: -1px; } .halfstyle_select { height: 28px; position: relative; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden; } .sel-down-arrow { width: 8px; height: 4px; background: url('../img/sel-down-arrow.png') no-repeat; -pie-background: url('img/sel-down-arrow.png') no-repeat; position: absolute; top: 13px; right: 9px; z-index: 100; cursor: pointer; } .sel82 select { /* width: 170px;*/ } .sel82 { /* width: 140px;*/ float: left; } .sel83 select, .sel99 select { width: 95px; } .sel83, .sel99 { width: 65px; float: left; } .sel99 select { width: 93px; } .sel99 { width: 63px; float: left; } .sel62 select { width: 106px; } .sel62 { width: 74px; float: left; } .sel80 { /* width: 140px;*/ float: left; } .sel81, .sel98 { width: 65px; float: left; } .sel63 { width: 76px; float: left; } .sel86 { width: 100px; float: left; } .sel69 { width: 170px; } .sel68 select { width: 200px; } .sel68 { width: 170px; } .sel67 { width: 115px; } .sel66 select { width: 145px; } .sel66 { width: 115px; } .cusel, .cuselFrameRight, .jScrollPaneDrag, .jScrollArrowUp, .jScrollArrowDown { background: url('../img/sel-bg.jpg') no-repeat; } .cusel { height: 30px; background-position: left top; display: inline-block; position: relative; cursor: pointer; color: #999999; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; z-index: 1; outline: none; } .cuselFrameRight { position: absolute; z-index: 2; top: 0; right: 0; height: 100%; width: 20px; background-position: right top; } .cuselText { height: 15px; padding: 9px 0 0 8px; cursor: pointer; overflow: hidden; position: relative; z-index: 1; color: #999999; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; position: absolute; top: 0; left: 0; outline: none; } * html .cuselText { height: 22px; } .cusel span { display: block; cursor: pointer; padding: 2px 15px 2px 5px; zoom: 1; } .cusel span:hover, .cusel .cuselOptHover { border: 1px solid #3097de; } .cusel .cuselActive { background: #3097de; color: #fff; cursor: default; } .cusel:hover, .cusel:hover .cuselFrameRight, .cusel:focus, .cusel:focus .cuselFrameRight, .cuselFocus, .cuselFocus .cuselFrameRight { background-image: url('../img/sel-bg.jpg'); } .cuselOpen { z-index: 999; } .cusel .cusel-scroll-wrap { display: block; visibility: hidden; position: absolute; left: 0; top: 100%; border: 1px solid #ccc; background: #fff; min-width: 100%; width: auto; } .cusel .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 5; } .cusel .jScrollPaneTrack { height: 100%; width: 7px !important; background: #ccc; position: absolute; top: 0; right: 4px; } .cusel .jScrollPaneDrag { position: absolute; background-position: -38px -30px; cursor: pointer; width: 15px !important; height: 27px !important; right: -4px; } .cusel .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .cusel .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } .cusel .jScrollArrowUp { position: absolute; top: 0; right: 2px; width: 26px; height: 12px; cursor: pointer; background-position: -1px -31px; overflow: hidden; } .cusel .jScrollArrowDown { width: 25px; height: 10px; position: absolute; top: auto; bottom: 0; right: 3px; cursor: pointer; background-position: -19px -32px; overflow: hidden; } /** SURCHARGE NOUVEAU CUSEL 3 */ /* styles for select */ .cusel, .cuselFrameRight, .jScrollArrowUp, .jScrollArrowDown { background: url('../img/sel-bg.jpg') no-repeat; } .cusel { /* общий вид селекта включая стрелку справа */ height: 30px; background-position: left top; display: inline-block; position: relative; cursor: pointer; color: #999999; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; z-index: 1; outline: none; } .cuselFrameRight { /* левая часть селект. обычно скругление и левая граница */ position: absolute; z-index: 2; top: 0; right: 0; height: 100%; width: 20px; background-position: right top; } .cuselText { /* контейнер для отображенного текста селект */ height: 15px; padding: 9px 0 0 8px; cursor: pointer; overflow: hidden; position: relative; z-index: 1; color: #999999; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; position: absolute; top: 0; left: 0; outline: none; } * html .cuselText { height: 22px; } .cusel-scroll-pane > span { /* оформление оптиона */ display: block; cursor: pointer; padding: 2px 15px 2px 5px; /* паддинг справа - это отступ текста от ползунка */ zoom: 1; } .cusel-scroll-pane > span:hover, .cusel-scroll-pane .cuselOptHover { /* реакция оптиона на наведение */ border: 1px solid #3097de; } .cusel-scroll-wrap .cuselActive { /* оформление активного оптиона в списке */ background: #3097de; color: #fff; cursor: default; } /* styles for focus and hover */ .cusel:hover, .cusel:hover .cuselFrameRight, .cusel:focus, .cusel:focus .cuselFrameRight { background-image: url('../img/sel-bg.jpg'); } .cuselOpen { z-index: 999; } /* styles for disabled select */ .cusel.classDisCusel, .cusel.classDisCusel .cuselFrameRight { background-image: url('../img/sel-bg.jpg'); filter: alpha(opacity=65); opacity: 0.65; cursor: default; } .classDisCusel .cuselText { cursor: default; } /* Dropdown box for elements */ #cuselBox { position: absolute; z-index: 9999; } /* styles for scrollbar */ .cusel-scroll-wrap { /* контейнер для блока с прокруткой */ display: block; visibility: hidden; position: absolute; left: 0; top: 100%; border: 1px solid #ccc; background: #fff; min-width: 100%; width: auto; } .cusel-scroll-pane { background: #fff; /* фон выпадающего списка */ } .cusel-scroll-wrap .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 5; } .cusel-scroll-wrap .jScrollPaneTrack { /* трек для ползунка прокрутки */ height: 100%; width: 7px !important; background: #ccc; position: absolute; top: 0; right: 4px; } .cusel-scroll-wrap .jScrollPaneDrag { /* ползунок */ position: absolute; background-position: -38px -30px; cursor: pointer; width: 15px !important; height: 27px !important; right: -4px; } .cusel-scroll-wrap .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .cusel-scroll-wrap .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } .cusel-scroll-wrap .jScrollArrowUp { /* стрелка вверх */ position: absolute; top: 0; right: 2px; width: 26px; height: 12px; cursor: pointer; background-position: -1px -31px; overflow: hidden; } .cusel-scroll-wrap .jScrollArrowDown { /* стрелка вниз */ width: 25px; height: 10px; position: absolute; top: auto; bottom: 0; right: 3px; cursor: pointer; background-position: -19px -32px; overflow: hidden; } .w20 { width: 20px; height: 20px; float: left; } .checkbox, .checkbox1 { height: 16px; display: block; cursor: pointer; background: url('../img/cbox-bg.jpg') no-repeat; } .checkbox { float: left; } .checkbox input, .checkbox1 input { display: none; } .chbox_label, .chbox_label2 { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; line-height: 1; padding: 2px 0px 0px 23px; } .chbox_label { color: #333333; } .chbox_label2 { color: #999999; } /* #search-btn { //width: 120px; height: 30px; border: none; background: @base; cursor: pointer; font-size: @fontsizeBody; font-family: @fontBody; color: #fff; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; position: absolute; bottom: 0px; right: 0px; }*/ #site_activity { /* width: 233px;*/ float: right; position: relative; } #activity_slider, #activity_slider2 { display: block; width: 100%; float: left; border: 1px solid #eeeeee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; position: relative; } #activity_slider { padding: 30px 0px 32px 0px; } .container4 { position: relative; top: 0px; left: 0px; /* width: 231px;*/ height: 60px; overflow: hidden; margin: 0 auto; } .point-brands { position: absolute; top: 0px; height: 60px; width: 231px; overflow: hidden; z-index: 1; border-right: 1px solid #eeeeee; } .carouselLeft-b { height: 10px; width: 6px; position: absolute; bottom: 10px; right: 20px; cursor: pointer; background: url('../img/prev.png') no-repeat; -pie-background: url('img/prev.png') no-repeat; z-index: 1000; } .carouselRight-b { height: 10px; width: 6px; position: absolute; bottom: 10px; right: 9px; cursor: pointer; background: url('../img/next.png') no-repeat; -pie-background: url('img/next.png') no-repeat; z-index: 1000; } .user-miniature { display: block; width: 60px; height: 60px; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; position: relative; } .place1 { position: absolute; bottom: 0px; left: 10px; } .user-miniature img { display: block; width: 100%; height: 100%; border: 0; margin: 0; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; position: relative; } .comment-ico, .add-ico, .like-ico, .birthday-ico { display: block; width: 25px; height: 25px; position: absolute; right: -12px; top: 17px; } .comment-ico { background: url('../img/comment-ico.png') no-repeat; -pie-background: url('img/comment-ico.png') no-repeat; } .add-ico { background: url('../img/add-ico.png') no-repeat; -pie-background: url('img/add-ico.png') no-repeat; } .like-ico { background: url('../img/like-ico.png') no-repeat; -pie-background: url('img/like-ico.png') no-repeat; } .birthday-ico { background: url('../img/birthday-ico.png') no-repeat; -pie-background: url('img/birthday-ico.png') no-repeat; } .activity-text { display: block; width: 135px; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; line-height: 1.2; position: absolute; left: 85px; top: 3px; } .activity-text a { text-decoration: none; outline: none; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; } .activity-date { display: block; cursor: pointer; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #999999; line-height: 1.2; position: absolute; left: 85px; top: 45px; } #new_users_albums { display: block; padding: 40px 0px; position: relative; } .h3 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 26px; color: #333333; padding-bottom: 20px; } #new_users_albums ul, #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, #similar_profiles ul, #blog_parts ul, #latest_users ul, #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, #woman_online_tab ul, #couple_online_tab ul { line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; } #new_users_albums ul:after, #my_guests_tab ul:after, #my_admirers_tab ul:after, #ready_to_meet ul:after, #similar_profiles ul:after, #blog_parts ul:after, #latest_users ul:after, #vote_history ul:after, #pages_styles ul:after, #game1_tab ul:after, #game2_tab ul:after, #game3_tab ul:after, #game4_tab ul:after, #all_online_tab ul:after, #man_online_tab ul:after, #woman_online_tab ul:after, #couple_online_tab ul:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .album-point { display: inline-block; } #new_users_albums ul li, #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, #similar_profiles ul li, #latest_users ul li, #vote_history ul li, #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, #woman_online_tab ul li, #couple_online_tab ul li { text-align: left; line-height: normal; vertical-align: top; padding: 8px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #eeeeee; position: relative; background: #ffffff; } .user-album { display: block; width: 215px; height: 215px; overflow: hidden; position: relative; } #new_users_albums ul li:hover .addf_chat, #my_guests_tab ul li:hover .addf_chat, #my_admirers_tab ul li:hover .addf_chat, #ready_to_meet ul li:hover .addf_chat, #similar_profiles ul li:hover .addf_chat, .profile_left:hover .addf_chat, #latest_users ul li:hover .addf_chat, #vote_history ul li:hover .addf_chat, #game3_tab ul li:hover .addf_chat, #all_online_tab ul li:hover .addf_chat, #man_online_tab ul li:hover .addf_chat, #woman_online_tab ul li:hover .addf_chat, #couple_online_tab ul li:hover .addf_chat { display: block; } #new_users_albums ul li:hover .photos-count, #my_guests_tab ul li:hover .photos-count, #my_admirers_tab ul li:hover .photos-count, #my_admirers_tab ul li:hover .photo_rate, #ready_to_meet ul li:hover .photos-count, #similar_profiles ul li:hover .photos-count, #latest_users ul li:hover .photos-count, #vote_history ul li:hover .photos-count, #game1_tab ul li:hover .photos-count, #game2_tab ul li:hover .photos-count, #game3_tab ul li:hover .photos-count, #game4_tab ul li:hover .photos-count, #all_online_tab ul li:hover .photos-count, #man_online_tab ul li:hover .photos-count, #woman_online_tab ul li:hover .photos-count, #couple_online_tab ul li:hover .photos-count { top: 10px; } .profile_left:hover .photos-count2 { top: 10px; } /*#new_users_albums ul li:hover .online2 { bottom: 187px; right: 10px; }*/ #new_users_albums ul li:hover .online1, #my_guests_tab ul li:hover .online1, #my_admirers_tab ul li:hover .online1, #ready_to_meet ul li:hover .online1, #similar_profiles ul li:hover .online1, .profile_left:hover .online1, #latest_users ul li:hover .online1, #vote_history ul li:hover .online1, #game1_tab ul li:hover .online1, #game2_tab ul li:hover .online1, #game3_tab ul li:hover .online1, #game4_tab ul li:hover .online1, #all_online_tab ul li:hover .online1, #man_online_tab ul li:hover .online1, #woman_online_tab ul li:hover .online1, #couple_online_tab ul li:hover .online1 { top: 10px; } #vote_history ul li:hover .photo_rate2 { bottom: 17px; } .user-album img { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } .name { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; color: #333333; font-weight: bold; text-align: center; padding: 10px 0px 5px 0px; line-height: 1; } .age_place { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; text-align: center; line-height: 1; } #man_online_tab, #woman_online_tab, #couple_online_tab { display: none; } .photos-count, .photo_rate { display: block; height: 15px; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: center; position: absolute; bottom: 10px; right: 10px; } .photos-count { width: 23px; padding: 2px 0px 2px 17px; background: url('../img/photos-count.png') no-repeat; -pie-background: url('img/photos-count.png') no-repeat; } .photo_rate { width: 36px; padding: 2px 0px 2px 14px; background: url('../img/photo_rate.png') no-repeat; -pie-background: url('img/photo_rate.png') no-repeat; } .top-green { display: block; width: 20px; height: 20px; text-decoration: none; outline: none; background: url('../img/top-green.png') no-repeat; -pie-background: url('img/top-green.png') no-repeat; position: absolute; top: 0px; right: 0px; } .online1, .online2 { display: block; width: 60px; height: 19px; text-decoration: none; outline: none; background: url('../img/online.png') no-repeat; -pie-background: url('img/online.png') no-repeat; position: absolute; } .online1 { bottom: 10px; left: 10px; } .online2 { bottom: 10px; right: 10px; } .none { display: none; } .addf_chat, .like_dislike, .is_guess_block, .no_fancy_block { display: none; position: absolute; bottom: 8px; left: 8px; border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; z-index: 1000; } .add_friend, .un_friend { display: block; text-decoration: none; outline: none; width: 107px; height: 60px; border-right: 1px solid #56A8E1; float: left; position: relative; border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; -khtml-border-radius: 0px 0px 0px 2px; -webkit-border-radius: 0px 0px 0px 2px; } .add_friend { background: url('../img/add_friend.png') no-repeat #3097de center center; } .un_friend { display: none; background: url('../img/un_friend.png') no-repeat #3097de center center; } .chat { display: block; width: 107px; height: 60px; background: url('../img/chat.png') no-repeat #3097de center center; float: left; text-decoration: none; outline: none; position: relative; border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; -khtml-border-radius: 0px 0px 2px 0px; -webkit-border-radius: 0px 0px 2px 0px; } .add_friend:hover, .un_friend:hover, .chat:hover { background-color: #56A8E1; } #load_more { display: block; width: 148px; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #3097de; text-align: center; padding: 10px 0px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #eeeeee; position: absolute; /*bottom: 10px;*/ left: 50%; margin: 0px 0px 0px -74px; } /*-------------------------------------ProfileUser page----------------------*/ #page_title { text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 22px; text-align: center; padding-top: 30px; } #user_preview_large { width: 715px; padding-top: 20px; position: relative; float: left; } #photo-col1, #photo-col2, #photo-col3 { float: left; margin-right: 4px; } #photo-col4 { float: left; } #preview_photo1, #preview_photo2, #preview_photo4, #preview_photo5 { display: block; text-decoration: none; outline: none; width: 148px; height: 118px; } #preview_photo1, #preview_photo4 { margin-bottom: 4px; } #preview_photo3 { display: block; text-decoration: none; outline: none; width: 255px; height: 240px; } #preview_photo6 { display: block; text-decoration: none; outline: none; width: 152px; height: 240px; } #preview_main_wrap { position: absolute; bottom: 14px; left: 10px; } #preview_main { width: 205px; height: 205px; border: 4px solid #fff; position: relative; } #preview_photo1 img, #preview_photo2 img, #preview_photo3 img, #preview_photo4 img, #preview_photo5 img, #preview_photo6 img, #preview_main img { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; } .photos-count2 { display: block; width: 23px; height: 13px; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: center; padding: 4px 0px 2px 17px; background: url('../img/photos-count.png') no-repeat; -pie-background: url('img/photos-count.png') no-repeat; position: absolute; bottom: 10px; right: 10px; } .online3 { display: block; width: 60px; height: 19px; text-decoration: none; outline: none; background: url('../img/online3.png') no-repeat; -pie-background: url('img/online3.png') no-repeat; position: absolute; bottom: 10px; right: 10px; } #preview-info-menu, #preview-info-menu2 { width: 515px; padding: 10px 10px 10px 233px; } #preview-info { float: left; } #preview-name { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 24px; color: #333333; font-weight: bold; } #preview-from { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; padding: 6px 0px 8px 10px; background: url('../img/point.png') no-repeat 0px 4px; -pie-background: url('img/point.png') no-repeat 0px 4px; } #preview-last-visit { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; } #chat2, #add_friend2, #to_favorite { display: block; width: 60px; height: 60px; text-decoration: none; outline: none; float: right; margin-left: 10px; } #chat2 { background: url('../img/chat2.png') no-repeat; -pie-background: url('img/chat2.png') no-repeat; } #add_friend2 { background: url('../img/add_friend2.png') no-repeat; -pie-background: url('img/add_friend2.png') no-repeat; } #to_favorite { background: url('../img/to-favorite.png') no-repeat; -pie-background: url('img/to-favorite.png') no-repeat; } #interests { /* width: 715px;*/ padding-top: 20px; float: left; } .h5 { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 22px; color: #333333; padding-bottom: 15px; } .interes_point { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; padding: 10px 9px 8px 27px; float: left; border: 1px solid #eeeeee; border-radius: 17px; -moz-border-radius: 17px; -khtml-border-radius: 17px; -webkit-border-radius: 17px; margin-right: 8px; } #int_music { background: url('../img/music.png') no-repeat #fcfcfc 9px 7px; -pie-background: url('img/music.png') no-repeat #fcfcfc 9px 7px; } #int_popart { background: url('../img/popart.png') no-repeat #fcfcfc 7px 8px; -pie-background: url('img/popart.png') no-repeat #fcfcfc 7px 8px; } #int_travel { background: url('../img/travel.png') no-repeat #fcfcfc 6px 7px; -pie-background: url('img/travel.png') no-repeat #fcfcfc 6px 7px; } #int_f1 { background: url('../img/f1.png') no-repeat #fcfcfc 6px 7px; -pie-background: url('img/f1.png') no-repeat #fcfcfc 6px 7px; } #int_mars { background: url('../img/mars.png') no-repeat #fcfcfc 6px 7px; -pie-background: url('img/mars.png') no-repeat #fcfcfc 6px 7px; } #int_weather { background: url('../img/weather.png') no-repeat #fcfcfc 6px 7px; -pie-background: url('img/weather.png') no-repeat #fcfcfc 6px 7px; } .plus { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; color: #fff; padding: 10px 0px; width: 70px; float: left; background-color: #3097de; border-radius: 17px; -moz-border-radius: 17px; -khtml-border-radius: 17px; -webkit-border-radius: 17px; } #information_wanttomeet { width: 715px; padding-top: 25px; float: left; } #information { /* width: 405px;*/ float: left; } #wanttomeet { float: left; } table, tr, td { margin: 0; padding: 0; border: 0; background: none; } td { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; text-align: left; line-height: 1; } .tab-col1 { /* width: 170px;*/ padding-bottom: 12px; color: #999999; } .tab-col2 { width: auto; color: #333333; } #profile-photos { /* width: 715px;*/ padding-top: 10px; position: relative; overflow: hidden; float: left; } .carousel li { width: 150px; height: 120px; float: left; margin-right: 12px; } .carousel li a { text-decoration: none; outline: none; } .carousel li img { display: block; margin: 0; padding: 0; border: 0; } .carousel-prev, .carousel-next { width: 65px; height: 120px; cursor: pointer; position: absolute; bottom: 26px; z-index: 1000; } .carousel-prev { background: url('../img/c-prev.png') no-repeat center center rgba(0, 0, 0, 0.5); -pie-background: url('img/c-prev.png') no-repeat center center; left: 0px; } .carousel-next { background: url('../img/c-next.png') no-repeat center center rgba(0, 0, 0, 0.5); -pie-background: url('img/c-next.png') no-repeat center center; right: 0px; } .go { width: 50px; padding-top: 20px; margin: 0 auto; } .go a { float: left; width: 6px; height: 6px; text-indent: -9999px; background: url('../img/go.png') no-repeat top; -pie-background: url('img/go.png') no-repeat top; margin-right: 4px; } .go a:hover { background: url('../img/go.png') no-repeat bottom; -pie-background: url('img/go.png') no-repeat bottom; } .go .goActive { background: url('../img/go.png') no-repeat bottom; -pie-background: url('img/go.png') no-repeat bottom; } #description { width: 45% !important; float: left; } #information { width: 55% !important; float: left; } .profile-text { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; text-align: left; line-height: 1.4; } #meetings { /* width: 715px;*/ padding-top: 25px; float: left; } #report_person { /* width: 715px;*/ padding-top: 15px; float: left; } #alarm_support, #manage_profile, #manage_news, #manage_subscr { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; padding: 10px 15px; background: #3097de; float: left; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #alarm_support { margin: 20px 0px 60px 0px; } #manage_profile, #manage_news { margin: 20px 0px 0px 0px; } #manage_subscr { margin: 20px 0px 60px 0px; } #site_activity2 { /* width: 233px;*/ height: 900px; float: right; /* position: relative; */ } #activity_slider2 { padding: 10px 0px 20px 0px; } .container1, .container2 { position: relative; top: 0px; left: 0px; width: 231px; overflow: hidden; margin: 0 auto; } .container1 { height: 432px; } .container2 { height: 70px; } .point-brands2 { position: absolute; top: 0px; width: 231px; height: 432px; overflow: hidden; z-index: 1; } .activity-point { position: relative; height: 60px; width: 231px; border-right: 1px solid #eeeeee; margin-bottom: 12px; float: left; } #user_preview_small { width: auto; padding-top: 10px; } #user_preview_small_photo { display: block; width: 300px; height: 300px; margin: 0 auto; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; position: relative; } #user_preview_small_photo img { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #preview-info-menu-small { width: 100%; position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.5); } #preview-name-small { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 15px; color: #fff; font-weight: bold; padding: 10px 0px 3px 10px; float: left; } #preview-from-last-visit { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 11px; padding: 0px 0px 10px 10px; float: left; } .pfrom { color: #fff; } .pvisit { color: #999999; } .preview-menu-small-point { display: block; text-decoration: none; outline: none; width: 50px; height: 50px; border-left: 1px solid #898989; float: right; } #chat3 { background: url('../img/chat3.png') no-repeat center center; -pie-background: url('img/chat3.png') no-repeat center center; } #add_friend3 { background: url('../img/add_friend3.png') no-repeat center center; -pie-background: url('img/add_friend3.png') no-repeat center center; } /*------------------------------My Messages Page---------------------------*/ #my_messages_block { /* width: 715px; padding-top: 20px; float: left;*/ overflow: hidden; } .messages_top_nav { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; float: left; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .active1 { color: #333333; font-weight: bold; padding: 10px 12px 8px 12px; border: 1px solid #eeeeee; } .no_active1 { color: #3097de; font-weight: normal; padding: 11px 12px 9px 12px; border: none; } #messager_search { /* float: left;*/ padding-top: 20px; } #messager_search form { margin: 0; padding: 0; float: left; padding-bottom: 9px; border-bottom: 1px solid #eeeeee; } .user-miniature-bg2 { display: block; /* width: 230px;*/ height: 60px; padding: 5px 10px; text-decoration: none; outline: none; position: relative; } .user-miniature-bg2:hover { background-color: #eeeeee; } .place5 { position: absolute; top: 25px; right: 30px; } .messages-menu { display: none; width: 20px; height: 20px; position: relative; border: 1px solid #cccccc; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; background: url('../img/sel-down-arrow.png') no-repeat center center #fff; -pie-background: url('img/sel-down-arrow.png') no-repeat center center #fff; } .place6 { position: absolute; top: 24px; right: 0px; z-index: 100; } .user-miniature-bg2:hover .messages-menu { display: block; } .messages-menu-points { display: none; position: absolute; right: -1px; top: 20px; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .messages-menu-points span { display: block; width: 130px; padding: 10px 0px 10px 28px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; } .delet_mess { background: url('../img/delete.png') no-repeat 10px 8px #fff; -pie-background: url('img/delete.png') no-repeat 10px 8px #fff; } .to_blacklist { background: url('../img/blacklist.png') no-repeat 8px 9px #fff; -pie-background: url('img/blacklist.png') no-repeat 8px 9px #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .archive_mess { background: url('../img/archive.png') no-repeat 8px 9px #fff; -pie-background: url('img/archive.png') no-repeat 8px 9px #fff; } .messages-menu:hover .messages-menu-points { display: block; } #messages-field { /* float: left;*/ padding-top: 20px; } #messager_fio { display: block; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; font-weight: bold; padding: 5px 17px 15px 0px; background: url('../img/green-round-ico.png') no-repeat right 7px; -pie-background: url('img/green-round-ico.png') no-repeat right 7px; float: left; line-height: 1; } #actions_for_messager { display: block; width: 148px; padding: 8px 0px 8px 10px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; background: url('../img/sel-down-arrow.png') no-repeat 138px center; -pie-background: url('img/sel-down-arrow.png') no-repeat 138px center; float: right; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; position: relative; } #actions_for_messager span { display: none; border: 1px solid #ccc; border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; position: absolute; left: -1px; top: 28px; z-index: 100; } #actions_for_messager span a { display: block; text-decoration: none; outline: none; width: 130px; padding: 10px 0px 10px 28px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; } .fr_remove { background: url('../img/delete.png') no-repeat 10px 8px #fff; -pie-background: url('img/delete.png') no-repeat 10px 8px #fff; } .fr_blacklist { background: url('../img/blacklist.png') no-repeat 8px 9px #fff; -pie-background: url('img/blacklist.png') no-repeat 8px 9px #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .fr_add { background: url('../img/add_friend4.png') no-repeat 8px 9px #fff; -pie-background: url('img/add_friend4.png') no-repeat 8px 9px #fff; } #actions_for_messager:hover span { display: block; } #messages-flow { height: 100%; width: auto; padding: 10px; /* border: 1px solid #eeeeee;*/ border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .scroll-pane2 { /* height: 600px; */ width: auto; overflow: auto; margin-bottom: 10px; } .message_block2, .message_block_me2 { width: auto; } /*------------------------------Edit My Profile Page---------------------------*/ #preview_empty_field { width: 713px; height: 240px; position: relative; background-color: #f4f9fd; border: 1px solid #eeeeee; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; } #preview-info-menu2 { height: 60px; background-color: #fff; } #preview_main_wrap2 { position: absolute; bottom: 14px; left: 10px; border: 1px solid #eeeeee; } #add_main_pic { display: block; text-decoration: none; outline: none; width: 205px; height: 205px; background: url('../img/add_main_pic.png') no-repeat center center #f4f9fd; -pie-background: url('img/add_main_pic.png') no-repeat center center #f4f9fd; position: relative; } #edit_main_pic, #add_photos { display: block; text-decoration: none; outline: none; width: 90px; height: 19px; position: absolute; bottom: 8px; right: 8px; } #edit_main_pic, #edit_main_pic2 { background: url('../img/edit_main_photo.png') no-repeat; -pie-background: url('img/edit_main_photo.png') no-repeat; } #add_photos { background: url('../img/add_photos.png') no-repeat; -pie-background: url('img/add_photos.png') no-repeat; } #int_edit { display: block; text-decoration: none; outline: none; width: 70px; height: 30px; float: left; background: url('../img/edit_btn1.png') no-repeat center center #3097de; -pie-background: url('img/edit_btn1.png') no-repeat center center #3097de; border-radius: 17px; -moz-border-radius: 17px; -khtml-border-radius: 17px; -webkit-border-radius: 17px; } #information_edit, #wanttomeet_edit { width: 300px; padding-top: 25px; overflow: hidden; } #information_edit, #wanttomeet_edit { float: left; } #wanttomeet_edit { /* float: right;*/ } .h5_edit { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 26px; color: #333333; padding: 0px 15px 15px 0px; background: url('../img/edit_btn2.png') no-repeat right 12px; -pie-background: url('img/edit_btn2.png') no-repeat right 12px; float: left; } .tab2-col1, .tab2-col2 { width: 150px; padding-bottom: 12px; color: #999999; } .tab2-col1 { color: #999999; } .tab2-col2 { color: #333333; } .edit_form { display: block; padding: 0; margin: 0; width: 298px; border: 1px solid #e2e2e2; background-color: #f6f7f8; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .edit_form_top { padding: 10px 10px 0px 10px; } .param_field { width: 100%; margin-bottom: 10px; } .param_label { display: block; width: 130px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; float: left; padding-top: 10px; } .sel84 { width: 140px; float: right; } .sel85 select { width: 170px; } .sel85 { width: 140px; float: right; } .edit_form_bottom { padding: 12px 50px; border-top: 1px solid #e2e2e2; } .save_edit, .cancel_edit { width: 90px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .save_edit { float: left; } .cancel_edit { float: right; } .edit_text { display: block; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #999999; padding-bottom: 15px; } #want_edit_text { display: none; } .carousel-prev2, .carousel-next2 { width: 65px; height: 118px; cursor: pointer; position: absolute; bottom: 0px; z-index: 50; border: 1px solid #97cbee; } .carousel-prev2 { background: url('../img/c-prev2.png') no-repeat center center rgba(151, 203, 238, 0.5); -pie-background: url('img/c-prev2.png') no-repeat center center; left: 0px; } .carousel-next2 { background: url('../img/c-next2.png') no-repeat center center rgba(244, 249, 253, 0.5); -pie-background: url('img/c-next2.png') no-repeat center center; right: 0px; } .add_photo_item { display: block; text-decoration: none; outline: none; width: 148px; height: 48px; padding-top: 70px; border: 1px solid #97cbee; text-align: center; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; line-height: 1.3; background: url('../img/add_photo_video.png') no-repeat center 40px #f4f9fd; -pie-background: url('img/add_photo_video.png') no-repeat center 40px #f4f9fd; } .textarea_wrap { width: 265px; height: 70px; padding: 5px; margin-bottom: 10px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #e2e2e2; background-color: #fff; } #descr_edit_form textarea { display: block; width: 265px; height: 70px; border: none; margin: 0px; padding: 0px; background: none; resize: none; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; } .inp-bg5 { width: 128px; height: 22px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding: 4px 0px 0px 10px; position: relative; float: right; } #rather, #available, #for { width: 118px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; border: none; background: none; margin: 0px; padding: 0px; } #manage_profile, #manage_news { margin-right: 10px; } #add_main_pic_large { display: block; text-decoration: none; outline: none; width: 298px; height: 298px; border: 1px solid #97cbee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; background: url('../img/add_main_pic.png') no-repeat center center #f4f9fd; -pie-background: url('img/add_main_pic.png') no-repeat center center #f4f9fd; position: relative; } #edit_main_pic2 { display: block; text-decoration: none; outline: none; width: 90px; height: 19px; position: absolute; top: 8px; right: 8px; } #inf_want_edit { width: 715px; float: left; position: relative; } /*------------------------------My Guests Page---------------------------*/ #my_guests_block { width: 1100px; padding-bottom: 100px; float: left; position: relative; margin: 0 auto !important; top: 10px; } #guests_count { padding: 6px 17px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; font-weight: bold; position: relative; top: -3px; border-radius: 14px; -moz-border-radius: 14px; -khtml-border-radius: 14px; -webkit-border-radius: 14px; background-color: #ccc; } .simple_text { padding: 20px 0px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.2; } #my_admirers_tab { display: none; } #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, #similar_profiles ul, #blog_parts ul, #latest_users ul, #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, #woman_online_tab ul, #couple_online_tab ul { text-align: justify; } #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, #similar_profiles ul li, #latest_users ul li, #vote_history ul li, #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, #woman_online_tab ul li, #couple_online_tab ul li { margin-bottom: 10px; } #blog_parts ul li { margin-bottom: 40px; } /*------------------------------My Meetings Page---------------------------*/ #my_meetings_block, #photo_tags_block, #registration_block, #voteforphoto_block, .content_left { /* width: 715px; float: left;*/ padding-bottom: 40px; position: relative; } .simple_text2 { padding: 0px 0px 20px 0px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.2; } #meetings_search { padding: 0; margin: 0; border: 0; } #meetings_search_top { width: 693px; margin: 0 auto; padding: 10px; background: #fcfcfc; border: 1px solid #eeeeee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .search_label { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; float: left; padding-top: 10px; } .pad_l10 { padding-left: 10px; } .pad_r10 { padding-right: 10px; } .pad_lr10 { padding-right: 10px; padding-left: 10px; } .sel86 { width: 87px; float: left; } /*.sel87 select { width: 117px; } .sel87 { width: 87px; float: left; }*/ .sel88 { width: 55px; float: left; } /*.sel89 select { width: 85px; } .sel89 { width: 55px; float: left; }*/ /*#meetings_search_top_1 { width: 300px; float: left; } #meetings_search_top_2 { width: 300px; float: left; }*/ .w13 { height: 20px; width: 13px; float: left; } .marg_t6 { margin-top: 6px; } .mrg_r10 { margin-right: 10px; } #search-meeting-btn { display: block; width: 80px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; /* float: right;*/ } #meetings_search_bottom { padding-top: 20px; margin: 0 auto; width: 700px; } #like_to_meet, #meet_for { padding: 0px 60px 20px 0px; float: left; } #meet_schedule { width: 148px; float: left; padding: 0px 0px 20px 0px; } .h7 { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #000; font-weight: bold; padding-bottom: 10px; line-height: 1; } .marg_b3 { margin-bottom: 3px; } /*--------------------------FAQ page------------------------*/ #faq_block { float: left; padding-bottom: 100px; } .h8 { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #000; font-weight: bold; text-transform: uppercase; } .pad_b20 { padding-bottom: 20px; } .pad_tb20 { padding-top: 20px; padding-bottom: 20px; } .faq_point { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; margin-bottom: 8px; } .faq_point a { color: #3097de; text-decoration: underline; outline: none; line-height: 1; } .faq_point a:hover { text-decoration: none; } .faq_point p { display: none; width: 420px; margin: 5px 0px 0px 0px; padding-left: 5px; color: #333333; line-height: 1.2; border-left: 15px solid #eeeeee; } /*--------------------------NotLoggedUser page------------------------*/ .h9 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 26px; color: #333333; padding: 30px 0px; text-align: center; } #profile_sample { /* width: 535px;*/ margin: 0 auto; margin-bottom: 20px; } #profile_sample_left, .profile_left { width: 215px; /* float: left;*/ position: relative; padding: 8px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #eeeeee; /* margin-right: 20px; */ } .photos-count2 { display: block; width: 23px; height: 13px; padding: 4px 0px 2px 17px; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: center; background: url('../img/photos-count.png') no-repeat; -pie-background: url('img/photos-count.png') no-repeat; position: absolute; bottom: 10px; right: 10px; } #profile_sample_right { /* width: 280px; padding-top: 60px; float: left;*/ } .h10 { font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; font-weight: bold; padding-bottom: 10px; line-height: 1; } .simple_text3 { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #666666; line-height: 1.3; } .pad_t30 { padding-top: 30px; } .pad_b30 { padding-bottom: 30px; } .gradient_bg1 { background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fafafa, #ffffff); background-image: -o-linear-gradient(top, #fafafa, #ffffff); background-image: linear-gradient(to bottom, #fafafa, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffffffff', GradientType=0); } #for_registry_form, #contact_text, #confirm_text { padding: 20px; background-color: #f4f9fd; border: 1px solid #97cbee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #registry_info_parts { padding-bottom: 20px; /* float: left;*/ } #registry_info_part1, #registry_info_part2, #registry_info_part3 { padding: 15px 0px 15px 65px; } #registry_info_part1 { background: url('../img/star-ico.png') no-repeat left center; -pie-background: url('img/star-ico.png') no-repeat left center; } #registry_info_part2 { background: url('../img/camera-ico.png') no-repeat left center; -pie-background: url('img/camera-ico.png') no-repeat left center; } #registry_info_part3 { background: url('../img/comment-ico2.png') no-repeat left center; -pie-background: url('img/comment-ico2.png') no-repeat left center; } .strong1 { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; font-weight: bold; } #first_registry { display: block; /* width: 490px;*/ padding: 0; margin: 0; /* float: right;*/ } .registry_item { float: left; padding-bottom: 10px; } .sel90, .sel96 { width: 233px; float: left; } .sel91 select, .sel97 select { width: 263px; } .sel91, .sel97 { width: 233px; float: left; } #iam_weare, #email_for_reg, #username_for_reg, #city_for_reg { margin-right: 20px; } .sel92 { width: 65px; float: left; } .sel93 select { width: 95px; } .sel93 { width: 62px; float: left; } .sel94, .sel65 { width: 150px; float: left; } .sel95 select, .sel64 select { width: 180px; } .sel95, .sel64 { width: 150px; float: left; } .sel_marg_r { margin-right: 20px; } .marg_t7 { margin-top: 7px; } #sign_up_btn { display: block; width: 150px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; /* float: right;*/ } .fixed_w { width: 320px; } #similar_profiles { padding: 40px 0px; } .pad_t20 { padding-top: 20px; } /*------------------------------Contact Page---------------------------*/ #contact_block, #manage_profile_block { /* width: 715px;*/ float: left; padding-bottom: 80px; position: relative; } #contact_text { margin-bottom: 20px; } #contact_text p, #delete_profile_text p { font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; line-height: 1.2; } #contact_letter_block { display: block; margin: 0; padding: 0; } #contact_letter_block .alert { display: block; } #contact_email, #contact_theme { float: left; margin-bottom: 20px; } #contact_email { /* margin-right: 50px;*/ } .textarea_wrap2 { padding: 20px; margin-bottom: 10px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #e2e2e2; background-color: #fff; } #contact_letter_ta { display: block; /* width: 673px;*/ height: 160px; border: none; margin: 0px; padding: 0px; background: none; resize: none; overflow: hidden; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; } #enter_sec_code { float: left; } #sec_code_img { display: block; width: 80px; height: 28px; border: 0; margin: 0; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; float: left; overflow: hidden; position: relative; margin-right: 10px; } #contact_send_btn { display: block; width: 100px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; /* float: right;*/ } /*--------------------------ManageMyProfile Page--------------------------*/ #delete_profile_text { padding: 20px; background-color: #feefed; border: 1px solid #fbb1a8; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 20px; } #deletion_profile_confirm { margin: 0; padding: 0; border: 0; } #username_for_delete, #pass_for_delete { float: left; margin-bottom: 20px; } #username_for_delete { margin-right: 40px; } .marg_b20 { margin-bottom: 20px; } #confirm_del_btn, #cancel_del_btn { width: 100px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; /*float: left;*/ } #confirm_del_btn { margin-right: 10px; } /*--------------------------Signed Out Page--------------------------*/ #login_or_register { height: 60px; padding-left: 80px; background-color: #3097de; border-left: 1px solid #4fa6e3; position: absolute; right: 0px; top: 0px; cursor: pointer; } .account_name3, .account_name3hov { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; padding: 24px 15px 0px 0px; } .account_name3 a, .account_name3hov a { text-decoration: none; outline: none; font-weight: bold; color: #fff; } .account_name3 a:hover, .account_name3hov a:hover { text-decoration: underline; } .account_name3 span, .account_name3hov span { font-style: italic; } .account_name3hov { display: none; } #login_or_register:hover .account_name3hov { display: block; } .h11 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 26px; color: #333333; text-align: center; } .pad_t40 { padding-top: 40px; } .pad_b40 { padding-bottom: 40px; } .simple_text4 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; line-height: 1.2; text-align: center; } .pad_b25 { padding-bottom: 25px; } #blog_parts { padding: 40px 0px; } #blog_parts ul li { display: inline-block; text-align: left; line-height: normal; vertical-align: top; position: relative; width: 228px; } .article_name, .article_date { display: block; margin-bottom: 20px; font-family: Lato, Helvetica, Arial, sans-serif; } .article_name { float: left; font-size: 14px; font-weight: bold; color: #333333; } .article_date { float: right; font-size: 12px; color: #999999; padding-top: 2px; } .read_more { text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #3097de; } #sign_in2 { /* padding: 40px 15px;*/ background-color: #f4f9fd; border: 1px solid #97cbee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; margin-bottom: 80px; } #sing_in2_text { display: block; /* width: 195px;*/ font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; color: #333333; font-weight: bold; line-height: 1.2; /* float: left; padding-top: 7px; margin-right: 8px;*/ } .inp-bg12 { height: 34px; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding: 14px 10px 0px 10px; position: relative; border: 1px solid #eeeeee; float: left; } #username_inp2, #pass_inp2 { width: 213px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; color: #999999; border: none; background: none; margin: 0px; padding: 0px; } .for_un_inp2 { margin-right: 20px; } #sign_in_btn2 { display: block; width: 225px; height: 50px; border: none; background: #3097de; cursor: pointer; font-size: 16px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; /* float: right;*/ position: relative; } #footer2 { background-color: #eeeeee; border-top: 1px solid #cccccc; } #f-center2 { padding: 20px 10px 50px 10px; } .footer2_h1 { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; font-weight: bold; padding-bottom: 30px; text-transform: uppercase; } #francerdv_section { /* width: 660px; float: left; margin-right: 80px;*/ } #francerdv_section ul { text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; text-align-last: justify; } #francerdv_section ul:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } #francerdv_section ul li { display: inline-block; text-align: left; line-height: normal; vertical-align: top; position: relative; } #francerdv_section ul li a { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; padding-bottom: 15px; } #count_online { float: left; } .pad_l20 { padding-left: 20px; } #count_online_text { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.2; padding-bottom: 50px; border-left: 1px solid #cccccc; } .copyright2 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; padding-top: 15px; } #sign_in2_right { width: 732px; float: right; position: relative; } /*--------------------------Subscribe Popup--------------------------*/ #subscribe_block { width: 830px; padding: 20px; position: absolute; left: 50%; top: 40px; margin-left: -415px; z-index: 200; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #plan_part { width: 405px; float: left; margin: 0; } #paycard_part { width: 405px; float: right; margin: 0; } .subscr_h1 { font-family: Lato, Helvetica, Arial, sans-serif; text-align: left; font-size: 16px; font-weight: bold; padding-bottom: 30px; } .plan_point { width: 213px; padding: 20px 180px 20px 10px; position: relative; margin: 0px 0px 10px 0px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .plan_point label { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .no_selected { border: 1px solid #eeeeee; background: #fff; } .is_selected { border: 1px solid #97cbee; background: #f4f9fd; } .sale_percent { display: block; height: 14px; text-transform: uppercase; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #000; padding-bottom: 7px; line-height: 1; } .sale_percent span.bold { font-weight: bold; } .month_count { display: block; height: 24px; text-transform: uppercase; font-size: 24px; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; padding-bottom: 7px; font-weight: bold; line-height: 1; } .total_summ { display: block; height: 14px; text-transform: uppercase; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #666666; line-height: 1; } .for_radio { width: 170px; height: 102%; background: #3097de; position: absolute; top: -1px; right: -1px; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; } .radio_place { width: 16px; height: 16px; margin: 0 auto; overflow: hidden; position: absolute; bottom: 50%; right: 10px; margin-bottom: -8px; } .niceRadio { width: 16px; height: 16px; display: inline-block; cursor: pointer; background: url('../img/radio3.jpg') no-repeat; overflow: hidden; } .radioChecked { background: url('../img/radio3-checked.jpg') no-repeat; } .niceRadio input { margin-left: -20px; } .subscr_month_cost { display: block; text-align: left; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; position: absolute; top: 50%; margin-top: -13px; } .currency { font-size: 18px; position: relative; top: -8px; } .month_cost { font-size: 24px; font-weight: bold; } .month { font-size: 12px; } #paycard_part_text1 { text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; padding-bottom: 20px; } #abonement { text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; padding-bottom: 5px; } #total_cost { display: block; height: 12px; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; padding-bottom: 20px; } #for_paycard_form { padding: 20px; border: 1px solid #eee; background: #fcfcfc; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 20px; } .card_icon { width: 58px; height: 38px; border: 1px solid #eee; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0px 10px 20px 0px; } #visa { background: url('../img/visa.jpg') no-repeat center center; } #master_card { background: url('../img/master-card.jpg') no-repeat center center; } #amex { background: url('../img/amex.jpg') no-repeat center center; } #carte_bancaire { background: url('../img/carte-bancaire.jpg') no-repeat center center; } #pay_form { display: block; border: 0; padding: 0; margin: 0; } #pay_form_left { width: 180px; float: left; padding-bottom: 20px; } #pay_form_right { width: 165px; float: right; padding-bottom: 20px; } #card_number { margin-bottom: 20px; } #card_num { width: 158px; text-align: center; } #holder_name { width: 158px; } #card_exp_date { margin-bottom: 20px; } #cid { width: 54px; } #pay_form_text, #comment_text, .subscr_ftr_text2 { text-align: center; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #666666; line-height: 1.2; } #comment_text { padding: 10px 0px 15px 0px; } .subscr_ftr_text2 { padding: 0px 0px 15px 0px; } #norton_sec { width: 120px; height: 50px; margin: 0 auto; background: url('../img/norton_sec.jpg') no-repeat; } .inp-bg13, .inp-bg14 { height: 23px; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; padding: 5px 10px 0px 10px; position: relative; border: 1px solid #cccccc; } .inp-bg13 { float: left; } #card_num, #cid, #holder_name, #reg_user_name, #reg_password, #reg_email { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; border: none; background: none; margin: 0px; padding: 0px; } #what_cvc { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #3097de; float: left; line-height: 1.2; padding-top: 2px; } #pay_btn { display: block; width: 100%; height: 40px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; position: relative; margin-bottom: 15px; } .subscr_ftr_text { font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #666666; text-align: center; line-height: 1.2; } .pad_b15 { padding-bottom: 15px; } .subscr_ftr_text a { text-decoration: none; outline: none; color: #3097de; } .subscr_ftr_text a:hover { text-decoration: underline; } #transparent_bg2 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; z-index: 100; } /*------------------------------PhotoTags page------------------------------*/ #photo_tags_block form { margin: 0; padding: 0; border: 0; } .sel78 { width: 150px; float: left; } .sel79 select { width: 178px; } .sel79 { width: 148px; float: left; } .h12 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; } .tags_cloud { display: block; padding: 10px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #eeeeee; background-color: #fcfcfc; } .tag, .tag_active { text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #3097de; line-height: 1.2; } .tag_active { font-weight: bold; } .profile_left { /* float: left;*/ margin-bottom: 10px; } .small_preview_carousel { position: relative; /* float: right;*/ } .small_preview2, .small_preview3, .small_preview4 { position: relative; top: 0px; left: 0px; /* width: 470px; height: 276px;*/ overflow: hidden; margin-bottom: 15px; } .small_preview2 a, .small_preview3 a, .small_preview4 a { display: block; text-decoration: none; outline: none; /* width: 230px; height: 276px;*/ position: absolute; top: 0px; overflow: hidden; z-index: 1; background-color: #F0F0F0; } .carouselLeft2, .carouselRight2, .carouselLeft3, .carouselRight3, .carouselLeft4, .carouselRight4 { width: 17px; height: 28px; position: absolute; cursor: pointer; z-index: 100; } .carouselLeft2, .carouselLeft3, .carouselLeft4 { /* left: 10px; top: 120px;*/ background: url('../img/c-prev.png') no-repeat; -pie-background: url('img/c-prev.png') no-repeat; } .carouselRight2, .carouselRight3, .carouselRight4 { /* right: 10px; top: 120px;*/ background: url('../img/c-next.png') no-repeat; -pie-background: url('img/c-next.png') no-repeat; } /*--------------------------Registration page------------------------------*/ #registration_block form { margin: 0; padding: 0; border: 0; padding-bottom: 20px; } .reg_form_item { margin-bottom: 15px; } .for_input { float: left; margin-right: 20px; } #reg_user_name, #reg_password, #reg_email { /* width: 298px; */ } .help_text, #error_for_passw, #did_you_mean { display: block; /* width: 370px;*/ font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.2; float: left; } .help_text, #did_you_mean { color: #666666; } #did_you_mean { display: none; } #did_you_mean a { text-decoration: none; outline: none; color: #3097de; } #error_for_passw { display: none; color: #f76452; } /*.sel76 { width: 320px; } .sel77 select { width: 348px; } .sel77 { width: 318px; }*/ #subscribe_btn, #lets_go_btn { /* width: 320px;*/ height: 50px; border: none; background: #3097de; cursor: pointer; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #reg_part2 { position: absolute; top: -9999px; } #for_iam, #for_look_for { float: left; padding-bottom: 15px; } #for_iam { margin-right: 20px; } #for_dateofbirth { margin-bottom: 25px; } /*.sel74 { width: 320px; } .sel75 select { width: 348px; } .sel75 { width: 318px; }*/ .sel72 { width: 65px; float: left; } .sel73 select { width: 95px; } .sel73 { width: 62px; float: left; } .sel70 { width: 150px; float: left; } .sel71 select { width: 180px; } .sel71 { width: 150px; float: left; } .chbox_label2 a { text-decoration: underline; outline: none; color: #666666; font-weight: bold; } .chbox_label2 a:hover { text-decoration: none; } /*------------------------------VoteForPhoto------------------------------*/ #voteforphoto_block form { padding: 0; margin: 0; border: 0; } .photo_rate2 { display: block; height: 15px; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: center; position: absolute; bottom: 10px; right: 10px; padding: 2px 4px 2px 17px; background: url('../img/photo_rate2.png') 2px center no-repeat rgba(0, 0, 0, 0.7); -pie-background: url('img/photo_rate2.png') 2px 2px no-repeat #000; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .rank { display: block; height: 40px; width: 40px; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #949fab; text-align: center; position: absolute; top: 0px; right: 0px; background: #949fab url('../img/top-rank.png'); -pie-background: #949fab url('img/top-rank.png'); border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; background-position: center center; border: 3px solid white; z-index: 9; cursor: default; } .rank.red { color: #ff006e; background-color: #ff006e; } .rank span { font-weight: bold; position: relative; top: 9px; font-size: 17px; } #voteforphoto_slider { position: relative; } .voteforphoto_item2 { position: relative; /* width: 480px; height: 550px;*/ margin: 0 auto; overflow: hidden; } .vote_item { position: absolute; top: 0px; /* width: 480px; height: 550px; */ overflow: hidden; z-index: 1; } .img_wrap { position: relative; } .vote_item img, .vote_item_popup img { display: block; width: 100%; border: 0; margin: 0; } .votephoto_prev, .votephoto_next { /* width: 22px; height: 36px;*/ position: absolute; cursor: pointer; z-index: 100; /* top: 215px;*/ } .votephoto_prev { left: 5px; /* background:url('../img/c-prev3.png') no-repeat; -pie-background:url('img/c-prev3.png') no-repeat;*/ } .votephoto_next { right: 5px; /* background:url('../img/c-next3.png') no-repeat; -pie-background:url('img/c-next3.png') no-repeat;*/ } .name6 { text-align: center; padding: 20px 0px 5px 0px; } .name6 a { text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; color: #333333; font-weight: bold; } .age_place3 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; text-align: center; } .vote_field { position: absolute; bottom: 10px; left: 50%; margin-left: -140px; background: rgba(0, 0, 0, 0.6); border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; z-index: 100; } .vote_note { float: left; border-right: 1px solid #684434; } .vote, .note { display: block; width: 80px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: center; padding: 4px 0px; } .vote { border-bottom: 1px solid #684434; } .vote_stars { float: left; } .stars_item { display: block; text-decoration: none; outline: none; width: 40px; height: 40px; float: left; } .vote_star { background: url('../img/vote_star.png') no-repeat center center; -pie-background: url('img/vote_star.png') no-repeat center center; } .vote_star_checked { background: url('../img/vote_star_checked.png') no-repeat center center; -pie-background: url('img/vote_star_checked.png') no-repeat center center; } /*--------------------------RegistratioConfirmed--------------------------*/ #confirm_text p { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.2; } #confirm_text p a { text-decoration: none; outline: none; color: #3097de; } /*--------------------------MyWallWithoutFriends--------------------------*/ .my_wall_wf_item { display: block; text-decoration: none; outline: none; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 14px; color: #3097de; padding: 24px 0px 24px 70px; margin-bottom: 10px; } #detailed_search { background: url('../img/search_bg2.png') no-repeat; -pie-background: url('img/search_bg2.png') no-repeat; } #photo_alb { background: url('../img/photo_alb.png') no-repeat; -pie-background: url('img/photo_alb.png') no-repeat; } #calssif_votes { background: url('../img/class_votes.png') no-repeat; -pie-background: url('img/class_votes.png') no-repeat; } #sec_garden { background: url('../img/sec_garden.png') no-repeat; -pie-background: url('img/sec_garden.png') no-repeat; } #last_visites { background: url('../img/visites.png') no-repeat; -pie-background: url('img/visites.png') no-repeat; } #real_dates { background: url('../img/real_dates.png') no-repeat; -pie-background: url('img/real_dates.png') no-repeat; } #online_memb { background: url('../img/online_memb.png') no-repeat; -pie-background: url('img/online_memb.png') no-repeat; } /*---------------------------------MyWall----------------------------------*/ .date_item { /* width: 715px;*/ margin: 0 auto; margin-top: 25px; margin-bottom: 25px; } .date_h1 { display: block; width: 97%px; border: 1px solid #eeeeee; background-color: #f6f6f6; padding: 10px 0px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 13px; color: #333333; text-align: center; text-decoration: none; outline: none; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; margin: 0 auto 15px auto; } .simple_text5 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 1.2; } .date_item ul { text-align: left; } .date_item ul li { display: block; height: 60px; width: 97%x; padding: 10px; border-bottom: 1px solid #eeeeee; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; position: relative; } .place7 { float: left; margin-right: 20px; } .activity-text2 { cursor: pointer; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; line-height: 1.2; padding-top: 5px; } .activity-text2 a { text-decoration: none; outline: none; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #3097de; } .activity-date2 { cursor: pointer; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #999999; line-height: 1.2; padding-top: 10px; } .mounth_year { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; font-weight: bold; text-align: center; } #about_tries { display: none; /* width: 600px;*/ position: absolute; top: 50%; left: 50%; /* margin: -150px 0px 0px -300px;*/ background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); z-index: 1000; } #about_tries_top { padding: 20px; background-color: #3097de; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; } #about_tries_top p { font-size: 18px; font-family: Lato, Helvetica, Arial, sans-serif; color: #ffffff; font-weight: bold; } .close4 { display: block; text-decoration: none; outline: none; width: 20px; height: 20px; background: url('../img/close4.png') no-repeat; -pie-background: url('img/close4.png') no-repeat; position: absolute; right: 10px; top: 20px; } #about_tries_content { padding: 20px; height: 200px; } #about_tries_content p { font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #999999; line-height: 1.2; } #about_tries_content p a { text-decoration: underline; outline: none; color: #3097de; } #about_tries_content p a:hover { text-decoration: none; } /*--------------------EditMySubscription-----------------------------*/ .subscr_left { width: 460px; float: left; } .subscr_right { width: 235px; float: right; } .subscr_left_top, .subscr_right_top { border-top: 1px solid #3097de; border-right: 1px solid #3097de; border-left: 1px solid #3097de; background-color: #f4f9fd; position: relative; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; } .subscr_p1, .subscr_p2, .subscr_p3, .subscr_p4 { font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; text-align: center; } .subscr_p1 { /* padding: 20px 0px;*/ font-size: 12px; font-weight: bold; text-transform: uppercase; } .subscr_p2 { padding-top: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase; } .subscr_p3 { padding: 7px 0px; font-size: 12px; } .subscr_p4 { font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1.2; } #subscr_stop_bnt { display: block; text-decoration: none; outline: none; width: 60px; font-size: 11px; font-family: Lato, Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; background-color: #f76452; padding: 5px 0px; /* position: absolute; right: 10px; top: 15px;*/ border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .subscr_left_bottom, .subscr_right_bottom { position: relative; border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; } .subscr_left_bottom { border: 1px solid #3097de; background-color: #f4f9fd; } .subscr_right_bottom { border: 1px solid #fbb1a8; background-color: #feefed; } .stop_question { display: none; padding-top: 20px; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; text-align: center; font-weight: bold; } .attention_infos { display: none; padding-top: 20px; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; text-align: center; font-weight: bold; } .alerte_infos { display: block; padding-top: 20px; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; color: #333333; text-align: center; font-weight: bold; } #confirm_or_cancel { display: none; width: 210px; margin: 0; padding: 0; border: 0; margin: 0 auto; margin-top: 25px; } #stop_subsc_confirm, #stop_subsc_cancel { width: 100px; height: 30px; border: none; background: #3097de; cursor: pointer; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #stop_subsc_confirm { float: left; } #stop_subsc_cancel { float: right; } .subscr_left2 { padding: 12px 0px; /* width: 458px; float: left;*/ } .subscr_right2 { /* width: 233px; float: right;*/ } .subscr_left2, .subscr_right2 { border: 1px solid #fbb1a8; background-color: #feefed; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } #subscr_part1 { margin-top: 20px; text-align: center; } #subscr_part2 { display: none; } /*----------------TopPhotos-----------------------*/ #search_top_photos { display: block; padding: 0; margin: 0; border: 0; } #city2_text { display: block; float: left; font-size: 12px; font-family: Lato, Helvetica, Arial, sans-serif; margin: 10px 0px; padding-right: 10px; } #city2_text span { color: #000; font-weight: bold; } #city2_text a { text-decoration: none; outline: none; color: #3097de; } #city2_text a:hover { text-decoration: underline; } #gender2, #age2, #chboxes2 { float: left; padding: 0px 10px 10px 0px; } #gender2 { width: 145px; } #age2 { width: 170px; } /*-------------------------MyStyle-------------------------------*/ #pages_styles { padding-top: 20px; } .style_item_active { width: 205px; height: 205px; border: 5px solid #cccccc; position: relative; background-color: #fff; cursor: pointer; } .style_item_noactive { width: 215px; height: 215px; border: none; position: relative; cursor: pointer; } .style_item_active img, .style_item_noactive img { display: block; padding: 0; margin: 0; border: none; width: 100%; height: 100%; } /*---------------------------MyGames--------------------------------*/ #game1_tab { padding-top: 20px; } .like, .dislike { display: block; text-decoration: none; outline: none; height: 60px; float: left; position: relative; } .like { width: 108px; border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; -khtml-border-radius: 0px 0px 0px 2px; -webkit-border-radius: 0px 0px 0px 2px; } .like_dislike span { float: left; } .dislike { width: 107px; border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; -khtml-border-radius: 0px 0px 2px 0px; -webkit-border-radius: 0px 0px 2px 0px; } .like_nochecked { background: url('../img/like.png') no-repeat #2ab37a center center; } .like_checked { display: none; background: url('../img/like_checked.png') no-repeat #2ab37a center center; } .dislike_nochecked { background: url('../img/dislike.png') no-repeat #f76452 center center; } .dislike_checked { display: none; background: url('../img/dislike_checked.png') no-repeat #f76452 center center; } #game1_tab ul li:hover .like_dislike { display: block; } #tries_count { display: none; text-decoration: none; outline: none; padding: 11px 12px 9px 12px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; right: 0px; top: 65px; background-color: #2ab37a; } #game2_tab, #game3_tab, #game4_tab { display: none; padding-top: 20px; } .guess, .fancy { display: block; text-decoration: none; outline: none; width: 215px; height: 60px; position: relative; border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; } .is_guess { background: url('../img/guess.png') no-repeat #3097de center center; } .not_guess { background: url('../img/noguess.png') no-repeat #3097de center center; } .no_fancy { background: url('../img/no_fancy.png') no-repeat #f76452 center center; } .no_fancy_checked { background: url('../img/no_fancy_checked.png') no-repeat #f76452 center center; } .guess:hover { background-color: #56A8E1; } #game2_tab ul li:hover .is_guess_block { display: block; } #game4_tab ul li:hover .no_fancy_block { display: block; } /*---------------------------Online Users--------------------------------*/ #chboxes3 { float: right; } .h1_count { outline: none; text-decoration: none; padding: 6px 30px 6px 13px; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; font-weight: bold; position: relative; top: -3px; border-radius: 14px; -moz-border-radius: 14px; -khtml-border-radius: 14px; -webkit-border-radius: 14px; background: url('../img/online_count2.png') no-repeat right center #ccc; -pie-background: url('img/online_count2.png') no-repeat right center #ccc; } /*------------------------------Media Queries------------------------------*/ /*@media (min-width: 320px) {*/ /* header {*/ /* padding: 0px; */ /* }*/ /* #content, #content-centered {*/ /* padding: 0px 10px; */ /* }*/ /* #f-center2 {*/ /* padding: 20px 10px 50px 10px;*/ /* }*/ /* #messages {*/ /* display: none;*/ /* }*/ /* #logo {*/ /* left: 50%;*/ /* margin: 0;*/ /* margin: 0px 0px 0px -63px;*/ /* }*/ /* #btn-left-menu, #btn-left-menu-active {*/ /* left: 0px; */ /* }*/ /* #for_account, #for_account_active {*/ /* right: 0px;*/ /* }*/ /* .account_name, .down-arrow, .account_name2, .down-arrow2, #site_activity,*/ /* #site_activity2, #for_top_photos, .account_name3 {*/ /* display: none;*/ /* }*/ /* #site_menu ul {*/ /* width: 310px;*/ /* padding: 0px 5px;*/ /* }*/ /* #site_activity, #site_activity2 {*/ /* width: 100%; */ /* }*/ /* .h1 { */ /* float: left;*/ /* text-align: center;*/ /* }*/ /* .container4 {*/ /* width: 231px;*/ /* }*/ /* #for_progr_bar {*/ /* display: none;*/ /* }*/ /* .sel80, .sel82 { */ /* width: 70px;*/ /* }*/ /* .sel82 select {*/ /* width: 100px;*/ /* }*/ /* #marry_status {*/ /* width: 135px;*/ /* }*/ /* #sexsual_pref {*/ /* width: 110px;*/ /* }*/ /* .sel64 {*/ /* width: 115px;*/ /* }*/ /* .sel64 select {*/ /* width: 145px;*/ /* }*/ /* .sel68 {*/ /* width: 110px;*/ /* }*/ /* .sel68 select {*/ /* width: 140px;*/ /* }*/ /* .sel82, .sel83, .sel85, .sel87, .sel89, .sel91, */ /* .sel93, .sel95, .sel97, .sel99, .sel79, .sel77, */ /* .sel75, .sel71, .sel73, .sel68, .sel66, .sel64, */ /* .sel62 {*/ /* display: block;*/ /* }*/ /* #name_surn {*/ /* width: 245px;*/ /* }*/ /* .inp-bg15 {*/ /* width: 235px;*/ /* border: 1px solid #ccc;*/ /* }*/ /* #name_surname {*/ /* width: 225px;*/ /* }*/ /* #user_name {*/ /* width: 245px;*/ /* }*/ /* .inp-bg16 {*/ /* width: 235px;*/ /* }*/ /* #us_name {*/ /* width: 225px;*/ /* }*/ /* #eye_color {*/ /* width: 130px;*/ /* }*/ /* #hair_type {*/ /* width: 110px;*/ /* }*/ /* .sel66 select {*/ /* width: 130px;*/ /* }*/ /* .sel66 {*/ /* width: 110px;*/ /* }*/ /* #height_selection {*/ /* padding-bottom: 10px;*/ /* }*/ /* .lineForm {*/ /* display: none;*/ /* }*/ /* #gender {*/ /* width: 90px;*/ /* }*/ /* #for_search {*/ /* width: 100%;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #for_search_form {*/ /* width: auto;*/ /* }*/ /* #search {*/ /* width: 260px;*/ /* padding-bottom: 0px;*/ /* }*/ /* #search-btn {*/ /* width: 80px;*/ /* }*/ /* .none1280 {*/ /* display: inline-block;*/ /* }*/ /* #user_menu { */ /* height: 600px;*/ /* position: absolute; */ /* }*/ /* #my_profile, #my_photo, #my_messges, #my_events, #my_guests,*/ /* #my_wall, #my_style, #my_account, #logout {*/ /* width: 181px;*/ /* }*/ /* .h3 {*/ /* text-align: center;*/ /* }*/ /* #new_users_albums ul {*/ /* text-align: center;*/ /* }*/ /* #new_users_albums ul li {*/ /* margin: 0px 0px 20px 0px;*/ /* }*/ /* footer {*/ /* padding: 0px 10px;*/ /* }*/ /* */ /*--------------ProfileUser page----------- /* */ /* #logo, #user_preview_large, #information_wanttomeet {*/ /* display: none;*/ /* }*/ /* #page_title, #user_preview_small {*/ /* display: block;*/ /* }*/ /**/ /* #interests {*/ /* width: 300px;*/ /* padding-bottom: 20px;*/ /* }*/ /* #int_popart, #int_travel, #int_mars, #int_weather, .none2 {*/ /* display: none;*/ /* }*/ /* #profile-photos, #description, #report_person, #meetings {*/ /* width: 100%;*/ /* }*/ /* .tab-col1, .tab-col2 {*/ /* width: 150px;*/ /* }*/ /* .tab-col2 {*/ /* padding-bottom: 10px;*/ /* }*/ /* */ /*-------------My Messages Page------------ /**/ /* #my_messages_block {*/ /* width: auto;*/ /* padding: 0px 0px 75px 0px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* .none320, #actions_for_messager {*/ /* display: none;*/ /* }*/ /* .user-miniature-bg2 {*/ /* width: 280px;*/ /* }*/ /* .inp-bg4 {*/ /* width: 288px; */ /* }*/ /* #messager_search {*/ /* width: 300px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* .none3 {*/ /* position: absolute;*/ /* top: -9999px;*/ /* }*/ /* .scroll-pane2{ */ /* height: 300px;*/ /* width: auto;*/ /* }*/ /* .inp-bg3 {*/ /* width: 180px;*/ /* }*/ /* #new_message {*/ /* width: 145px;*/ /* }*/ /* #send_message_btn {*/ /* width: 80px;*/ /* }*/ /* #messages-field {*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #messages-flow {*/ /* border: none;*/ /* }*/ /*--------------Edit My Profile page----------- /* #inf_want_edit {*/ /* width: 320px;*/ /* } */ /* #wanttomeet_edit {*/ /* float: left;*/ /* }*/ /* #edit_photo_block, #add_photo_block, #add_photo_block_error, */ /* #member_photos_block, #vote_photo_block {*/ /* width: 280px;*/ /* padding: 10px;*/ /* margin-left: -150px;*/ /* }*/ /* #select_area_block, #member_photo_large {*/ /* width: 280px;*/ /* height: 280px;*/ /* }*/ /* .inp-bg6 {*/ /* width: 120px;*/ /* }*/ /* #title, #tags {*/ /* width: 90px;*/ /* }*/ /* .edit_form_btns {*/ /* width: 80px;*/ /* }*/ /* #upload_field, #upload_error_field {*/ /* width: 276px;*/ /* height: 276px;*/ /* }*/ /* .close2 {*/ /* right: 10px;*/ /* top: 10px;*/ /* }*/ /* #upload_field form, #upload_error_field form {*/ /* top: 70%;*/ /* }*/ /**/ /*--------------My Guests page----------- /* #my_guests_block {*/ /* width: auto;*/ /* padding-bottom: 40px;*/ /* float: none;*/ /* }*/ /* #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, */ /* #similar_profiles ul, #blog_parts ul, #latest_users ul,*/ /* #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, */ /* #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, */ /* #woman_online_tab ul, #couple_online_tab ul {*/ /* text-align: center;*/ /* }*/ /* #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, */ /* #similar_profiles ul li, #latest_users ul li, #vote_history ul li, */ /* #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, */ /* #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, */ /* #woman_online_tab ul li, #couple_online_tab ul li {*/ /* margin: 0px 5px 10px 5px;*/ /* }*/ /* #blog_parts ul li {*/ /* margin: 0px 5px 40px 5px;*/ /* }*/ /* */ /* */ /*--------------My Meetings page----------- /* #my_meetings_block, #contact_block, #manage_profile_block, */ /* #photo_tags_block, #registration_block, #voteforphoto_block, */ /* .content_left {*/ /* width: 100%;*/ /* float: none;*/ /* }*/ /* #meetings_search_top {*/ /* width: 278px;*/ /* margin: 0 auto;*/ /* }*/ /* #meetings_search_top_1 {*/ /* width: 278px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* margin-bottom: 10px;*/ /* }*/ /* #meetings_search_top_2 {*/ /* width: 278px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* margin-bottom: 10px;*/ /* }*/ /* .sel87 select {*/ /* width: 107px;*/ /* }*/ /* .sel87 {*/ /* width: 77px;*/ /* float: left;*/ /* }*/ /**/ /* .sel89 select {*/ /* width: 75px;*/ /* }*/ /* .sel89 {*/ /* width: 45px;*/ /* float: left;*/ /* }*/ /* #search-meeting-btn {*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #like_to_meet, #meet_for {*/ /* padding: 0px 30px 20px 0px;*/ /* }*/ /* */ /*--------------NotLoggedUser page----------- /* #profile_sample {*/ /* width: 100%;*/ /* } */ /* #profile_sample_left {*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #profile_sample_right {*/ /* width: 237px;*/ /* padding-top: 30px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #registry_info_parts {*/ /* width: 270px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #first_registry {*/ /* width: 260px;*/ /* margin: 0 auto;*/ /* float: none;*/ /* }*/ /* .sel91 select {*/ /* width: 287px;*/ /* }*/ /* .sel91 {*/ /* width: 257px;*/ /* float: left;*/ /* }*/ /* .inp-bg7 {*/ /* width: 247px;*/ /* }*/ /* #email_inp, #username_inp, #pass_inp, #city_inp {*/ /* width: 225px;*/ /* }*/ /* .sel_marg_r {*/ /* margin-right: 10px;*/ /* }*/ /* .sel95 select {*/ /* width: 138px;*/ /* }*/ /* .sel95 {*/ /* width: 108px;*/ /* float: left;*/ /* }*/ /* #sign_up_btn {*/ /* float: none;*/ /* margin: 0 auto;*/ /* margin-top: 30px;*/ /* }*/ /* .for320 {*/ /* display: block;*/ /* }*/ /* */ /*--------------Contact page----------- /* #contact_email {*/ /* margin-right: 0;*/ /* }*/ /* #contact_letter_ta {*/ /* width: 100%;*/ /* }*/ /* #contact_send_btn {*/ /* float: none;*/ /* margin-top: 30px;*/ /* }*/ /* #similar_profiles, #blog_parts {*/ /* width: auto;*/ /* margin: 0;*/ /* }*/ /* */ /* */ /*--------------SignedOut page----------- /**/ /* #sing_in2_text { */ /* width: auto;*/ /* float: none;*/ /* padding-top: 0px;*/ /* margin-right: 0px;*/ /* text-align: center;*/ /* padding-bottom: 20px;*/ /* } */ /* #sign_in2 {*/ /* width: 300px;*/ /* padding: 20px 0px;*/ /* margin: 0 auto;*/ /* margin-bottom: 80px;*/ /* }*/ /* #sign_in_btn2 {*/ /* float: none;*/ /* margin: 0 auto;*/ /* margin-top: 20px;*/ /* } */ /* .inp-bg12 {*/ /* width: 213px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* .for_un_inp2 {*/ /* margin-bottom: 10px;*/ /* }*/ /* .for720 {*/ /* display: none;*/ /* }*/ /* #count_online {*/ /* display: none;*/ /* }*/ /* #francerdv_section {*/ /* width: 300px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #francerdv_section ul li {*/ /* width: 140px;*/ /* }*/ /* #sign_in2_right {*/ /* width: auto;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* */ /*-----------Subscribe Popup-----321-- /* #subscribe_block {*/ /* width: 100%;*/ /* padding: 20px 0px; */ /* position: absolute;*/ /* left: 0px;*/ /* top: 80px; */ /* margin: 0;*/ /* }*/ /* #plan_part, #paycard_part {*/ /* width: 300px;*/ /* padding: 0px 10px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* #plan_part {*/ /* margin-bottom: 40px;*/ /* }*/ /* .subscr_h1 {*/ /* text-align: center;*/ /* }*/ /* .for_radio {*/ /* width: 120px;*/ /* }*/ /* .month_cost {*/ /* font-size: 20px;*/ /* }*/ /* .currency { */ /* font-size: 13px;*/ /* top: -7px;*/ /* }*/ /* .subscr_month_cost {*/ /* width: 120px;*/ /* text-align: center;*/ /* padding: 0;*/ /* }*/ /* .radio_place {*/ /* bottom: 10px;*/ /* right: 50%;*/ /* margin: 0px -8px 0px 0px;*/ /* }*/ /* .sale_percent {*/ /* height: 11px;*/ /* font-size: 11px;*/ /* }*/ /* .month_count {*/ /* height: 20px;*/ /* font-size: 20px;*/ /* }*/ /* .total_summ {*/ /* height: 11px;*/ /* font-size: 11px;*/ /* }*/ /* .plan_point {*/ /* width: 168px;*/ /* padding: 20px 120px 20px 10px;*/ /* }*/ /* #paycard_part_text1, #abonement, #total_cost {*/ /* text-align: center;*/ /* }*/ /* #for_paycard_form {*/ /* padding: 10px;*/ /* }*/ /* .card_icon {*/ /* margin: 0px 9px 20px 0px; */ /* } */ /* #pay_form_left, #pay_form_right {*/ /* width: auto;*/ /* float: none;*/ /* }*/ /* #card_num, #holder_name {*/ /* width: 254px;*/ /* }*/ /* .sel62 select {*/ /* width: 90px;*/ /* }*/ /* .sel62 {*/ /* width: 60px;*/ /* }*/ /* .sel63 {*/ /* width: 62px;*/ /* }*/ /* #cid {*/ /* width: 41px;*/ /* }*/ /* #card_exp_date {*/ /* width: 137px;*/ /* float: left;*/ /* }*/ /* #cvc_cvv_cid {*/ /* width: 134px;*/ /* float: right;*/ /* }*/ /* #comment_text {*/ /* padding: 10px 10px 15px 10px;*/ /* }*/ /* .subscr_ftr_text2 {*/ /* padding: 0px 10px 15px 0px;*/ /* }*/ /* */ /*--------------PhotoTags page----------- /* */ /* .profile_left {*/ /* float: none;*/ /* margin: 0 auto;*/ /* margin-bottom: 10px;*/ /* }*/ /* .small_preview_carousel { */ /* width: 233px;*/ /* float: none;*/ /* margin: 0 auto;*/ /* }*/ /* .small_preview2, .small_preview3, .small_preview4 {*/ /* width: 233px;*/ /* height: 72px;*/ /* }*/ /* .small_preview2 a, .small_preview3 a, .small_preview4 a {*/ /* width: 72px;*/ /* height: 72px;*/ /* }*/ /* .carouselLeft2, .carouselLeft3, .carouselLeft4 {*/ /* left: 2px;*/ /* top: 24px;*/ /* }*/ /* .carouselRight2, .carouselRight3, .carouselRight4 {*/ /* right: 2px;*/ /* top: 24px;*/ /* }*/ /* */ /*----------------Registration page-------------- /* #reg_user_name, #reg_password, #reg_email {*/ /* width: 120px; */ /* } */ /* .help_text, #error_for_passw, #did_you_mean {*/ /* width: 135px;*/ /* }*/ /* .sel76 {*/ /* width: 300px;*/ /* }*/ /* .sel77 select {*/ /* width: 328px;*/ /* }*/ /* .sel77 {*/ /* width: 298px;*/ /* }*/ /* #subscribe_btn, #lets_go_btn {*/ /* width: 300px; */ /* } */ /* .sel74 {*/ /* width: 300px;*/ /* }*/ /* .sel75 select {*/ /* width: 328px;*/ /* }*/ /* .sel75 {*/ /* width: 298px;*/ /* }*/ /* */ /*--------------VoteForPhoto------------ /* .voteforphoto_item2, .vote_item {*/ /* width: 300px; */ /* height: 370px; */ /* } */ /* .votephoto_prev, .votephoto_next {*/ /* width: 17px;*/ /* height: 28px;*/ /* top: 140px;*/ /* }*/ /* .votephoto_prev { */ /* background:url('../img/c-prev2.png') no-repeat;*/ /* -pie-background:url('img/c-prev2.png') no-repeat;*/ /* }*/ /* .votephoto_next {*/ /* background:url('../img/c-next2.png') no-repeat;*/ /* -pie-background:url('img/c-next2.png') no-repeat;*/ /* }*/ /* */ /*-------------MyWall----------- /* .date_item {*/ /* width: 240px;*/ /* } */ /* .new_message {*/ /* width: 260px;*/ /* position: absolute;*/ /* right: 50%;*/ /* bottom: 20px;*/ /* margin-right: -140px;*/ /* }*/ /* .new_message_top {*/ /* width: 200px;*/ /* padding-bottom: 10px;*/ /* }*/ /* .read_message_btn { */ /* float: none;*/ /* margin: 0 auto;*/ /* margin-top: 25px;*/ /* }*/ /* .vote_item_popup {*/ /* width: 282px;*/ /* height: 350px;*/ /* }*/ /* #about_tries {*/ /* width: 300px;*/ /* margin: -150px 0px 0px -150px;*/ /* }*/ /**/ /*-----------EditMySubscription--- /* .subscr_left, .subscr_left2 {*/ /* width: auto;*/ /* float: none;*/ /* margin: 0 auto;*/ /* margin-bottom: 20px;*/ /* }*/ /* .subscr_right, .subscr_right2 {*/ /* width: auto;*/ /* float: none;*/ /* margin: 0 auto;*/ /* } */ /* #subscr_stop_bnt { */ /* position: relative;*/ /* right: 0px;*/ /* top: 0px;*/ /* margin: 0 auto;*/ /* }*/ /* .subscr_p1 {*/ /* padding: 10px 0px;*/ /* }*/ /* .subscr_left_top {*/ /* padding-bottom: 5px;*/ /* }*/ /* #search_top_photos {*/ /* width: 200px;*/ /* margin: 0 auto;*/ /* }*/ /* #city2_text {*/ /* padding-right: 0px;*/ /* }*/ /* #gender2, #age2, #chboxes2 {*/ /* padding: 0px 0px 10px 0px;*/ /* }*/ /* #gender2, #age2 {*/ /* width: auto;*/ /* }*/ /* #tries_count {*/ /* top: 20px;*/ /* }*/ /* #chboxes3 {*/ /* float: left;*/ /* }*/ /*}*/ @media (min-width: 400px) { /*--------------ProfileUser page-----------*/ .tab-col1 { width: 170px; } .tab-col2 { width: auto; padding-bottom: 0px; } /*-------------My Messages Page------------*/ .user-miniature-bg2 { width: 360px; } .inp-bg4 { width: 368px; } #messager_search { width: 380px; float: none; margin: 0 auto; } .none3 { position: absolute; top: -9999px; } /*--------------NotLoggedUser page-----------*/ #registry_info_parts { width: 340px; float: none; margin: 0 auto; } /*----------------Registration page--------------*/ #reg_user_name, #reg_password, #reg_email { width: 150px; } .help_text, #error_for_passw, #did_you_mean { width: 158px; } .sel76 { width: 360px; } .sel77 select { width: 388px; } .sel77 { width: 358px; } #subscribe_btn, #lets_go_btn { width: 360px; } #chboxes3 { float: right; } } @media (min-width: 640px) { header { padding: 0px; } #content, #content-centered { padding: 0px 10px; } #f-center2 { padding: 20px 10px 50px 10px; } #messages { display: none; } #logo { left: 50%; margin: 0; margin: 0px 0px 0px -63px; } #btn-left-menu, #btn-left-menu-active { left: 0px; } #for_account, #for_account_active { right: 0px; } .account_name, .down-arrow, .account_name2, .down-arrow2, #site_activity, #site_activity2, .account_name3 { display: none; } #for_top_photos { display: block; } #site_menu ul { width: 350px; padding: 0px 20px; } #site_activity, #site_activity2 { width: 100%; } .h1 { float: left; text-align: center; } #for_progr_bar { display: block; width: 350px; } .slider { width: 330px; } .sel80, .sel82 { width: 80px; } .sel82 select { width: 110px; } #marry_status { width: 155px; } #sexsual_pref { width: 150px; } .sel64 { width: 135px; } .sel64 select { width: 155px; } .sel68 { width: 150px; } .sel68 select { width: 180px; } .sel82, .sel83, .sel85, .sel89, .sel91, .sel93, .sel95, .sel97, .sel99, .sel79, .sel77, .sel75, .sel71, .sel73, .sel68, .sel66, .sel64, .sel62 { display: block; } #name_surn { width: 195px; } .inp-bg15 { width: 165px; border: 1px solid #ccc; } .inp-bg17 { width: 278px; } #name_surname { width: 145px; } #user_name { width: 140px; } .inp-bg16 { width: 110px; } #us_name { width: 100px; } #eye_color { width: 130px; } #hair_type { width: 110px; } .sel66 select { width: 130px; } .sel66 { width: 110px; } #height_selection { padding-bottom: 0px; } #gender { width: 100px; } #for_search { width: 100%; float: none; } /*#for_search_form { width: auto; }*/ #search { width: 580px; margin: 0 auto; padding-bottom: 40px; } /*#search-btn { width: 120px; }*/ .container4 { width: 461px; } .none1280 { display: inline-block; } #user_menu { height: 600px; position: absolute; } #my_profile, #my_photo, #my_messges, #my_events, #my_guests, #my_wall, #my_style, #my_account, #logout { width: 181px; } .h3 { text-align: center; } #new_users_albums ul { text-align: center; } #new_users_albums ul li { margin: 0px 20px 20px 20px; } footer { padding: 0px 20px; } /*--------------ProfileUser page-----------*/ #user_preview_small, #page_title, #information_wanttomeet { display: block; } #logo, #user_preview_large { display: none; } #interests { width: 100%; padding-bottom: 0px; } #int_popart, #int_travel, #int_weather, .none2 { display: block; } #profile-photos, #description, #report_person, #meetings { width: 100%; } #information_wanttomeet { width: 600px; } #information { width: 300px; } .tab-col1 { width: 140px; } .tab-col2 { width: 140px; padding-bottom: 10px; } /*-------------My Messages Page------------*/ #my_messages_block { width: 600px; padding: 0px 0px 75px 0px; float: none; margin: 0 auto; } .none320, #actions_for_messager { display: none; } .user-miniature-bg2 { width: 580px; } .inp-bg4 { width: 588px; } #messager_search { width: auto; float: left; margin: 0 auto; } .none3 { position: absolute; top: -9999px; } .scroll-pane2 { height: 600px; width: 580px; } .inp-bg3 { width: 270px; } #new_message { width: 230px; } #send_message_btn { width: 90px; } #messages-field { float: left; margin: 0px; } #messages-flow { border: none; } /*--------------Edit My Profile page-----------*/ #inf_want_edit { width: 620px; } #wanttomeet_edit { float: right; } #edit_photo_block, #add_photo_block, #add_photo_block_error, #member_photos_block, #vote_photo_block, #vote_photo_block_priv { width: 480px; padding: 20px; margin-left: -260px; } #select_area_block, #member_photo_large { width: 480px; height: 480px; } .inp-bg6 { width: 218px; } #title, #tags { width: 200px; } .edit_form_btns { width: 120px; } #upload_field, #upload_error_field { width: 476px; height: 425px; } .close2 { right: 20px; top: 10px; } #upload_field form, #upload_error_field form { top: 62%; } /*--------------My Guests page-----------*/ #my_guests_block { max-width: 1100px; padding-bottom: 40px; float: none; } #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, #similar_profiles ul, #blog_parts ul, #latest_users ul, #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, #woman_online_tab ul, #couple_online_tab ul { text-align: center; } #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, #similar_profiles ul li, #latest_users ul li, #vote_history ul li, #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, #woman_online_tab ul li, #couple_online_tab ul li { margin: 0px 5px 10px 5px; } #blog_parts ul li { margin: 0px 5px 40px 5px; } /*--------------My Meetings page-----------*/ #my_meetings_block, #contact_block, #manage_profile_block, #photo_tags_block, #registration_block, #voteforphoto_block, .content_left { width: 100%; float: none; } #meetings_search_top { width: 578px; margin: 0 auto; } #meetings_search_top_1 { width: 300px; float: none; margin: 0 auto; margin-bottom: 10px; } #meetings_search_top_2 { width: 300px; float: none; margin: 0 auto; margin-bottom: 10px; } .sel89 select { width: 85px; } .sel89 { width: 55px; float: left; } #search-meeting-btn { float: none; margin: 0 auto; } #like_to_meet, #meet_for { padding: 0px 40px 20px 0px; } /*--------------NotLoggedUser page-----------*/ #profile_sample { width: 535px; } #profile_sample_left { float: left; margin: 0px 20px 0px 0px; } #profile_sample_right { width: 280px; padding-top: 60px; float: left; margin: 0; } #registry_info_parts { width: 490px; float: none; margin: 0 auto; } #first_registry { width: 490px; margin: 0 auto; float: none; } .sel91 select { width: 263px; } .sel91 { width: 233px; float: left; } .inp-bg7 { width: 137px; } #email_inp, #username_inp, #pass_inp, #city_inp { width: 120px; } .sel_marg_r { margin-right: 20px; } .sel95 select { width: 180px; } .sel95 { width: 150px; float: left; } #sign_up_btn { float: right; margin: 0; } .for320 { display: none; } /*--------------Contact page-----------*/ #contact_email { margin-right: 0; } #contact_letter_ta { width: 100%; } #contact_send_btn { margin-top: 0; float: right; } #similar_profiles, #blog_parts { width: auto; margin: 0; } /*--------------SignedOut page-----------*/ #sing_in2_text { width: auto; float: none; padding-top: 0px; margin-right: 0px; text-align: center; padding-bottom: 20px; } #sign_in2 { width: 500px; padding: 30px 50px; margin: 0 auto; margin-bottom: 80px; } #sign_in_btn2 { float: none; margin: 0 auto; margin-top: 20px; } .inp-bg12 { float: left; margin: 0px; } .for_un_inp2 { margin-right: 20px; } .for720 { display: block; } #count_online { display: none; } #francerdv_section { width: 600px; float: none; margin: 0 auto; } #francerdv_section ul li { width: auto; } #sign_in2_right { width: auto; float: none; margin: 0 auto; } /*-----------Subscribe Popup----641---*/ #subscribe_block { width: 500px; padding: 20px; position: absolute; left: 50%; top: 40px; margin: 0px 0px 0px -270px; } #plan_part, #paycard_part { width: 405px; padding: 0px; float: none; margin: 0 auto; } #plan_part { margin-bottom: 40px; } .subscr_h1 { text-align: center; } .for_radio { width: 170px; } .month_cost { font-size: 24px; } .currency { font-size: 18px; top: -8px; } .subscr_month_cost { width: 170px; text-align: left; padding-left: 12px; } .radio_place { bottom: 50%; right: 10px; margin: 0px 0px -8px 0px; } .sale_percent { height: 14px; font-size: 14px; } .month_count { height: 24px; font-size: 24px; } .total_summ { height: 14px; font-size: 14px; } .plan_point { width: 213px; padding: 20px 180px 20px 10px; } #paycard_part_text1, #abonement, #total_cost { text-align: center; } #for_paycard_form { padding: 20px; } .card_icon { margin: 0px 10px 20px 0px; } #pay_form_left { width: 180px; float: left; } #pay_form_right { width: 165px; float: right; } #card_num, #holder_name { width: 158px; } .sel62 select { width: 106px; } .sel62 { width: 74px; } .sel63 { width: 76px; } #cid { width: 54px; } #card_exp_date, #cvc_cvv_cid { width: auto; float: none; } #comment_text { padding: 10px 10px 15px 10px; } .subscr_ftr_text2 { padding: 0px 10px 15px 0px; } /*--------------PhotoTags page-----------*/ .profile_left { float: left; margin: 0; margin-bottom: 10px; } .small_preview_carousel { width: 360px; float: right; margin: 0; } .small_preview2, .small_preview3, .small_preview4 { width: 360px; height: 276px; } .small_preview2 a, .small_preview3 a, .small_preview4 a { width: 230px; height: 276px; } .carouselLeft2, .carouselLeft3, .carouselLeft4 { left: 10px; top: 120px; } .carouselRight2, .carouselRight3, .carouselRight4 { right: 10px; top: 120px; } /*----------------Registration page--------------*/ #reg_user_name, #reg_password, #reg_email { width: 248px; } .help_text, #error_for_passw, #did_you_mean { width: 300px; } .sel76 { width: 270px; } .sel77 select { width: 298px; } .sel77 { width: 268px; } #subscribe_btn, #lets_go_btn { width: 270px; } .sel74 { width: 290px; } .sel75 select { width: 318px; } .sel75 { width: 288px; } /*--------------VoteForPhoto------------*/ .voteforphoto_item2, .vote_item { width: 480px; height: 550px; } .votephoto_prev, .votephoto_next { width: 22px; height: 36px; top: 215px; } .votephoto_prev { background: url('../img/c-prev3.png') no-repeat; -pie-background: url('img/c-prev3.png') no-repeat; } .votephoto_next { background: url('../img/c-next3.png') no-repeat; -pie-background: url('img/c-next3.png') no-repeat; } /*-------------MyWall-----------*/ .date_item { width: 475px; } .new_message { width: 385px; position: fixed; right: 20px; bottom: 20px; margin: 0; } .new_message_top { width: auto; padding-bottom: 20px; } .read_message_btn { float: right; margin: 0; margin-top: 15px; } .vote_item_popup { width: 480px; height: 550px; } #about_tries { width: 600px; margin: -150px 0px 0px -300px; } /*-----------EditMySubscription---*/ .subscr_left, .subscr_left2 { width: auto; float: none; margin: 0 auto; margin-bottom: 20px; } .subscr_right, .subscr_right2 { width: auto; float: none; margin: 0 auto; } #subscr_stop_bnt { position: absolute; right: 10px; top: 15px; margin: 0; } .subscr_p1 { padding: 20px 0px; } .subscr_left_top { padding: 0; } #search_top_photos { width: 350px; margin: 0 auto; } #city2_text { margin: 10px 0px; padding-right: 50px; } #gender2, #age2, #chboxes2 { padding: 0px 10px 10px 0px; } #gender2, #age2 { width: auto; } #tries_count { top: 65px; } #chboxes3 { float: right; } } @media (min-width: 760px) { /*--------------ProfileUser page-----------*/ #site_activity2 { display: none; } #user_preview_large, #logo, #information_wanttomeet { display: block; } #page_title, #user_preview_small { display: none; } #interests { width: 715px; padding-bottom: 0px; } #int_popart, #int_travel, #int_mars, #int_weather, .none2 { display: block; } #profile-photos, #description, #report_person, #meetings { width: 715px; } #information_wanttomeet { width: 715px; } #information { width: 405px; } .tab-col1 { width: 170px; } .tab-col2 { width: auto; padding-bottom: 0px; } /*-------------My Messages Page------------*/ #my_messages_block { width: 715px; padding: 20px 0px 0px 0px; float: none; margin: 0 auto; } .none320, #actions_for_messager { display: block; } .user-miniature-bg2 { width: 230px; } .inp-bg4 { width: 223px; } .none3 { position: relative; top: 0px; } .scroll-pane2 { height: 600px; width: 443px; } .inp-bg3 { width: 270px; } #new_message { width: 230px; } #send_message_btn { width: 90px; } #messages-field { float: left; margin: 0px; } #messages-flow { border: 1px solid #eeeeee; } /*--------------Edit My Profile page-----------*/ #inf_want_edit { width: 715px; } #wanttomeet_edit { float: right; } #edit_photo_block, #add_photo_block, #add_photo_block_error, #member_photos_block, #vote_photo_block, #vote_photo_block_priv { width: 480px; padding: 20px; margin-left: -260px; } #select_area_block, #member_photo_large { width: 480px; height: 480px; } .inp-bg6 { width: 218px; } #title, #tags { width: 200px; } .edit_form_btns { width: 120px; } #upload_field, #upload_error_field { width: 476px; height: 425px; } .close2 { right: 20px; top: 10px; } #upload_field form, #upload_error_field form { top: 62%; } /*--------------My Guests page-----------*/ #my_guests_block { max-width: 1100px; padding-bottom: 50px; float: none; } #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, #similar_profiles ul, #blog_parts ul, #latest_users ul, #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, #woman_online_tab ul, #couple_online_tab ul { text-align: justify; } #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, #similar_profiles ul li, #latest_users ul li, #vote_history ul li, #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, #woman_online_tab ul li, #couple_online_tab ul li { margin: 0px 0px 10px 0px; } #blog_parts ul li { margin: 0px 5px 40px 5px; } /*--------------My Meetings page-----------*/ #my_meetings_block, #contact_block, #manage_profile_block, #photo_tags_block, #registration_block, #voteforphoto_block, .content_left { width: 100%; float: none; } #meetings_search_top { width: 693px; margin: 0 auto !important; } #meetings_search_top_1 { width: 300px; float: left; margin: 0; } #meetings_search_top_2 { width: 300px; float: left; margin: 0; } .sel89 select { width: 85px; } .sel89 { width: 55px; float: left; } #search-meeting-btn { float: right; margin: 0; } #like_to_meet, #meet_for { padding: 0px 60px 20px 0px; } /*--------------NotLoggedUser page-----------*/ #profile_sample { width: 535px; } #profile_sample_left { float: left; margin: 0px 20px 0px 0px; } #profile_sample_right { width: 280px; padding-top: 60px; float: left; margin: 0; } #registry_info_parts { width: 490px; margin: 0 auto; float: none; } #first_registry { width: 490px; margin: 0 auto; float: none; } .sel91 select { width: 263px; } .sel91 { width: 233px; float: left; } .inp-bg7 { width: 137px; } #email_inp, #username_inp, #pass_inp, #city_inp { width: 120px; } .sel_marg_r { margin-right: 20px; } .sel95 select { width: 180px; } .sel95 { width: 150px; float: left; } #sign_up_btn { float: right; margin: 0; } .for320 { display: none; } /*--------------Contact page-----------*/ #contact_email { margin-right: 50px; } #contact_letter_ta { width: 100%; } #contact_send_btn { margin-top: 0; float: right; } #similar_profiles, #blog_parts { width: 500px; margin: 0 auto; } /*--------------SignedOut page-----------*/ #sing_in2_text { width: auto; float: none; padding-top: 0px; margin-right: 0px; text-align: center; padding-bottom: 20px; } #sign_in2 { width: 500px; padding: 30px 50px; margin: 0 auto; margin-bottom: 80px; } #sign_in_btn2 { float: none; margin: 0 auto; margin-top: 20px; } .inp-bg12 { float: left; margin: 0px; } .for_un_inp2 { margin-right: 20px; } .for720 { display: block; } #count_online { display: none; } #francerdv_section { width: 600px; float: none; margin: 0 auto; } #francerdv_section ul li { width: auto; } #sign_in2_right { width: auto; float: none; margin: 0 auto; } /*-----------Subscribe Popup-------*/ /*--------------PhotoTags page-----------*/ .profile_left { float: left; margin: 0; margin-bottom: 10px; } .small_preview_carousel { width: 470px; float: right; margin: 0; } .small_preview2, .small_preview3, .small_preview4 { width: 470px; height: 276px; } .small_preview2 a, .small_preview3 a, .small_preview4 a { width: 230px; height: 276px; } .carouselLeft2, .carouselLeft3, .carouselLeft4 { left: 10px; top: 120px; } .carouselRight2, .carouselRight3, .carouselRight4 { right: 10px; top: 120px; } /*----------------Registration page--------------*/ #reg_user_name, #reg_password, #reg_email { width: 298px; } .help_text, #error_for_passw, #did_you_mean { width: 370px; } .sel76 { width: 320px; } .sel77 select { width: 348px; } .sel77 { width: 318px; } #subscribe_btn, #lets_go_btn { width: 320px; } .sel74 { width: 320px; } .sel75 select { width: 348px; } .sel75 { width: 318px; } /*--------------VoteForPhoto------------*/ .voteforphoto_item2, .vote_item { width: 480px; height: 550px; } .votephoto_prev, .votephoto_next { width: 22px; height: 36px; top: 215px; } .votephoto_prev { background: url('../img/c-prev3.png') no-repeat; -pie-background: url('img/c-prev3.png') no-repeat; } .votephoto_next { background: url('../img/c-next3.png') no-repeat; -pie-background: url('img/c-next3.png') no-repeat; } /*-------------MyWall-----------*/ .date_item { width: 715px; } .new_message { width: 385px; position: fixed; right: 20px; bottom: 20px; margin: 0; } .new_message_top { width: auto; padding-bottom: 20px; } .read_message_btn { float: right; margin: 0; margin-top: 15px; } .vote_item_popup { width: 480px; height: 550px; } #about_tries { width: 600px; margin: -150px 0px 0px -300px; } /*-----------EditMySubscription---*/ .subscr_left { width: 460px; float: left; margin: 0; } .subscr_right { width: 235px; float: right; margin: 0; } #subscr_stop_bnt { position: absolute; right: 10px; top: 15px; margin: 0; } .subscr_p1 { padding: 20px 0px; } .subscr_left_top { padding: 0; } .subscr_left2 { width: 458px; float: left; margin: 0; } .subscr_right2 { width: 233px; float: right; margin: 0; } #search_top_photos { width: auto; margin: 0; } #city2_text { margin: 10px 0px; padding-right: 10px; } #gender2, #age2, #chboxes2 { float: left; margin: 0; padding: 0px 10px 10px 0px; } #gender2, #age2 { width: auto; } #tries_count { top: 65px; } #chboxes3 { float: right; } } @media (min-width: 990px) { header { padding: 0px 0px 0px 20px; } #content, #content-centered { padding: 0px 20px; } #f-center2 { padding: 20px 20px 50px 20px; } #messages { display: block; } #logo { left: 0px; margin: 0; } #btn-left-menu, #btn-left-menu-active { left: 170px; } .account_name, .down-arrow, .account_name2, .down-arrow2, #for_search, #for_top_photos, .account_name3 { display: block; } #for_account, #for_account_active { right: 62px; } #site_menu ul { width: 365px; padding: 0px 20px; } #site_activity, #site_activity2 { display: block; width: 233px; } .h1 { float: left; } #for_progr_bar { display: block; width: 450px; } .slider { width: 430px; } .sel80 { width: 140px; } #marry_status { width: 170px; } #sexsual_pref { width: 170px; } .sel64 { width: 150px; } .sel64 select { width: 180px; } .sel68 { width: 170px; } .sel68 select { width: 200px; } .sel82, .sel83, .sel85, .sel87, .sel89, .sel91, .sel93, .sel95, .sel97, .sel99, .sel79, .sel77, .sel75, .sel71, .sel73, .sel68, .sel66, .sel64, .sel62 { display: none; } #name_surn { width: 245px; } .inp-bg15 { width: 215px; border: 1px solid #ccc; } .inp-bg17 { width: 298px; } #name_surname { width: 195px; } #user_name { width: 170px; } .inp-bg16 { width: 140px; } #us_name { width: 130px; } #eye_color { width: 135px; } #hair_type { width: 115px; } .sel66 select { width: 145px; } .sel66 { width: 115px; } #height_selection { padding-bottom: 0px; } .lineForm { display: block; } #gender { width: 160px; } #for_search { width: 693px; float: left; } /*#for_search_form { width: 673px; }*/ #search { width: 673px; padding-bottom: 0px; } /*#search-btn { width: 120px; }*/ .container4 { width: 231px; } .none1280 { display: inline-block; } #user_menu { height: 89%; position: fixed; } #my_profile, #my_photo, #my_messges, #my_events, #my_guests, #my_wall, #my_style, #my_account, #logout { width: 200px; } .h3 { text-align: left; } #new_users_albums ul { text-align: justify; } #new_users_albums ul li { margin: 0px 0px 20px 0px; } footer { padding: 0px 20px; } /*--------------ProfileUser page-----------*/ #user_preview_large, #logo, #information_wanttomeet { display: block; } #page_title, #user_preview_small { display: none; } #interests { width: 715px; padding-bottom: 0px; } #int_popart, #int_travel, #int_mars, #int_weather, .none2 { display: block; } #profile-photos, #description, #report_person, #meetings { width: 715px; } #information_wanttomeet { width: 715px; } #information { width: 405px; } .tab-col1 { width: 170px; } .tab-col2 { width: auto; padding-bottom: 0px; } /*-------------My Messages Page------------*/ #my_messages_block { width: 715px; padding: 20px 0px 0px 0px; margin: 0px; float: left; } .none320, #actions_for_messager { display: block; } .user-miniature-bg2 { width: 230px; } .inp-bg4 { width: 223px; } .none3 { position: relative; top: 0px; } .scroll-pane2 { height: 600px; width: 443px; } .inp-bg3 { width: 270px; } #new_message { width: 230px; } #send_message_btn { width: 90px; } #messages-field { float: left; margin: 0px; } #messages-flow { border: 1px solid #eeeeee; } /*--------------Edit My Profile page-----------*/ #inf_want_edit { width: 715px; } #wanttomeet_edit { float: right; } #edit_photo_block, #add_photo_block, #add_photo_block_error, #member_photos_block, #vote_photo_block, #vote_photo_block_priv { width: 480px; padding: 20px; margin-left: -260px; } #select_area_block, #member_photo_large { width: 480px; height: 480px; } .inp-bg6 { width: 218px; } #title, #tags { width: 200px; } .edit_form_btns { width: 120px; } #upload_field, #upload_error_field { width: 476px; height: 425px; } .close2 { right: 20px; top: 9px; } #upload_field form, #upload_error_field form { top: 62%; } /*--------------My Guests page-----------*/ /* #my_guests_block { width: 715px; padding-bottom: 100px; float: left; }*/ #my_guests_tab ul, #my_admirers_tab ul, #ready_to_meet ul, #similar_profiles ul, #blog_parts ul, #latest_users ul, #vote_history ul, #pages_styles ul, #game1_tab ul, #game2_tab ul, #game3_tab ul, #game4_tab ul, #all_online_tab ul, #man_online_tab ul, #woman_online_tab ul, #couple_online_tab ul { text-align: justify; } #my_guests_tab ul li, #my_admirers_tab ul li, #ready_to_meet ul li, #similar_profiles ul li, #blog_parts ul li, #latest_users ul li, #vote_history ul li, #pages_styles ul li, #game1_tab ul li, #game2_tab ul li, #game3_tab ul li, #game4_tab ul li, #all_online_tab ul li, #man_online_tab ul li, #woman_online_tab ul li, #couple_online_tab ul li { margin: 0px 0px 10px 0px; } /*--------------My Meetings page-----------*/ #contact_block, #manage_profile_block, #photo_tags_block, #registration_block, #voteforphoto_block, .content_left { width: 715px; float: left; } .content_left { width: 770px; float: left; } #meetings_search_top { width: 693px; margin: 0; } #meetings_search_top_1 { width: 300px; float: left; margin: 0; } #meetings_search_top_2 { width: 300px; float: left; margin: 0; } .sel89 select { width: 85px; } .sel89 { width: 55px; float: left; } #search-meeting-btn { float: right; margin: 0; } #like_to_meet, #meet_for { padding: 0px 60px 20px 0px; } /*--------------NotLoggedUser page-----------*/ #profile_sample { width: 535px; } #profile_sample_left { float: left; margin: 0px 20px 0px 0px; } #profile_sample_right { width: 280px; padding-top: 60px; float: left; margin: 0; } #registry_info_parts { width: auto; margin: 0; float: left; } #first_registry { width: 490px; margin: 0; float: right; } .inp-bg7 { width: 137px; } #email_inp, #username_inp, #pass_inp, #city_inp { width: 120px; } .sel_marg_r { margin-right: 20px; } #sign_up_btn { float: right; margin: 0; } .for320 { display: none; } /*--------------Contact page-----------*/ #contact_email { margin-right: 50px; } #contact_letter_ta { width: 673px; } #contact_send_btn { margin-top: 0; float: right; } #similar_profiles, #blog_parts { width: auto; margin: 0; } /*--------------SignedOut page-----------*/ #sing_in2_text { width: 195px; float: left; padding-top: 7px; margin-right: 8px; text-align: left; padding-bottom: 0px; } #sign_in2 { width: auto; padding: 40px 15px; margin: 0px 0px 80px 0px; } #sign_in_btn2 { margin: 0; float: right; } .inp-bg12 { float: left; margin: 0px; } .for_un_inp2 { margin-right: 12px; } .for720 { display: none; } #count_online { display: block; } #francerdv_section { width: 660px; float: left; margin: 0; margin-right: 80px; } #francerdv_section ul li { width: auto; } #sign_in2_right { width: 720px; float: right; margin: 0; } /*-----------Subscribe Popup----991---*/ #subscribe_block { width: 830px; padding: 20px; position: absolute; left: 50%; top: 40px; margin: 0px 0px 0px -415px; } #plan_part { width: 405px; float: left; margin: 0; padding: 0px; } #paycard_part { width: 405px; float: right; margin: 0; padding: 0px; } .subscr_h1 { text-align: left; } .for_radio { width: 170px; } .month_cost { font-size: 24px; } .currency { font-size: 18px; top: -8px; } .subscr_month_cost { width: 170px; text-align: left; padding-left: 12px; } .radio_place { bottom: 50%; right: 10px; margin: 0px 0px -8px 0px; } .sale_percent { height: 14px; font-size: 14px; } .month_count { height: 24px; font-size: 24px; } .total_summ { height: 14px; font-size: 14px; } .plan_point { width: 213px; padding: 20px 180px 20px 10px; } #paycard_part_text1, #abonement, #total_cost { text-align: left; } #for_paycard_form { padding: 20px; } .card_icon { margin: 0px 10px 20px 0px; } #pay_form_left { width: 180px; float: left; } #pay_form_right { width: 165px; float: right; } #card_num, #holder_name { width: 158px; } .sel62 select { width: 106px; } .sel62 { width: 74px; } .sel63 { width: 76px; } #cid { width: 54px; } #card_exp_date, #cvc_cvv_cid { width: auto; float: none; } #comment_text { padding: 10px 0px 15px 0px; } .subscr_ftr_text2 { padding: 0px 0px 15px 0px; } /*--------------PhotoTags page-----------*/ .profile_left { float: left; margin: 0; margin-bottom: 10px; } .small_preview_carousel { width: 470px; float: right; margin: 0; } .small_preview2, .small_preview3, .small_preview4 { width: 470px; height: 276px; } .small_preview2 a, .small_preview3 a, .small_preview4 a { width: 230px; height: 276px; } .carouselLeft2, .carouselLeft3, .carouselLeft4 { left: 10px; top: 120px; } .carouselRight2, .carouselRight3, .carouselRight4 { right: 10px; top: 120px; } /*----------------Registration page--------------*/ #reg_user_name, #reg_password, #reg_email { width: 298px; } .help_text, #error_for_passw, #did_you_mean { width: 370px; } .sel76 { width: 320px; } .sel77 select { width: 348px; } .sel77 { width: 318px; } #subscribe_btn, #lets_go_btn { width: 320px; } .sel74 { width: 320px; } .sel75 select { width: 348px; } .sel75 { width: 318px; } /*--------------VoteForPhoto------------*/ .voteforphoto_item2, .vote_item { width: 480px; height: 550px; } .votephoto_prev, .votephoto_next { width: 22px; height: 36px; top: 215px; } .votephoto_prev { background: url('../img/c-prev3.png') no-repeat; -pie-background: url('img/c-prev3.png') no-repeat; } .votephoto_next { background: url('../img/c-next3.png') no-repeat; -pie-background: url('img/c-next3.png') no-repeat; } /*-------------MyWall-----------*/ .date_item { width: 715px; } .new_message { width: 385px; position: fixed; right: 20px; bottom: 20px; margin: 0; } .new_message_top { width: auto; padding-bottom: 20px; } .read_message_btn { float: right; margin: 0; margin-top: 15px; } .vote_item_popup { width: 480px; height: 550px; } #about_tries { width: 600px; margin: -150px 0px 0px -300px; } /*-----------EditMySubscription---*/ .subscr_left { width: 460px; float: left; margin: 0; } .subscr_right { width: 235px; float: right; margin: 0; } #subscr_stop_bnt { position: absolute; right: 10px; top: 15px; margin: 0; } .subscr_p1 { padding: 20px 0px; } .subscr_left_top { padding: 0; } .subscr_left2 { width: 458px; float: left; margin: 0; } .subscr_right2 { width: 233px; float: right; margin: 0; } #search_top_photos { width: auto; margin: 0; } #city2_text { margin: 10px 0px; padding-right: 10px; } #gender2, #age2, #chboxes2 { float: left; margin: 0; padding: 0px 10px 10px 0px; } #gender2 { width: 145px; } #age2 { width: 170px; } #tries_count { top: 65px; } #chboxes3 { float: right; } } @media (min-width: 1070px) { #site_activity { width: 310px; } #site_activity2 { width: 280px; } /*--------------ProfileUser page-----------*/ } @media (min-width: 1120px) { #site_activity { width: 350px; } #site_activity2 { width: 320px; } #sing_in2_text { width: auto; float: left; padding-top: 18px; margin-right: 0; text-align: left; padding-bottom: 0px; } /*--------------ProfileUser page-----------*/ } @media (min-width: 1180px) { #site_activity, #site_activity2 { width: 420px; } #site_activity2 { width: 390px; } /*--------------ProfileUser page-----------*/ } @media (min-width: 1250px) { #site_activity, #site_activity2 { width: 480px; } #site_activity2 { width: 450px; } .container4 { width: 461px; } .inp-bg4 { width: 223px; } /*--------------ProfileUser page-----------*/ #content-centered { width: 1210px; padding: 0px 20px; margin: 0 auto; } #f-center2 { width: 1210px; padding: 20px 20px 50px 20px; margin: 0 auto; } } .cookie_banniere_txt { width: auto; padding-left: 15px; padding-right: 15px; } .cookie_banniere .x { right: 10px; font-weight: bold; position: fixed; cursor: pointer; } /**fast regist **/ #fast_regist_form .selectedOptText { font-size: 16px; color: #323232; /*left: 0!important; */ position: relative; } .chbox_lookfor_fast_regist { width: 100%; /*margin-left: 10%; */ } #as-popup #lets_go_btn { width: 100%; } #as-popup #chboxes { width: 100%; } .customSelectWrap_user_age { /*text-align: center;*/ } #user_age_select { height: 100%; font-size: 100%; } .ma_recherche_label { width: 100%; /*text-align: center;*/ } .radio_mygender_fast_regist { /*margin-left: 10%;*/ width: 100%; } .mon_age_label { width: 100%; /*text-align: center;*/ } .ma_ville_label { width: 100%; /*text-align: center;*/ } #as-popup { width: 100%; height: 100%; top: 48px; left: 0; position: absolute; z-index: 9999; } #as-popup .fog { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 10; } #as-popup .chbox { width: 31%!important; } #as-popup .radio { width: 31%!important; } #as-popup .content { width: 570px; padding: 45px 45px 40px 45px; box-sizing: border-box; background-color: #ffffff; position: relative; margin: 0 auto; z-index: 20; } #as-popup .close { width: 25px; height: 25px; cursor: pointer; position: absolute; top: 20px; right: 20px; background: url('../img/close.png') no-repeat; -pie-background: url('../img/close.png') no-repeat; background-size: 100% 100%; } #as-popup .h1 { display: block; padding-bottom: 5px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 19px; color: #2968b5; line-height: 1.2; width: 100%; } #as-popup .txt-1 { display: block; padding-bottom: 55px; /*text-align: center;*/ font-weight: 700; font-size: 17px; color: #323232; line-height: 1.3; } #as-popup .input-ville { width: 100%; height: 45px; padding-top: 12px; border: 1px solid #e1e1e1; box-sizing: border-box; background-color: #fcfcfc; margin-bottom: 50px; position: relative; z-index: 10; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } #as-popup .input-ville input { -webkit-appearance: textfield; display: block; width: 93%; color: #323232; font-size: 16px; text-align: left; margin: 0 auto; border: none; background: none; } #as-popup .input-ville input::-webkit-input-placeholder { color: #323232; } #as-popup .input-ville input:-moz-placeholder { color: #323232; } #as-popup .label-1, #as-popup .label-2 { display: block; color: #323232; font-size: 16px; font-weight: 700; position: absolute; top: -26px; left: 0; } #as-popup .ville-suggest { width: 100%; height: 180px; overflow-y: scroll; background-color: #fcfcfc; border: 1px solid #e1e1e1; position: absolute; top: 100%; left: -1px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } #as-popup .ville-suggest a { display: block; font-size: 16px; color: #323232; padding: 10px 15px; } #as-popup .ville-suggest a:hover { background-color: #2968b5; color: #ffffff; } .customSelectWrap { visibility: hidden; width: 100%; height: 45px; background-color: #fcfcfc; border: 1px solid #e1e1e1; box-sizing: border-box; font-size: 16px; color: #323232; position: relative; margin-bottom: 85px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .selTop { cursor: pointer; position: relative; } .selDropDown { display: none; overflow-y: scroll; cursor: pointer; position: absolute; left: 0; z-index: 1000; background-color: #fcfcfc; border: 1px solid #e1e1e1; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .selDownArrow { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 50%; right: 10px; margin-top: -10px; /*background: url('../images/select-arrow.png') no-repeat; Stephan: le 24/04/2018 car ce fichier n existe plus (erreur 404) et la fleche est geree par des border */ /*-pie-background: url('images/select-arrow.png') no-repeat; */ background-size: 100% 100%; } .selDropDown p { line-height: 1; padding: 0px; margin: 0px; padding: 10px 0px 10px 15px; background: none; } .selectedOptText { display: block; line-height: 1; position: absolute; left: 15px; top: 50%; margin-top: -9px; color: #3097de !important; } .customSelectWrap select { line-height: 1; background: none; border: none; } #radios, #chboxes { position: relative; text-align: left; } #radios, #chboxes { margin-bottom: 40px; } #as-popup .label-2 { top: -60px; } .radio, .chbox { display: block; position: relative; cursor: pointer; } .radio .input-wrap, .chbox .input-wrap { display: block; position: absolute; top: 0px; left: 0px; overflow: hidden; } /* .radio input, .chbox input { position: absolute; top: -999px; } */ .radio.type-1 { display: inline-block; width: 140px; padding: 2px 0px 0px 30px; box-sizing: border-box; text-align: left; color: #613833; font-size: 15px; line-height: 1; margin: 0 0 10px 5px; } .radio.type-1 .input-wrap { width: 20px; height: 20px; } .radio.type-1 .input-wrap.checked { background: url('../images/radio.png') no-repeat bottom; background-size: cover; } .radio.type-1 .input-wrap.no-checked { background: url('../images/radio.png') no-repeat top; background-size: cover; } .chbox.type-1 { display: inline-block; width: 140px; padding: 2px 0px 0px 30px; box-sizing: border-box; text-align: left; color: #613833; font-size: 15px; line-height: 1; margin: 0 0 10px 5px; } .chbox.type-1 .input-wrap { width: 20px; height: 20px; } .chbox.type-1 .input-wrap.checked { background: url('../images/radio.png') no-repeat bottom; background-size: cover; } .chbox.type-1 .input-wrap.no-checked { background: url('../images/radio.png') no-repeat top; background-size: cover; } .valider-btn { display: block; width: 100%; height: 70px; background-color: #3096de; color: #ffffff; font-size: 20px; font-weight: 500; cursor: pointer; border: none; margin-bottom: 30px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } #as-popup #as-popup-submit { display: none; } #as-popup .link-1 { display: block; font-size: 17px; color: #2968b5; text-decoration: underline; padding-bottom: 10px; line-height: 1.2; text-align: center; } #as-popup .txt-2 { display: block; padding-top: 20px; text-align: center; font-size: 17px; color: #323232; } .error { display: none; padding: 7px 10px; font-size: 14px; color: #ffffff; background-color: #cc0000; text-align: left; cursor: pointer; position: absolute; top: -1px; right: -1px; z-index: 5; } #all-msg-menu.active { background: url(../img/message-gris.png) no-repeat center; background-size: contain; } #all-msg-menu.no-active { background: url(../img/message-blanc.png) no-repeat center; background-size: contain; } #friends-msg-menu.active { background: url(../img/favorite-gris.png) no-repeat center; background-size: contain; } #friends-msg-menu.no-active { background: url(../img/favorite-blanc.png) no-repeat center; background-size: contain; } #online-msg-menu.active { background: url(../img/online_users_gris.png) no-repeat center; background-size: contain; } #online-msg-menu.no-active { background: url(../img/online_users_blanc.png) no-repeat center; background-size: contain; } #contacts-msg-menu.no-active { background: url(../img/mes-contacts-blanc.png) no-repeat center; background-size: contain; } #contacts-msg-menu.active { background: url(../img/mes-contacts-gris.png) no-repeat center; background-size: contain; } #blocked-msg-menu.no-active { background: url(../img/black-lists-blanc.png) no-repeat center; background-size: contain; } #blocked-msg-menu.active { background: url(../img/black-lists-gris.png) no-repeat center; background-size: contain; } .no_bg { background: none !important; } /* Surcharge */ #my_guests_tab ul { text-align: left !important; /* stephan : pour le bug (Mantis 2307) dans Mes visiteur : quand il n'y a pas 4 profils sur la même ligne, ca affichait un profil à gauche et un à droite */ } #my_guests_tab ul li { margin: 0px 20px 10px 20px !important; }