.html_checkbox_menu{min-width:15px;height:14px;cursor:pointer;float:left;padding-left:20px;background:url("../images/checkbox.gif") no-repeat 0px -14px} .html_checkbox_menu:hover{background:url("../images/checkbox.gif") no-repeat 0px -42px} .html_checked_menu{background:url("../images/checkbox.gif") no-repeat;} .html_checked_menu:hover{background:url("../images/checkbox.gif") no-repeat 0px -28px} .im-mess--reply { display: block; float: right; width: 24px; height: 24px; margin-top: -3px; opacity: 0.7; background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat; } .im-mess--reply:hover { opacity: 1; } .im-page-action_star { position: relative; display: inline-block; vertical-align: middle; margin: 10px; margin-right: 0px; padding: 0; width: 36px; height: 26px; border: 0; opacity: .7; cursor: pointer; border-bottom: 2px solid transparent; background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat; } .im-page-action_star:hover { opacity: 1; } .ui_calendar_icon { float: right; margin: 7px 10px 0 0; width: 15px; height: 15px; background: url(/images/calendar.png?2) no-repeat 0 0; opacity: 0.75; filter: alpha(opacity=75); } .ui_calendar_icon:hover { opacity: 1; -webkit-filter: none; filter: none; cursor:pointer; } .padcont { background: none; border-radius: none; margin-bottom: none; border: none; min-width: none; } .online_ic { margin-top: -21px; } .wall_attach_photo img { width: 510px; } .nim-dialog--mute { margin-top: 4px; margin-left: 6px; margin-right: 6px; width: 11px; height: 13px; background: url(/images/mute_icons.png) no-repeat 0 0px; } .ui_actions_menu_sep { border-top: 1px solid #dbe4ec; margin: 4px 13px; } .selected .nim-dialog--mute { background-position: 0 -17px; opacity: 0.65; } .nim-dialog--close { border: none; background: none; color: #2a5885; font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif; font-size: 13px; outline: 0; padding: 0; line-height: 1; background: url('data:image/svg+xml;charset=utf-8,'); position: absolute; display: none; right: 8px; opacity: 0.7; width: 12px; height: 12px; z-index: 1; margin-top: 6px; } .dialog:hover .nim-dialog--close { display: block; } .dialog:hover .date { display: none; } .nim-dialog--close:hover { opacity: 1; } .dialog{height: 63px;width: 100%;padding: 9px 0 0 10px;display:flex;box-sizing: border-box;} .dialog:hover{cursor:pointer;background: #f5f7fa;} .dialog.selected{cursor:pointer;background: #7293b6;} .dialog .online_mobile{background-image: url('data:image/svg+xml;charset=utf-8,');bottom: 6px;right: 4px;position: absolute;border: 2px solid #fff;border-radius: 3px;background-size: cover;background-color: #f5f7fa;height: 11px;width: 7px;} .dialog .text{ text-overflow: ellipsis;overflow: hidden;font-size: 12.5px;color: #656565;} .dialog .date {opacity: 0.7;margin: auto;margin-right: 0;color: #777e8c;font-size: 12.5px;} .dialog .name{color: #222; font-size: 12.5px; font-weight: 500; -webkit-font-smoothing: subpixel-antialiased; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .dialog .rightblock {width: 203px; margin-left: 8px; padding-right: 10px; line-height: 22px; border-bottom: solid 1px; border-bottom-color: #e3e4e8;} .im-page--dialogs-settings { width: 18px; height: 18px; display: block; float: right; background: url(/templates/Default/images/im/msg_cog.png); margin: 14px; animation: none; } .dialog.selected .name, .dialog.selected .text, .dialog.selected .date{color:#FFF;} .dialog.selected .rightblock{border-bottom:0} .im-page--center-empty { position: absolute; width: 180px; height: 115px; top: 50%; left: 50%; margin-left: -90px; margin-top: -90px; box-sizing: border-box; color: #929eb0; line-height: 22px; text-align: center; padding-top: 86px; background: url(/templates/Default/images/im/empty_icon.png) no-repeat top; } .im-dialog-select { width: 14px; height: 14px; display: inline-block; vertical-align: top; z-index: 10; padding: 18px 15px 16px 10px; cursor: pointer; } .im-dialog-select:hover .im-dialog-select--btn { opacity: 1; } .im-dialog-select .im-dialog-select--btn { width: 100%; height: 100%; background: url('data:image/svg+xml;charset=utf-8,') top no-repeat; display: block; padding: 0; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s, -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; outline: 0; cursor: pointer; border: none; opacity: .8; } .im_no_read{ margin-top: 8px; margin-left: auto; margin-right: 0; display: block; overflow: hidden; border-radius: 50%; padding: 0; width: 8px; height: 8px; background: rgba(147,173,200,.9); display:none; } .im_no_read2 { padding: 0 6px; border-radius: 18px; background: #7293b6; color: #fff; font-size: 11px; font-weight: 500; text-align: center; height: 18px; line-height: 18px; margin-top: 2px; margin-left: auto; margin-right: 0; } .im_user_search_button{ background: url(/templates/Default/images/im/search_icon.png) 0 0 no-repeat; width: 16px;height: 16px;opacity: .7;margin: auto;margin-right: 0;cursor: pointer; margin-right: 6px; margin-left: 6px; display: block; } .im_user_search_button:hover{opacity:1} .im_functions_button{ background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjODI4QTk5IiBkPSJNNSAxNGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJ6bTcgMGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJ6bTcgMGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJ6Ij48L3BhdGg+PC9zdmc+"); margin-left: 6px;cursor: pointer; width: 24px; height: 24px; margin-top: 11px; margin-left: 6px;cursor: pointer; } .im_functions_button:hover{opacity:1} .attach_button { cursor:pointer; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzgyOEE5OSIgZD0iTTExLjkgMTkuNmMtMS40IDEuNC00LjUgMS4xLTYtLjRzLTEuNy00LjQtLjQtNS44bDkuNi05LjNjMS0uOSAyLjYtLjkgMy41IDBzMS4zIDIuOC4zIDMuN2wtOC4xIDcuOWMtLjQuMy0xLjEuMy0xLjQgMC0uNC0uMy0uNC0xIDAtMS40bDYuMi02Yy4zLS4zLjMtLjcgMC0xLS4zLS4zLS44LS4zLTEuMSAwbC02LjIgNmMtMS4xIDEtMS4xIDIuNCAwIDMuNHMyLjUgMSAzLjYgMGw4LjEtNy44YzEuNi0xLjUgMS4yLTQuMy0uMy01LjgtMS42LTEuNS00LjEtMS41LTUuNiAwbC05LjYgOS4zYy0yLjEgMi4xLTEuOCA1LjguNCA3LjlzNiAyLjQgOC4xLjNsNy42LTcuNGMuMy0uMy4zLS43IDAtMS0uMy0uMy0uOC0uMy0xLjEgMGwtNy42IDcuNHoiPjwvcGF0aD48L3N2Zz4=");width: 24px; height: 24px; margin: auto; margin-left: 0; margin-top: 6px; margin-right: 10px; } .icon-star-1 { background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat; width: 24px; height: 24px; opacity: 0.4;content: none; font-family: -webkit-body; } .icon-star-2, .icon-star-1:hover { background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat; width: 24px; height: 24px; opacity: 1;content: none; font-family: -webkit-body; } .im-page--selected-messages-remove { width: 10px; height: 10px; background: url('data:image/svg+xml;charset=utf-8,') 0 0 no-repeat; opacity: 0.6; cursor: pointer; margin: auto;margin-left: 10px; } .im-page--selected-messages-remove:hover { opacity: 1; } .im-mess--check { visibility:hidden; margin-top: 8px; width: 17px; height: 17px; display: block; background: url(/images/msg_check.png) no-repeat; } .im_msg:hover .im-mess--check { opacity:0.6; visibility: visible; } .im_msg.selected .im-mess--check { opacity:1; visibility: visible; } .ui_actions_menu_item { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; position: relative; height: 30px; line-height: 30px; padding: 0 15px; color: #2a5885; outline: none; } .ui_actions_menu_item:hover { cursor:pointer; text-decoration: none; background-color: #e4eaf0; } #menu_dialog::after { bottom: -17px; left: 226px; font-size: 19px; position: absolute; content: '▼'; color: #fff; text-shadow: 0 2px 2px rgb(197, 208, 219), rgba(0, 0, 0, 0.1) 0px 1px 3px; } #menu_user_attach_dialog::after { bottom: -16px; left: 6px; font-size: 19px; position: absolute; content: '▼'; color: #fff; text-shadow: 0 2px 2px rgb(197, 208, 219), rgba(0, 0, 0, 0.1) 0px 1px 3px; } .cnotification_sound_off:before { content: ""; width: 20px; height: 15px; background: url(/images/im_actions.png?6) no-repeat 5px -203px!important; display: inline-block; padding-left: 15px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; } .cnotification_sound_on:before { content: ""; width: 20px; height: 15px; background: url(/images/im_actions.png?6) no-repeat 5px -220px!important; display: inline-block; padding-left: 15px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; } .im_head_user .ui_actions_menu_item:before { content: ""; width: 20px; height: 15px; background: url(/images/im_actions.png?4) no-repeat 5px -184px; display: inline-block; padding-left: 15px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; } .im_head_user .ui_actions_menu_item.im-action_clear:before { background-position: 5px -253px; margin-top: -4px; } .im-page--stars { display: inline-block; vertical-align: top; color: #929eb0; font-size: 12.5px; padding: 18px 6px 15px 19px; height: 15px; position: relative; z-index: 10; cursor: pointer; } .im-page--stars i { opacity: .7; position: absolute; top: 17px; left: 0; width: 14px; height: 15px; display: block; padding-right: 5px; background: url('data:image/svg+xml;charset=utf-8,') 0 0 no-repeat; } .im-page--stars:hover i { opacity: 1; } .ms_item:before {top: 4px; position: absolute; left: 5px; content: ''; width: 22px; height: 22px; background: url(/images/post_icon.png?9) no-repeat; opacity: 0.7; filter: alpha(opacity=70); } .ms_item_photo:before { background-position: left -65px; } .ms_item_video:before { background-position: left -87px; } .ms_item_audio:before { background-position: left -109px; } .ms_item_doc:before { background-position: left -131px; } .ms_item { padding: 0px 25px 0px 34px; } .olist_checkbox { margin: auto; margin-right: 0; width: 22px; height: 22px; background: url(/images/check_uncheck.png) no-repeat 0 -26px; } .olist_item_wrap_on .olist_checkbox { background-position: 0 0; } .im-creation--item { display:flex;margin: 0 15px; height: 34px;border-bottom: 1px solid #e7e8ec; padding: 10px 0; } .im-creation--item:hover { background: #f0f2f5; margin: 0; padding: 10px 15px; cursor:pointer; } .im-page-action_delete { width: 36px; height: 26px; opacity: .7; cursor: pointer; vertical-align: middle; margin: 10px; padding: 0; background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat; } .im-page-action_spam{width: 36px;margin-right: 0px;height: 26px;opacity: .7;cursor: pointer;vertical-align: middle;margin: 10px;margin-right: 0px;padding: 0;background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat;} .im-page-action_delete:hover,.im-page-action_spam:hover { opacity: 1; } .im-action_media:before { content: ""; width: 20px; height: 15px; background: url(/images/im_actions.png?4) no-repeat 5px -166px!important; display: inline-block; padding-left: 15px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; } .im-action_avatar:before { content: ""; width: 20px; height: 15px; background: url(/images/im_actions.png?4) no-repeat 5px -148px!important; display: inline-block; padding-left: 15px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; } .im-action_leave:before { content: ""; margin-top: -2px; width: 20px; height: 15px; background: url(/images/im_actions.png?6) no-repeat 5px -270px!important; display: inline-block; padding-left: 15px; opacity: 0.7; filter: alpha(opacity=70); vertical-align: middle; } .im-action_invite:before { content: ""; margin-top: -3px; width: 20px; height: 15px; background: url(/images/im_actions.png?6) no-repeat 5px -114px!important; display: inline-block; padding-left: 15px; opacity: 0.7; filter: alpha(opacity=70); vertical-align: middle; } .im-action_topic:before { content: ""; width: 20px; height: 15px; background: url(/images/im_actions.png?4) no-repeat 5px -131px!important; display: inline-block; padding-left: 15px; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; } .videopl:hover, .videopl.active{background-color: #272727;} #video_playlist { width: 200px; overflow: hidden; overflow-y: scroll; } #video_playlist::-webkit-scrollbar { width: 0; } /* ie 10+ */ #video_playlist { -ms-overflow-style: none; } /* Ñ„Ñ„ (свойство больше не работает, других способов тоже нет)*/ #video_playlist { overflow: -moz-scrollbars-none; } .videoplayer_share_actions { position: absolute; z-index: 3; top: 10px; right: 10px; overflow: hidden; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: transform, visibility, opacity, -o-transform; transition-property: transform, visibility, opacity; transition-property: transform, visibility, opacity, -webkit-transform, -o-transform; -o-transition-duration: 0.25s; transition-duration: 0.25s; -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); will-change: transform, opacity; } .videoplayer_share_actions ._add, .videoplayer_share_actions ._donate, .videoplayer_share_actions ._like, .videoplayer_share_actions ._share { position: relative; overflow: hidden; float: left; width: 37px; height: 37px; margin-left: 8px; border-radius: 3px; background: #000; background: rgba(0,0,0,.6); line-height: 37px; color: hsla(0,0%,100%,.75); font-size: 13px; cursor: pointer; opacity:0.8; } .videoplayer_share_actions ._add:hover, .videoplayer_share_actions ._donate:hover, .videoplayer_share_actions ._like:hover, .videoplayer_share_actions ._share:hover { opacity:1; } .videoplayer_share_actions ._add_icon { height: 17px; width: 17px; left: 10px; top: 10px; position: absolute; } .videoplayer_share_actions ._share_icon { height: 15px; width: 14px; left: 11px; top: 11px; position: absolute; } .videoplayer_share_actions ._like_icon { height: 15px; width: 17px; left: 11px; top: 11px; position: absolute; } .im-to-end--label { border: solid 1px #cfd9e1; padding: 8px 14px 8px 33px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); -moz-user-select: none; -ms-user-select: none; background: #fff url(/images/history_end.png) no-repeat 14px; border-radius: 102.5px; width: 170px; position: absolute; z-index: 2; left: 160px; cursor:pointer; } keygen, select { border-radius:2px; } label{cursor:pointer} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; } body { line-height:1; } @font-face { font-family: Helvetica; src: url('../fonts/Helvetica.otf'); margin-top:10px; } @font-face { font-family: "Helvetica Neue"; src: url('../fonts/Helvetica.otf'); } @font-face { font-family: icons; font-display: swap; src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff"); font-weight: 400; font-style: normal; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } b { font-weight: 500; text-shadow: -0.05em 0px 0px rgba(68, 99, 131, 0.61); } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a:hover { text-decoration: none; } a { margin:0; padding:0; text-decoration:none; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } textarea, keygen, select, button { margin: 0em; font-family: Tahoma; } input, textarea { outline: none; } html, body{background: #E6E8EC; color: #000; margin: 0px; padding: 0px; direction: ltr; font-family: tahoma, Helvetica Neue, arial, verdana, sans-serif, Lucida Sans; font-size: 14px; overflow-y: scroll; overflow-x: hidden; line-height: 1.182; font-weight: normal; -webkit-font-smoothing:antialiased;} a{text-decoration:none;color:#324D6D;margin:0px;padding:0px;} a:hover{outline:none} img{border:0px;border-radius: 4px; } ul, p{padding:0px;margin:0px} blockquote{padding:10px;background:#f5f5f5;border-left:10px solid #4274a4;margin:0px} .post_views_icon { background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%221%202%2014%2010%22%20style%3D%22fill%3A%23828a99%3B%22%3E%3Cpath%20d%3D%22M8%2012C3.8%2012%201%208%201%207%201%206%203.8%202%208%202%2012.2%202%2015%206%2015%207%2015%208%2012.2%2012%208%2012ZM8%2010.5C9.9%2010.5%2011.5%208.9%2011.5%207%2011.5%205.1%209.9%203.5%208%203.5%206.1%203.5%204.5%205.1%204.5%207%204.5%208.9%206.1%2010.5%208%2010.5ZM8%208.6C7.1%208.6%206.4%207.9%206.4%207%206.4%206.1%207.1%205.4%208%205.4%208.9%205.4%209.6%206.1%209.6%207%209.6%207.9%208.9%208.6%208%208.6Z%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 0; width: 14px; height: 10px; margin: 3px 5px 0 0; opacity: 0.5; filter: alpha(opacity=50); display: inline-block; float: left; } .post_views { float: right; padding: 0 10px; } .audioPage { position:relative; clear:left } .audioPage .area { cursor:pointer; margin-bottom:10px; line-height:normal } .audioPage .area table { width:100%; border-spacing:0 } .audioPage .area table td { border:0; vertical-align:top } .audioPage .area:hover { background-color:#EDF1F5 } .audioPage .audioPlayBut { color:#5f7fa2!important; padding:6px } .audioPage:hover .audioPlayBut { color:#2B587A!important } .audioPlayBut { font-size:16px; color:#5f7fa2; float:left; transition:color .3s; cursor:pointer } .audioPlayBut:hover { color:#2B587A } .audioPage.play .audioPlayBut:before { content:'\e06a' } .audioPage.pause .audioPlayBut:before { content:'\f00f' } .audioPage .new_play_btn { padding:6px } .audioPage .audioPlayBut.new_play_btn:before { display:none } .audioPage .new_play_btn .bl { position:relative; width:16px; height:16px; background:#5780ab; border-radius:2px } .audioPage .new_play_btn .bl .figure { position:absolute; top:3px; left:6px; border:5px solid transparent; border-left:6px solid #fff; border-radius:2px } .audioPage.play .new_play_btn .bl .figure { width:3px; height:8px; border-width:0; background:#fff; left:4px; top:4px } .audioPage.play .new_play_btn .bl .figure:after { content:''; display:block; position:absolute; top:0; left:5px; width:3px; height:8px; background:#fff; border-radius:2px } .audioPage.pause .new_play_btn .bl .figure { border-width:5px; border-left-width:6px; top:3px; left:6px; background:transparent; height:0; width:0 } .audioPage.pause .new_play_btn .bl .figure:after { display:none } .audioPage td.info { width:100%; position:relative } .audioPage .audioNames {padding: 4px 0 5px;text-overflow:ellipsis;overflow:hidden;/* white-space:nowrap; *//* width:532px; */} .profiewr .audioNames { width:472px } #wall_records .audioNames { width:472px } #wall_records .wall_fast_opened_form .audioNames { width: 300px; } .audioPage .audioNames .name { font-weight:400!important } .audioPage .audioNames .author { color:#446280 } .audioPage .audioNames .author:hover { text-decoration:underline } .audioPage .audioElTime { color:#8795A5; font-size:.9em; max-width:40px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; position:absolute; right:10px; top:8px } .audioPage.play .area { margin-bottom:0 } .audioPage .audioPlayer { height:10px; padding:0 6px; display:none } .audioVolumeBar { height:14px; width:45px; float:left; margin-top:0; margin-left:11px; position:relative; cursor:pointer; -webkit-user-select:none } .playingAudio .aduioNames,.playingAudio .icon-pause,.playingAudio .icon-pencil-7,.playingAudio .icon-cancel-4,.playingAudio .icon-play-4,.playingAudio .icon-plus-6 { color:#fff!important } .playingAudio .audioElTime { color:#b1bfcf!important } .progressBar { height:10px; width:498px; position:relative; cursor:pointer; display:block } .audioBGProgress { background:#D8DEE4; width:100%; z-index:1 } .audioLoadProgress { background:#bac7d4; z-index:2 } .audioPlayProgress { background:#5780ab; z-index:3 } .audioLoadProgress,.audioPlayProgress { width:0 } .audioBGProgress,.audioLoadProgress,.audioPlayProgress { position:absolute; height:5px; top:0; left:0; display:block; border-radius:2px } .audioSlider { height:9px; width:9px; border-radius:50%; background:#5c7a99; margin-top:-2px; float:right; display:none; margin-right:-5px } .audioTimesAP { position:absolute; z-index:1111; padding:2px 5px; display:none; top:-28px } .audioTAP_strlka { position:relative; background:#bac7d4; border:3px solid #bac7d4; border-radius:3px; color:#2B587A; display:block } .audioTAP_strlka:after,.audioTAP_strlka:before { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; display:block } .audioTAP_strlka:after { border-color:rgba(204,204,204,0); border-top-color:#bac7d4; border-width:3px; margin-left:-3px } .audioTAP_strlka:before { border-color:rgba(204,204,204,0); border-top-color:#bac7d4; border-width:7px; margin-left:-7px } .audioSettingsBut { display:none; position:absolute; right:0; top:0 } .audioSettingsBut li { font-size:12px; color:#2B587A; float:left; transition:color .3s; list-style:none; opacity:.5; cursor:pointer; padding:9px 9px 8px } .audioSettingsBut li:hover { opacity:1 } .audioElem.search:hover .audioElTime { display:none } .audioElem.search:hover .audioSettingsBut { display:block } .audioPage:hover .vk_audio_dl_btn { display:block!important } .audioPage:hover .audioElTime { display:none!important } .audioLoadBut { white-space:nowrap; padding:10px; text-align:center; background:#E3E9EF; color:#6A788A; cursor:pointer; margin-top:5px; clear:both } .audioLoadBut:hover { background:#DAE2E9; color:#616e7e } .audioLoadBut img { padding:3px 0 } .user_official_icon { color:#2e852e } .audioEditDescr { color:#666; width:90px; text-align:right; padding-right:15px; float:left; margin-top:10px } .audioEditInput { border:1px solid #C3CBD4!important; padding:8px!important; font-size:12px!important; line-height:normal!important; width:283px!important; margin-bottom:10px } #audios_block .audioPage .audioNames { width:454px } .walltext .audioPage .audioNames { width:414px } .im_scroll .audioPage .audioNames { width:414px } .audioPage.attach .audioNames { width:50% } .kj_selector { position:relative; width:200px; border:1px solid #C3CBD4; background:#fff; line-height:100% } .kj_selector .title { margin-bottom:0; padding:7px 21px 7px 10px; border:0; box-sizing:border-box; height:29px; display:inline; width:100%; background:#fff!important; cursor:pointer!important; font-weight:400; font-size:11px; color:#000; text-align:left } .kj_selector .title:disabled { background:#F7F7F7!important } .kj_selector .arrow { width:0; height:0; border:6px solid transparent; position:absolute; right:5px; top:50%; margin-top:-2.5px; border-top-color:#B4BFC5; border-bottom:0; z-index:2 } .kj_selector .cont { position:absolute; top:100%; left:0; z-index:100; background:#fff; width:100%; border:1px solid #C3CBD4; margin-left:-1px; list-style:none; display:none; max-height:250px; overflow:auto; overflow-x:hidden } .kj_selector .cont li { padding:6px 10px; cursor:pointer; border:1px solid transparent } .kj_selector .cont li.active { background:#597BA5; border-color:#2A5883; color:#fff } .kj_selector.show .cont { display:block!important } .kj_selector .arrow_box { height:100%; background:transparent; top:0; position:absolute; right:0; width:21px; z-index:3 } .kj_selector.show .arrow { border-bottom:6px solid #B4BFC5; border-top:0 } .kj_selector .cont li.disabled { background:#eee!important; color:#000!important } .kj_selector.top .cont { top:initial; bottom:100% } #al_al_audio_css { display:none } .al_audios_wrap { width:592px; } .al_audio_player {background: #fafafa;height:55px;border-radius:0 0 3px 3px;width: 596px;z-index:1;border-bottom: 1px solid #e7e8ec;} .al_audio_player .bigPlay_but {width: 24px;height: 25px;border-radius: 6px;background:#5780ab;position:absolute;top: 18px;left: 19px;cursor:pointer;} .al_audio_player .bigPlay_but .icon {color:#fff;position:absolute;top:-2px;left: -4px;font-size: 23px;} .al_audio_player .bigPlay_but.play .icon:before { content:'\2389' } .al_audio_nav { position:absolute; width:20px; height:11px; color:#5780ab; top:22px; left:55px; font-size:15px; cursor:pointer } .al_audio_nav.next { left:79px } .al_audio_player table { width:100%; height:55px; padding-right:5px } .al_audio_player td { position:relative } .al_audio_tb_col1 { width:110px; min-width:110px; max-width:110px } .al_audio_tb_col2 { width:100% } .al_audio_tb_col3 { width:65px; min-width:65px; max-width:65px } .al_audio_info_wrap { position:absolute; left:0; height:100%; top:0; width:100% } .al_audio_info_wrap.volume { left:10px; width:55px } .al_audio_names_wrap { position:absolute; top:12px; left:0; width:100% } .al_audio_info_wrap .audio_names { color:#446280; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .al_audio_time { color:#777; padding-left:10px } .al_audio_progress_wrap { position:absolute; left:0; top:34px; width:100%; height:15px; cursor:pointer } .al_audio_progress_wrap .bg_line,.al_audio_progress_wrap .load_line,.al_audio_progress_wrap .play_line { height:5px; width:100%; position:absolute; z-index:1; background:#D8DEE4; border-radius:3px } .al_audio_progress_wrap .slider { position:absolute; right:-5px; display:none; top:-2px; width:9px; height:9px; background:#5c7a99; border-radius:4px } .al_audio_progress_wrap .load_line { background:#bac7d4; width:0px; z-index:2 } .al_audio_progress_wrap .play_line { background:#5c7a99; z-index:3; width:0 } .audio_page_title { padding-left:15px; margin-top:15px; font-weight:700; color:#446280; font-size:13px } .al_audio_result_wrap { padding:15px; background:#fff; margin-top:10px; border-radius:3px } .audio_search_bl { position:relative } .audio_search_bl input { padding:7px; width:544px; margin-bottom:10px; z-index:0 } .audio_search_bl #search_preloader { position:absolute; top:10px; right:10px } .al_audios_panel {width:188px;padding:10px 0 0 15px;border:1px solid #e2dbdb;border-top:1px;background-color: #fff;} .al_audios_panel .menu_item { padding:10px 13px; border-radius:2px; cursor:pointer; font-weight:700; color:#626A73; line-height:100%; margin-top:3px; position:relative } .al_audios_panel .menu_item:hover { background:#E0E5E9 } .al_audios_panel .menu_item.active { background:#299db9; color:#fff } .al_audios_panel .big_title { color:#B3C1D1; font-size:15px; padding:15px 0 11px 11px; background:#F5F7F9; width:192px; margin:-12px 12px 6px -15px } .al_audio_add_but { position:absolute; height:25px; width:30px; top:0; right:0; border-radius:0 2px 2px 0; transition:background 200ms ease; padding-top:6px; font-size:21px; text-align:center } .al_audios_panel .menu_item .al_audio_add_but:hover { background:#CCD7DF } .al_audios_panel .menu_item.active .al_audio_add_but:hover { background:#7014d9 } .al_audios_panel .menu_item:hover .al_audio_add_but { display:block } .al_audio_tools div { height:11px; width:17px; color:#8098AF; cursor:pointer; font-size:14px } .al_audio_tools .active { color:#5c7a99 } .audioTimesAP { position:absolute; z-index:1111; padding:2px 5px; top:-28px; display:none } .audioTAP_strlka { position:relative; background:#bac7d4; border:3px solid #bac7d4; border-radius:3px; color:#2B587A; display:block; left:-63% } .audioTAP_strlka:after,.audioTAP_strlka:before { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; display:block } .audioTAP_strlka:after { border-color:rgba(204,204,204,0); border-top-color:#bac7d4; border-width:3px; margin-left:-3px } .audioTAP_strlka:before { border-color:rgba(204,204,204,0); border-top-color:#bac7d4; border-width:7px; margin-left:-7px } .al_audio_info_wrap.volume .audioTAP_strlka,.audio_head .volume_bar .audioTAP_strlka { left:0 } .audio { line-height:100%; width:100% } .audio .audio_cont { cursor:pointer; height:34px } .audio:hover .audio_cont { background:#EDF1F5 } .audio.play .audio_cont { color:#fff; background:#5f7fa2 } .audio .play_btn { font-size:17px; color:#5f7fa2; float:left; margin-left:5px; margin-top:9px } .audio .name { color:#2B587A; float:left; overflow:hidden; text-overflow:ellipsis; margin-top:11px; margin-left:5px; max-width:415px; white-space:nowrap } .audio .name span:first-child { font-weight:700 } .audio #name.text_avilable:hover { text-decoration:underline } .audio.preactiv .audio_cont { background:#E3E8EC!important } .audio .time { color:#666; margin-top:12px; margin-right:10px } .audio.play .play_btn { color:#fff } .audio.play .play_btn:before { content:'\e06a' } .audio.play .name { color:#fff } .audio.play .time { color:#b1bfcf } .audio.pause .play_btn:before { content:'\f00f' } .audio.preactiv .play_btn { color:#5f7fa2 } .audio.preactiv .name { color:#2B587A } .audio.preactiv .time { color:#666 } .audio.preactiv .play_btn:before { content:'\f00f' } .audio .tools { list-style:none; display:none; margin-top:10px; margin-right:7px; color:#2B587A } .audio .tools li { float:left; font-size:15px; opacity:.3; cursor:pointer } .audio .tools li.icon-pencil-7 { font-size:12px; margin-top:2px } .audio .tools li.icon-plus-6 { font-size:13px } .audio.play .tools { color:#fff } .audio:hover .tools { display:block } .audio:hover .time { display:none } .audio.preactiv .tools li { opacity:.7; color:#2B587A } .audio .tools li:hover { opacity:1 } .audio.no_tools:hover .tools { display:none } .audio.no_tools:hover .time { display:block } .audioFriendsBlock { list-style:none; margin-top:10px; border-top:1px solid #f0f0f0 } .audioFriendsBlock li { padding:5px 5px 5px 10px; color:#2B587A; cursor:pointer } .audioFriendsBlock li:hover { background:#EDF1F5 } .audioFrActive { background:#DAE2E8!important } .audioFriendsBlock .cnt_music { font-size:10px; color:#666 } .audioFriendsBlock img { width:30px; height:30px; float:left; border-radius:3px } .audioFriendsBlockName { text-overflow:ellipsis; max-width:114px; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap } .audioFrLoadBut { padding:5px 0 7px; text-align:center; background:#E3E9EF; color:#6A788A; cursor:pointer; margin-top:10px; width:203px; margin-left:-15px } .audioFrLoadBut:hover { background:#DAE2E9; color:#616e7e } .audioLoadBut { padding:10px; text-align:center; background:#E3E9EF; color:#6A788A; cursor:pointer; margin-top:5px } .audioLoadBut:hover { background:#DAE2E9; color:#616e7e } .searchFrAudio { width:100%; box-sizing:border-box; padding:8px; font-size:11px; font-family:Tahoma; line-height:normal; background:url(/images/magglass_audio.png) no-repeat 137px 6px; background-position:150px; border:1px solid #E3E9EF; background-color:#E3E9EF; margin-top:15px } .searchFrAudio::-webkit-input-placeholder { color:#6A788A } .searchFrAudio:focus { background-color:#fff!important } .searchFrAudio:focus::-webkit-input-placeholder { color:transparent } .audioControlInHead { margin-top:9px; list-style:none; float:left } .audioRightPanelTitle { color:#394e63; font-weight:700; font-family:tahoma,arial,verdana,sans-serif,Lucida Sans; padding-bottom:5px } .listingAudio { list-style:square; padding-left:20px; color:#758EAC; margin:0; line-height:18px } .listingAudio li { margin-top:5px } .listingAudio span { color:#000 } #dropBoxAudio { padding:15px; font-family:tahoma,arial,verdana,sans-serif,Lucida Sans; position:relative } #drag_container { position:absolute; height:100%; width:100%; opacity:0; top:0; left:0; background:red; z-index:1111 } #dropBoxAudio #dragenter { text-align:center; color:#7F92A5; font-size:1.27em; -moz-user-select:none; -khtml-user-select:none; user-select:none; border:3px dashed #A3B6C9; position:relative; min-height:100% } #dropBoxAudio #dragenter .labelDrop { position:absolute; width:100%; top:50%; height:50px; line-height:4.54em; margin-top:-25px } #loadAudioBlock { margin-top:20px; margin-bottom:20px; height:30px } .progressAudioLoad { border:1px solid; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); height:20px; width:400px; margin-left:9px; background:#F0FFF0; position:relative; display:none } .progressLine { background:#5bb75b; height:100%; width:0; position:absolute; top:0; left:0 } .audio_upload_cont { padding:20px } .upload_limits_title { font-weight:700; font-size:13px; margin-bottom:10px; color:#446280 } .upload_limits_list { padding-left:20px; margin:0; list-style:square; color:#758EAC; color:#446280 } .upload_limits_list li { margin-bottom:3px; line-height:160% } .upload_limits_list li span { color:#000 } .audio_upload_but_wrap { text-align:center; padding:20px 0 14px } .audio_add_from_search { display:block; margin-top:6px } .audio_upload_progress { position:relative; height:30px; background:#e9ecf0 } .audio_progress_text { width:100%; position:absolute; top:0; left:0; z-index:1; text-align:center } .audio_progress_text .str { color:#639D57; font-weight:700; margin-top:8px } .audio_upload_pr_line { position:absolute; width:0; height:100%; top:0; left:0; background:#639D57; z-index:3; overflow:hidden } .audio_upload_pr_line .audio_progress_text { z-index:4; width:435px } .audio_upload_pr_line .audio_progress_text .str { color:#fff } .audio_upload_drop { position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:1000; display:none } .audio_upload_drop_wrap { position:absolute; top:50px; left:50px; right:50px; bottom:50px; border:3px dashed #C3CBD4 } .audio_upload_drop_text { font-size:25px; color:#6080A5; text-align:center; position:absolute; width:100%; padding:20px 30px; top:50%; margin-top:-36px } .audio_drop_wrap { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000 } #audioMP { opacity: 0.8; cursor: pointer; color: #f5f5f5; -webkit-user-select: none; -moz-user-select: none; line-height: 100%; width: 114px; float: left; display: none; box-shadow: 0 1px 0 0 #33afbe, 0 0 0 1px #1a94b1; padding: 0px 0px 1px 6px; } #audioMP:hover { opacity:1 } #audioMP.show { display:block } #audioMP.active { color:#fff!important; opacity:1 } .min_player_names {max-width:99px;margin-left:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:5px;text-align:center;} #audioMP .nextPrevBtn { float:left; font-size:12px; margin-top:5px } #audioMP .playBtn { font-size:16px; margin-top:4px; float:left } #audioMP .cButs {margin-top:1px;margin-left: 25px;} #audioMP .playBtn:hover,#audioMP .nextPrevBtn:hover { color:#fff } #audioMP.active .playBtn:hover,#audioMP.active .nextPrevBtn:hover { color:#fff } .audios_scroll_bl { width:100%; height:307px; position:relative; overflow:hidden } .audios_scroll { position:absolute; top:0; right:0; height:100%; bottom:0; width:9px; z-index:30; transition:width 0.1s,background 0.3s,opacity 200ms ease; cursor:pointer; opacity:0 } .audios_scroll_bl:hover .audios_scroll { opacity:1 } .audios_scroll_hover { background:rgba(235,235,245,0.4); width:11px; opacity:1 } .audios_scroll_slider { width:7px; border-radius:5px; background:#DAE1E8; position:absolute; right:1px; top:0; height:50px; z-index:31; transition:width 0.1s,background .3s } .audios_scroll_slider_hover { background:#BEC8D3 } .audios_scroll_hover .audios_scroll_slider { width:9px } #audios_scroll_cont { position:absolute; top:0; left:0; width:100% } .audio_resize_but { position:absolute; bottom:0; left:0; bottom:0; width:100%; cursor:s-resize } .audio_resize_but div { width:40px; border-top:1px solid #DAE1E8; border-bottom:1px solid #485561; margin:0 auto 1px } .audio_edit_more_btn { width:100%; text-align:right; display:block } textarea.audioEditInput { height:100px; margin-bottom:10px; resize:vertical } #audio_text_res { display:none; padding:10px; line-height:160% } #audio_text_res.opened { display:block } #audioPad { position:fixed; background:#fff; width:500px; height:400px; z-index:125; border:1px solid #ADBAC7; box-shadow:0 1px 6px rgba(0,0,0,0.35); top:-460px; transition:top 200ms ease; line-height:100% } #audioPad.show { top:50px } #audioPad .audio_head .bigPlay_but { padding:2px 0 3px 4px } #audioPad .rightStrelka {width:17px;height:12px;background:url(/images/icons/strelka.png) no-repeat;right: 76px;top:-58px;position:absolute;} .padFooter { padding:8px 5px 7px; height:30px; background-color:#F2F2F2; border-top:1px solid #DAE1E8; position:relative } #audioPad .plName { color:#666; margin-top:8px; margin-left:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:350px } #audioPad .audio_head .names { max-width:193px } #audioPad .audio_head .bigPlay_but.play { padding:2px 0 3px 3px } #audioPad #audioPadRes { padding:10px } #audioPad .audio .name { max-width:365px } .audio_head { width:100%; height:46px; background:#F0F1F2; -webkit-user-select:none; -moz-user-select:none; border-bottom:1px solid #DAE2E8 } .audio_head .bigPlay_but { background:#5f7fa2; color:#fff; border-radius:2px; float:left; margin-top:13px; margin-left:15px; padding:2px 0 3px 4px; font-size:19px; box-sizing:border-box; height:23px; width:24px; cursor:pointer } .audio_head .bigPlay_but:hover { background:#4C7098 } .audio_head .bigPlay_but:active { background:#2B587A } .audio_head .bigPlay_but.play { padding:2px 0 3px 3px } .audio_head .bigPlay_but.play:before { content:'\2389' } .audio_head .bigPlay_but:before { width:5px } .audioLeftBl { vertical-align:top; width:589px; box-sizing:border-box; padding:15px } .audioRightBl { width:186px; border-left:1px solid #DAE2E8; height:180px; vertical-align:top; background:#F7F7F7 } .audio_head .names { margin-top:11px; color:#2B587A; overflow:hidden; text-overflow:ellipsis; max-width:376px; white-space:nowrap } .audio_head .audio_progres_bl { position:relative; width:100%; margin-top:6px; height:15px; border-radius:2px; cursor:pointer } .audio_head .audio_progres_bl .play,.audio_head .audio_progres_bl .load,.audio_head .audio_progres_bl .bg { position:absolute; top:0; left:0; height:4px; border-radius:2px } .audio_head .audio_progres_bl .play { background:#5c7a99; width:0; z-index:3; position:relative } .audio_head .audio_progres_bl .load { background:#bac7d4; width:0; z-index:2 } .audio_head .audio_progres_bl .bg { background:#D8DEE4; width:100%; z-index:1 } .audio_head .slider { z-index:4; position:absolute; top:-2px; width:8px; height:8px; right:-4px; background:#5F7E9E; border-radius:4px; display:none } .audio_head .time { color:#627a94; margin-top:11px } .audio_head .prevision { margin-left:5px; cursor:pointer; transition:color .3s; color:#5f7fa2; margin-left:10px; float:left; font-size:13px; margin-top:18px } .audio_head .prevision:hover { color:#2B587A } .audio_head .next { margin-left:2px } .audio_head .volume_bar { position:relative; width:60px; height:14px; float:left; margin-left:10px; margin-top:30px; cursor:pointer } .audio_head .volume_bg { position:absolute; height:4px; border-radius:2px; background:#bac7d4; left:0; top:0; width:100% } .audio_head .volume_line { position:relative; height:4px; border-radius:2px; background:#5c7a99; width:50% } .audio_head .volume_bar:hover .slider { display:block } .audio_head .icon-plus-6.icon-ok-3 { font-size:16px } .plcontols_buts { list-style:none; color:#2B587A; font-size:14px; margin-top:12px } .plcontols_buts li { float:left; margin-left:5px; opacity:.5; transition:opacity 200ms ease; cursor:pointer } .plcontols_buts li:hover { opacity:1 } .plcontols_buts li.active { opacity:1 } .titleHtml { position:absolute; padding:5px 8px; background:rgba(0,0,0,0.7); font-size:1em; font-weight:700; color:#fff; z-index:1000; border-radius:3px; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space:nowrap; opacity:1 } .black_strelka { border:4px solid; border-color:rgba(0,0,0,0.7) transparent transparent; position:absolute; bottom:-13px } .black_strelka_top { border:5px solid; border-color:transparent transparent rgba(0,0,0,0.7); top:-15px; bottom:auto } .titleHtml.no_center .black_strelka { left:5px } .titleHtml.no_center { margin-left:-6px; white-space:nowrap } .verified_tolltip { background:#fff; border:1px solid #AEBDCC; box-shadow:0 1px 1px 0 rgba(108,137,176,0.3); line-height:160%; padding:10px; text-shadow:none; color:#000; font-weight:400; border-radius:0; max-width:270px; word-wrap:break-word; white-space:normal!important } .verified_tolltip .black_strelka { border:8px solid; border-color:#AEBDCC transparent transparent; bottom:-26px; z-index:1; left:30px!important } .tt_arrow { position:absolute; bottom:-24px; border:7px solid; border-color:#fff transparent transparent; z-index:2; left:31px } .verified_tolltip.down .tt_arrow { border-color:transparent transparent #fff; bottom:inherit; top:-24px } .verified_tolltip.down .black_strelka { border-color:transparent transparent #AEBDCC; bottom:inherit; top:-26px } .like_tt.down .black_strelka { bottom:inherit; top:-14px; border-color:transparent transparent rgba(0,0,0,0.7) } .tag_tt { padding:10px; width:300px; color:#fff; border-radius:3px; box-shadow:0 0 15px 0 rgba(0,0,0,0.3) } .tag_tt .name { color:#fff; font-size:14px } .tag_tt .cont { margin-left:115px } .tag_tt img { width:100px; height:100px; border-radius:3px; box-shadow:0 0 10px 0 rgba(0,0,0,.5); float:left } .tag_tt .cont .name { font-size:1.3em; color:#fff; margin-top:2px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:181px; display:block } .tag_tt .cont .name:hover { text-decoration:underline } .tag_tt .cont .ustatus { color:rgba(255,255,255,0.9); line-height:160%; font-weight:400; font-size:11px; white-space:normal; color:#fff; margin-top:5px } .tag_tt .black_strelka { border-width:8px; bottom:-16px; left:40px!important } .tag_tt.down .black_strelka { bottom:inherit; top:-16px; border-color:transparent transparent rgba(0,0,0,0.7) } #al_scroller_css { display:none } .scroller { position:relative; overflow:hidden } .scroller .scroller_panel { display:none; position:absolute; top:0; right:0; width:8px; height:100%; background:transparent; cursor:pointer; transition:all 150ms linear; opacity:0 } .scroller:hover .scroller_panel { opacity:1 } .scroller .scroller_panel .slider { position:absolute; top:0; margin-top:0; right:2px; width:6px; background:#DAE1E8; border-radius:4px; height:50%; transition:width 150ms linear,background 150ms linear } .scroller .scroller_cont { position:absolute; left:0; top:0; width:100% } .scroller .scroller_panel:hover { background:rgba(235,235,245,0.4); width:11px } .scroller .scroller_panel:hover .slider { width:8px } .scroller .scroller_panel .slider:hover { background:#BEC8D3 } .frm_line{ border-top: 1px solid #e8dada; } /*Новый раздел друзей как вк*/ .friends_right_menu { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 21px; color: #2a5885; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; background: #f1f1f1; margin-right: -15px; border-top: 1px solid #e8dada; background-color: #faf7f7; padding: 15px; border-left: 1px solid #e8dada; } .friends_right_menu_ch { line-height: 30px; color: #2a5885; cursor: pointer; border: 1px solid #faf7f7; color: #7a2b2b; cursor: pointer; display: block; background-color: #faf7f7; background-repeat: no-repeat; background-position: 112px center; width: 129px; } /*attach_all*/ .profile_comment_attach_photo img{max-width:120px;max-height:120px;margin-top:3px;margin-right:3px;margin-bottom:3px} .sdawfffffs{margin-top: 10px;float: right;} .img_photo,.img_smiles,.img_videos,.img_audios,.img_files{width: 22px;height: 22px;background: url(/images/post_icon.png?6) no-repeat;float: left;margin: 0 1px;} .img_photo{background-position: left -65px;} .img_videos{background-position: left -87px;} .img_audios{background-position: left -109px;} .img_files{background-position: left -131px;} .img_smiles { background: url(/images/smile_icon.png) no-repeat 4px 4px; margin-top: -1px; } #qnotifications_news,#qnotifications_notification{height:100%;overflow:auto} #qnotifications_box::after{border-bottom-color:#c3d0d8;border:solid transparent;content:'';height:0;border-bottom:12px solid #fff;position:absolute;left:50%;margin-left:-21px;top:-22px;width:0;border-width:11px} #qnotifications_box{width:600px;position:fixed;background:#FFF;z-index:500;top:47px;bottom:15%;display:none;border-bottom:1px solid #dce2e6;box-shadow:0 1px 2px rgba(0,0,0,.5)} #qnotifications_box .qnotifications_head{color:#536069;font-size:15px;font-family:Tahoma,Arial;text-transform:uppercase;line-height:59px;padding:0;height:59px;line-height:59px;padding-left:30px;z-index:95;border-bottom:1px solid #dce2e6} #qnotifications_box .settings_icon{margin:22px 15px 22px 0;cursor:pointer;float:right;display:inline-block;vertical-align:top;width:16px;height:16px;background:url(/images/icon_16.svg?v=1) no-repeat -64px -48px;position:relative} #qnotifications_box .del{float:right;margin-left:10px;background:url(/images/cross.png) 0 15px;width:15px;height:15px;cursor:pointer} #qnotifications_box .unp-date-separator{padding:5px 30px;font-weight:700;border-bottom:1px solid #dce2e6;background:#f1f5f8} #qnotifications_box .notification{border-bottom:1px solid #dce2e6;position:relative;padding:16px 30px;padding-right:10px;background:#fff;z-index:1} #qnotifications_box .notification .date{color:#9aa8af;font-size:11px;font-family:Tahoma,Arial,"Helvetica Neue",Helvetica,sans-serif;position:absolute;top:10px;right:10px;display:none} #qnotifications_box .notification:hover .date{display:block} #qnotifications_box .notification:hover{background:#e9ecee;cursor:pointer} #qnotifications_box .notification .icon{left:0;background:#008bc8;border-radius:50%;padding:5px;width:16px;height:16px;margin-top:-4px} #qnotifications_box .notification .like{background-position:-112px -16px} #qnotifications_box .notification .show_all{background:#c3d0d8;margin:4px 4px 0 0;color:#fff;font-size:20px;line-height:64px;text-align:center;width:64px;height:64px} .icn{display:inline-block;vertical-align:top;width:16px;height:16px;background:url(/images/icon_16.svg?v=1) no-repeat 0 0;position:relative} .head_bell_block{float:left;opacity:.8;position:relative} .head_bell{background-image:url(/images/ujRgtpgUFf7.png);background-repeat:no-repeat;background-size:auto;background-position:0 -13px;opacity:.6;background-clip:content-box;background-origin:content-box;height:24px;padding:9px 10px;width:24px} .head_bell_block:hover{opacity:.8;cursor:pointer;background-color:#344f7a} div#new_notifications{position:absolute;top:22px;right:3px;background:red;padding:2px 7px;color:#FFF;border-radius:4px} #new_notifications:empty{display:none} .icn-like.icn-gray{background-position:-112px -32px;margin:3px 5px 0} .icn-gift.icn-gray{background-position:-560px -32px;margin:3px 5px 0} #qnotifications_settings .settings_elem{adding:1px 5px;width:240px;max-width:240px;color:#73818a;line-height:22px;cursor:pointer;margin:0 11px 10px 0;border:1px solid #d9e0e4;position:relative;overflow:visible;background:#e9ecee} #qnotifications_settings .settings_elem:hover{background:#fff} div#qnotifications_settings_content{padding:10px} .show_all_button{color:#324D6D;cursor:pointer;padding:10px;text-align:center;background:#d9dfe8;margin:10px} div#qnotifications_settings_content .html_checkbox{float:right;padding:0;margin-top:4px;margin-right:4px} /* репосты */ .wall_tell_num { color: #a3c6e4; margin-right: 6px; margin-top: 1px; margin-left: 2px; } .wall_tell_num_group { margin-top: -1px; } .wikiSubHeader { font-size: 16px; } .wikiSubHeader, .wikiSubSubHeader { font-weight: 500!important; -webkit-font-smoothing: subpixel-antialiased!important; -moz-osx-font-smoothing: auto!important; margin-bottom: 5px; } #licence_box_content, #privacy_box_content, #terms_box_content { line-height: 170%; padding: 20px; } ol.numbered li, ul.listing li { padding: 4px 0 4px 3px; } .listing { list-style: disc; color: #758eac; margin: 5px 0; } ol.numbered, ul.listing { padding-left: 30px; } a.wikiVkLink { border-bottom: 1px dashed #a7b7c9; color: #42648b; } .wikiHeader { font-size: 18px; font-weight: 700!important; -webkit-font-smoothing: antialiased!important; -moz-osx-font-smoothing: grayscale!important; margin-bottom: 5px; color: #222; } /* GIF */ .media_desc { line-height: 140%; } .media_desc b { background: url(/images/icons/mono_iconset.png?1) no-repeat left -237px; width: 15px; height: 11px; margin-top: 2px; } .media_preview b.postpone { background-position: 0 -334px; margin-top: 2px; } .media_desc b.topic { background-position: 0 -192px; } .media_desc b.group { background-position: 0 -45px; height: 12px; } .media_desc b.doc { background-position: 0 -280px; height: 11px; } .media_desc b.note, .media_preview .note b { background-position: 0 -134px; } .media_desc_soft { padding: 0px; float: left; margin-bottom: 2px; margin-right: 8px; margin-top: 8px; clear: none; cursor:pointer; } .page_doc_photo_href { position: relative; } .page_doc_photo_href:hover { text-decoration: none; } .page_doc_photo { width: 130px; height: 98px; background: #000000; background-position: 50% 50%; background-repeat: no-repeat; text-align: center; cursor:pointer; } .page_doc_photo_hint { width: 110px; *width: 130px; text-align: center; color: #FFFFFF; background: #000000; margin-bottom: 5px; *background: #000000; background: rgba(0, 0, 0, 0.5); position: absolute; margin-top: -18px; height: 14px; *height: 18px; padding: 2px 10px; font-size: 0.81em; } /* LOGO AND WRAP */ .autowr{width:800px;margin:auto} .head{background:#486794;height:44px;position:fixed;right:0px;left:0px;top:0px;z-index:100;box-shadow: 0px 2px 0px #fff;} .headlogo { background: url(../images/logo.png) no-repeat; width: 120px; height: 44px; transition: 0.1s; position: absolute; left: 96.8%; margin-top: 96px; z-index: 5; background-size: 100%; } /* HEAD MENU */ .hbd_icon { background: url("../images/profile.png") no-repeat 2px 1px; height: 17px; width: 17px; float: left; margin: -1px; } .headmenu { margin-right: -20px; height: 44px; overflow: hidden; } .headmenu a:hover { text-decoration: none; background-color: rgb(52, 79, 122); } .headmenu a { transition: 0.2s; padding: 13px 13px; margin-right: 10px; } .headm_posic{text-align:center;font-size:10px;color:#fff;text-decoration:none;padding:6px 5px 6px 4px;float:left} .headm_posic:hover{background:url("../images/head_m_hover.png") repeat-x} .headm_ic_mypage{background:url("../images/transp.png") no-repeat;width:24px;height:23px} .headm_ic_friend{background:url("../images/transp.png") no-repeat -24px 0px;width:24px;height:22px} .headm_ic_mess{background:url("../images/transp.png") no-repeat -48px 0px;width:26px;height:22px} .headm_ic_photo{background:url("../images/transp.png") no-repeat -74px 0px;width:28px;height:22px} .headm_ic_videos{background:url("../images/transp.png") no-repeat -102px 0px;width:21px;height:22px} .headm_ic_fave{background:url("../images/transp.png") no-repeat -123px 0px;width:24px;height:22px} .headm_ic_news{background:url("../images/transp.png") no-repeat -146px 0px;width:24px;height:22px} .headm_ic_notes{background:url("../images/transp.png") no-repeat -170px 0px;width:23px;height:22px} .headm_ic_se{background:url("../images/transp.png") no-repeat 0px -23px;width:25px;height:22px} .headm_ic_settings{background:url("../images/transp.png") no-repeat -25px -25px;width:25px;height:22px} .headm_ic_support{background:url("../images/transp.png") no-repeat -50px -25px;width:27px;height:22px} .headm_ic_logout{background:url("../images/transp.png") no-repeat -77px -25px;width:27px;height:22px} .headm_ic_ubm{background:url("../images/transp.png") no-repeat -132px -27px;width:27px;height:22px} .headm_ic_groups{background:url("../images/transp.png") no-repeat -105px -27px;width:27px;height:22px} .headm_ic_music{background:url("../images/transp.png") no-repeat -162px -27px;width:25px;height:22px} .headm_newac { position: absolute; font-weight: 500; background: #D1D8E0; min-width: 10px; font-family: Helvetica; min-height: 10px; padding: 5px 4px 1px 6px; border-radius: 3px; color: #446383; margin-left: 135px; margin-top: -7px; } .headm_ic_games{background:url("../images/csa.png") no-repeat -2px;width:27px;height:22px} /* LEFT PANEL AND CONTENT */ .leftpanel{float:left;width:150px} .content{float:left;width:648px;word-wrap:break-word;margin-left:13px; } .padcont{padding:4px;padding-top:13px; border: 0px dashed rgb(149, 175, 200);} .padcont_and{padding:10px} .main_logo { width: 199px; height: 115px; background: url('../images/main_logo.png') -28px; background-size: 300px; margin-left: 120px; position: relative; } /* BORDER RADIUS */ .button_div, .button_div_gray, .activetab a div, .activetab a, .buttonsprofile a:hover{border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius: 2px;} /* LOGIN PANEL */ .flLg{color:rgb(52, 79, 122);padding:5px;padding-left:2px;} .inplog{border:1px solid #d4dfe6;padding:4px;width:130px;box-shadow:inset 0px 1px 3px 0px #e1e1e1;-moz-box-shadow:inset 0px 1px 3px 0px #e1e1e1;-webkit-box-shadow:inset 0px 1px 3px 0px #e1e1e1;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;resize:none} .logpos{float:right;padding-top:7px;padding-right:10px;text-align:center} #linkspanel{padding-top:5px;padding-left:10px;width:140px} #linkspanel a{display:block;padding:5px;width:110px;padding-left:6px} #linkspanel a:hover{background:#eaf1f7;text-decoration:none} .login{ color: rgb(255, 255, 255); padding: 11px 10px 10px 35px; width: 150px; opacity: 1 !important; } #uLogin { width: 585px; height: 34px; bottom: 16%; left: 54%; margin-left: -300px; position: absolute; z-index: 1; cursor: pointer; } .login.vk.fl_l { background-color: rgb(72, 103, 148); border-radius: 4px; padding-left: 5px; } .login.vk:hover { background-color: rgb(52, 79, 122); } .login.ok.fl_l { background-color: rgb(242, 114, 12); border-radius: 4px; padding-left: 0px; } .login.ok:hover { background-color: rgb(213, 101, 12); } .login.fb.fl_l { background-color: rgb(62, 89, 158); border-radius: 4px; padding-left: 0px; } .login.fb:hover { background-color: rgb(51, 74, 132); } .login .vk_ic { background: url("../images/logo_vk.png") 4px 54% no-repeat rgb(72, 103, 148); width: 20px; height: 19px; background-size: 75%; position: absolute; border: 2px solid rgb(255, 255, 255); box-shadow: 0px 0px 0px 1px rgb(72, 103, 148); padding: 10px; border-radius: 41px; margin-top: -15px; margin-left: -55px; } .login .ok_ic { background: url('../images/ok.png') 11px 50% no-repeat rgb(242, 114, 12); width: 20px; height: 19px; background-size: 47%; position: absolute; border: 2px solid rgb(255, 255, 255); box-shadow: 0px 0px 0px 1px rgb(242, 114, 12); padding: 10px; border-radius: 41px; margin-top: -15px; margin-left: -55px; } .login .fb_ic { background: url('../images/facebook.png') 0px 40% no-repeat rgb(58, 87, 149); width: 20px; height: 19px; background-size: 83%; position: absolute; border: 2px solid rgb(255, 255, 255); box-shadow: 0px 0px 0px 1px rgb(58, 87, 149); padding: 10px; border-radius: 41px; margin-top: -15px; margin-left: -58px; } /* BUTTONS */ .button_div { display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .button_div button { background: #4F6E90; color: #fff; font-size: 13px; font-family: sans-serif; border: 0px; padding: 7px 15px 7px 15px; cursor: pointer; margin: 0px; font-weight: 500; border-radius: 2px; transition:0.2s; position: relative; } .button_div button:hover {background:-webkit-linear-gradient(top, #7C92A8, #7C92A8);} .button_div button:active {background:#4D739B;position:relative;outline:none} .button_div button::-moz-focus-inner {border:0px} .button_div_gray{display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .button_div_gray button { background: transparent; color: rgba(85, 85, 85, 0.82); font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif, Lucida Sans; border: 0px; border-radius: 2px; padding: 7px 15px 7px 15px; cursor: pointer; margin: 0px; } .button_div_gray button:hover { background-color: rgb(230, 232, 236); } .button_div_gray button:active {background:#e5e5e5;position:relative;border-top:1px solid #e5e5e5;outline:none} .button_div_gray button::-moz-focus-inner {border: 0px} .button_div_nostl{display:block} .button_div_nostl button{background:#f6f6f6;color:#21578b;font-size:11px;font-family: Tahoma, Verdana, Arial, sans-serif, Lucida Sans;border:0px;padding:5px 15px 5px 15px;cursor:pointer;margin:0px} .button_div_nostl button:hover {background:#e6e9ed} /* H1, H2, H3, H4 */ h1{font-size:22px;color:#2c9fb4;padding-bottom:5px;padding-left:2px;padding-top:5px;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;} .h1{font-size:13px;color:#5081b1;padding-bottom:5px;font-weight:bold;padding-top:5px} h4 { border-bottom: 1px solid #E8EBEE; color: #45688E; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px 0px 3px; } /* REGISTER */ .texta{float:left;width:165px;text-align:left;padding-right:5px;color:#666;padding-top:7px;font-size:13px; } .mgclr{margin-top:7px;clear:both} .mgclr_reg{height:10px;clear:both} .form_error{color:#999;margin-left:9px} .form_error_2{color:#999;margin-left:3px} .form_er_div{float:left;padding-top:4px} .frmero{font-weight:normal;width:370px;margin-top:10px;margin-bottom:0px;margin-left:20px} .sel_reg{margin-top:10px;width:163px} /* SPEEDBAR */ .speedbar{background:#f6f6f6;padding:10px;border-bottom:0px solid #e4e7eb;font-weight:bold;color:#222} /* ERRORS */ .err_yellow{padding:10px;background:#f4f7fa;border:1px solid #EEF2F3;margin-bottom:10px} .err_red{padding:10px;background:#faebeb;margin-bottom:10px;line-height:17px} .listing {list-style: square;color: #d20000;margin:0px;padding-left:10px} ul.listing li {padding: 1px 0px} ul.listing li span {color: #000} .privacy_err{background:#ffb4a3;position:fixed;left:0px;top:0px;padding:7px;border-bottom-right-radius:7px;-moz-border-bottom-right-radius:7px;-webkit-border-bottom-right-radius:7px;margin-top:48px;z-index:100} /* PROFILE */ .ava{float:left;width:225px; margin-right: 13px; margin-left: -1px; } .ava_uploaded { width: 200px !important; height: 80px !important; padding: 12px !important; position: fixed !important; margin-top: 55px !important; font-size: 12px; text-align: center; margin-left: 261px !important; color: #999; box-shadow: 0px 0px 0px 0px #fff !important; -moz-box-shadow: 0px 0px 0px 0px #fff !important; -webkit-box-shadow: 0px 0px 0px 0px #fff !important; } .leftcbor{border-right:0px solid #f1f4f7} .menuleft a { display: block; padding: 5px; padding-left: 13px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer; border-radius: 3px; } .profile_rate_warning { margin-bottom: -20px; overflow: hidden; } .profile_rate_warning .warning_row { display: block; transition-duration: 0.2s; height: 30px; } .profile_rate_warning .warning_row:hover { text-decoration: none; background: #E9EDF1; } .profile_rate_warning .warning_row .img { width: 11px; height: 12px; margin: 5px; margin-top: 10px; background: url('../images/icons/mono_iconset.png') no-repeat left top; } .profile_rate_warning .warning_row .label { padding: 4px; padding-top: 8px; width: 130px; white-space: nowrap; overflow: hidden; font-size: 12px; } .profile_rate_warning .warning_row .plus { color: #8495A6; margin: 4px; margin-top: 9px; font-size: 12px; } #rate_warning_photo div.img { background-position: 0px -29px; } #rate_warning_frnds div.img { background-position: 0px -89px; } #rate_warning_clubs div.img { background-position: 0px -119px; } #rate_warning_posts div.img { background-position: 0px -192px; } #rate_warning_info div.img { background-position: 0px -104px; } #rate_warning_prsn div.img { background-position: 0px -320px; } #rate_warning_card div.img { background-position: 0px -307px; } .menuleft a:hover{background:#ecf0f4;text-decoration:none;border-top:1px solid #fff;border-bottom:1px solid #fff} .menuleft div{padding-top:2px;font-size: 13px; } .titleu { font-size: 16px; font-weight: 500; color: #000; -webkit-font-smoothing: inherit; } .titleu div{float:right;padding-top:3px} .titleu a{color:#bababa;font-size:13px;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .status{border-bottom:1px solid #E4E4E4;padding-bottom:7px;margin-bottom:5px;padding-top:3px;padding-left:1px;word-wrap: break-word; color: rgba(0, 0, 0, 0.74);font-size: 13px;} .status a{color:#999;font-size: 13px;} .status div a{color: rgba(0, 0, 0, 0.76); font-size: 12px;} .profiewr{float:left;width:560px} .flpodtext { color: #626262; float: left; width: 145px; padding-top: 10px; padding-bottom: 3px; padding-left: 2px; } .flpodinfo { padding-top: 6px; padding-bottom: 0px; margin-left: 180px; line-height: 23px; font-size: 14px; color: rgba(0, 0, 0, 0.68); } .fieldset{background:url("../images/hr.png") repeat-x;padding:5px;color:#446383;padding-left:0px;margin-top:5px} .fieldset span a{font-size:10px;font-weight:normal;color:#999} .w2_a, .w2_b {background:#fff;width:170px} .w2_b {width:149px} .rate{background:#d5e3f3;text-align:center;border-top:1px solid #bfd3e9;color:#5683b2;padding-top:3px;padding-bottom:3px;margin-bottom:5px;margin-top:3px} .onefriend{float:left;width:61px;overflow:hidden;text-align:center;margin-left:11px;height:90px;overflow:hidden;font-size:12px} .onefriend img{width:60px} .onefriend span{font-size:10px} .onefriend div{height:60px;margin-bottom:5px} .onesubscription{clear:both;margin-bottom:10px;min-height:50px} .onesubscriptio2n { line-height: 5px; margin: 10px 0px 10px 0px; } .onesubscription img { float: left; width: 50px; margin-right: 7px; border-radius: 30px; } div#feddbackusers { margin-bottom: -25px; } .onesubscriptiontitle{padding-top:2px;line-height:17px} .nesubscriptstatus { color: #999; font-size: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 3%; } .onenotesicon{background:url("../images/icons/wall_icons.gif") no-repeat 0 -110px;width:22px;height:22px;margin-top:5px} .oneforicpad{margin-left:5px;float:left;width:167px;margin-bottom:5px} .online_time{font-size:11px;margin-top:-37px;color:#bcc6d0} .set_status_bg { background: #EEF2F3; padding: 10px; position: absolute; margin-left: -10px; margin-top: 23px; width: 541px; } .status_but{margin-top:10px} .status_but button{padding:3px 10px 3px 10px} .status_text { margin-top: 14px; margin-left: 3px; color: rgba(136, 136, 136, 1); font-size: 13px; } .status_inp { border: 1px solid #c6d4dc; padding: 8px 10px; font-family: tahoma; font-size: 12px; } .status_tell_friends{background:#f7f7f7;box-shadow: 0px 1px 1px 1px #e9e9e9;-moz-box-shadow: 0px 1px 1px 1px #e9e9e9;-webkit-box-shadow: 0px 1px 1px 1px #e9e9e9;border:1px solid #aebdcc;height:14px;color:#21578b;padding:5px;width:147px;position:absolute;margin-top:7px} .status_str{background:url("../images/fstatus.png") no-repeat;width:13px;height:7px;margin-top:-12px;margin-bottom:5px} .profile_albums{line-height:17px;padding:10px;padding-bottom: 0px;float:left;width:200px;cursor:pointer;background:#fff;color:#fff;padding-left: 7px;} .profile_albums img{float:left;margin-right:5px;width:200px;background:#f0f0f0;height:100px} .profile_title_album { color: #fff; max-height: 34px; overflow: hidden; font-weight: 300; font-family: Helvetica; font-size: 0.82em; padding: 79px 10px 10px 10px; -webkit-font-smoothing: subpixel-antialiased; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.57); } .profile_title_album g { width: 148px; display: block; overflow: hidden; float: left; white-space: nowrap; text-overflow: ellipsis; } .profile_update_photo img{max-width:466px;max-height:466px} .profile_update_photo { margin-top: 15px; } .wallauthor { padding-top: 2px; padding-bottom:2px; } /* EDITPROFILE */ .buttonsprofile { height: 33px !important; -webkit-font-smoothing: subpixel-antialiased; margin: 4px 15px; } .buttonsprofile a{float:left;padding:10px 10px 4px 10px;margin-right:5px;font-weight:500} .activetabnews div { background: url('../images/icons/ok.png'); width: 15px; margin-left: -25px; margin-top: 8px; height: 15px; position: absolute; } .activetabnews a{ color:black; font-weight:normal; } .activetab a { padding: 4px; /* background: #2b9eb3; */ /* color: #fff; */ border: 1px solid #E5E5E5; border-bottom: 0px; border-radius: 4px 4px 0px 0px; } .activetab a div{padding:5px 11px 4px 10px} .sp_del{margin-left:6px;margin-top:5px;float:left;cursor:pointer} /* ICONS */ .icon{width:16px;height:16px;float:left;margin-right:6px} .edit_ic{background:url("../images/icons/index2.png") no-repeat 0px -60px;margin-top:2px} .editphoto_ic{background:url("../images/icons/index2.png") no-repeat} .mail_ic{background:url("../images/icons/index2.png") no-repeat 0px -46px;height:14px;margin-top:2px} .gift_ic{background:url("../images/icons/index2.png") no-repeat 0px -90px;height:14px} .addfr_ic{background:url("../images/icons/index2.png") no-repeat 0px -136px} .subs_ic{background:url("../images/icons/index2.png") no-repeat 0px -120px} .fav_ic{background:url("../images/icons/index2.png") no-repeat 0px -16px} .rate_ic{background:url("../images/icons/index2.png") no-repeat 0px -105px} .compla_ic{background:url("../images/icons/index2.png") no-repeat 0px -32px;height:14px;margin-top:2px} .del_photo_ic{background:url("../images/icons/index2.png") no-repeat 0px -153px;height:14px;margin-top:2px} .save_ic{background:url("../images/icons/index2.png") no-repeat 0px -169px;height:16px;margin-top:2px} .del_friends{background:url("../images/icons/index2.png") no-repeat 0px -185px} .new_gift{background:url("../images/transp.png") no-repeat 0px -75px} .doc_ic{background:url("../images/transp.png") no-repeat -49px -278px} .stat_ic{background:url("../images/icons/stat.png")} .online_ic { background-image: url('../images/icons/chats.png'); background-repeat: no-repeat; background-size: 127px 56px; position: relative; width: 10px; height: 10px; left: 0px; bottom: 0; right: 0; float: right; margin-left: 1px; margin-right: 4px; margin-top: -11px; background-position: -63px -44px; } /* WALL & COMMENTS */ .albtitle { font-size: 13px; color: #525559; padding-left: 0px; font-family: Helvetica Neue; } .albtitle span{color:#7C7F82} .albtitle div{color:#bfbfbf;float:right;padding-right:5px} .albtitle div a{font-weight:normal;font-size:11px} .albtitle div b{color:#21578b;font-weight:normal;font-size:11px} .albtitle div b:hover{text-decoration:underline} .newmes, .newmesnobg{padding:3px;border-top:0px;padding-top: 6px;} .newmesnobg{border-bottom:0px;margin-left: -8px;} .ava_mini{float:left;margin-right:10px;width:60px;text-align:center;color:#999;min-height:55px; font-size: 12px;} .wallrecord { padding-top: 10px !important; padding-bottom: 5px; background: #fff; padding:5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); -moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); margin-bottom: 10px; padding-bottom:10px; margin-top: 5px; display: flex; } .wallrecord .ava_mini img { border-radius: 50%; } .wallrecord .wallrecord__online { position:absolute;margin-left:4px; } .wallauthor1 { float:left; width:467px; margin-left:0px; margin-top: -3px; margin-bottom: 5px; } .wallauthor a { font-weight: normal; } .wallauthor .wallauthor__user_link a { font-weight: 500; text-shadow: -0.05em 0px 0px rgba(68, 99, 131, 0.61); } .wallauthor .wallauthor__post_link a { font-size: 11px; } .wall_clear{margin-top:17px} .walltext { line-height: 20px; margin-bottom: 0px; } .walltext img { max-width: 100%; } .infowalltext, .infowalltext_f{padding-top:13px;color:#999;-webkit-font-smoothing: antialiased;} .infowalltext li{float:left;padding-left:5px} .infowalltext div{float:left} .onephoto{float:left;width:137px;overflow:hidden;text-align:center;color:#999;font-size:10px} .onephoto img{width:120px} .comment_ico { width: 17px; height: 16px; padding-left: 17px; transition-duration: 0.2s; margin-left: 10px; opacity: 0.56; position: relative; background: url('../images/icons/comm.png'); } .comment_ico:hover { opacity:1; } .comment_fast_form{background:#f5f5f5;padding:7px;border-top:1px solid #dae2e8;border-bottom:1px solid #dae2e8;margin-left:60px;margin-top:5px;display:none} .fast_textarea{width:451px;height:40px;margin-bottom:7px} .comment_photo{float:left;margin-left: 10px;} .comment_photo img{height:100px} .wall_inpst { border: 0px solid #c6d4dc; padding: 0px; color: #A7A7A7; width: 534px; font-family: Tahoma; font-size: 14px; font-weight: 400; } .wall_delete{background: url("../images/close_a_wall.png") no-repeat;width:11px;height:11px;float:right;margin-right:5px;margin-top:2px;cursor:pointer;transition:0.2s;} .wall_delete:hover{background: url("../images/close2.png") no-repeat} .wall_upage{padding-bottom:13px;} .wall_upage2{border-top:1px solid #f1f4f7;border-bottom:0px} .wall_repost { font-size: 11px; color: #fff; background: url("http://freend.ru/templates/Default/images/transp.png") no-repeat 0px -47px; padding-left: 30px; font-weight: normal; margin-left: 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .checkbox { opacity: 0.75; filter: alpha(opacity=75); -webkit-transition: background-color 100ms ease-out; -moz-transition: background-color 100ms ease-out; -o-transition: background-color 100ms ease-out; transition: background-color 100ms ease-out; -webkit-transition: opacity 100ms ease-out; -moz-transition: opacity 100ms ease-out; -o-transition: opacity 100ms ease-out; transition: opacity 100ms ease-out; } .checkbox div { background: url("../images/icons/like_icons_bl.png") -2px 0 no-repeat !important; width: 14px !important; height: 12px !important; display: initial; padding-left: 20px; } .on div { background: url("../images/icons/like_icons_bl.png") -2px -15px no-repeat !important; width: 15px !important; height: 12px !important; display: initial; padding-left: 20px; } .checkbox { cursor: pointer; line-height: 1.27em; } .like_published_label, .like_tt .bottom .on .like_publish_label { display: none; } .on .like_publish_label { display: none; } .on .like_published_label { display: inline; } .wall_repost_border{border-left:2px solid #B3C7DB;padding-left:7px;margin-top:5px} .wall_repost_border2 { line-height: 25px; } .wall_repost_border2 .wall_tell_info { height: 38px; line-height: 18px; margin-top: 5px; } .wall_repost_border3{margin-top:-4px} .wall_vote_title { text-shadow: -0.05em 0px 0px rgba(68, 99, 131, 0.61); color: #486794; border-bottom: 1px solid #C0CAD5; padding-bottom: 5px; margin-bottom: 20px; margin-left: 1px; } .wall_vote_oneanswe { margin-top: 10px; margin-bottom: 20px; cursor: pointer; } .wall_vote_oneanswe input { margin-right: 10px; } .wall_vote_proc { height: 20px; background: #f7f7f7; color: #8BA1BC; text-align: center; width: 85%; margin-right: 12px; margin-top: 5px; margin-bottom:10px; } /* DAE1E8 */ .wall_vote_proc_bg{background:#DAE1E8;height:20px;text-align:center} .wall_rec_autoresize{float:left;width:469px;margin-left:0px} .newwallX.wall_rec_autoresize { width: 475px; } /* Редактирование записей */ .editwall{background: url("../images/icons/edit.png") no-repeat;width:12px;height:11px;float:right;margin-right:5px;margin-top:2px;cursor:pointer;filter: alpha(opacity=20);opacity: 0.2;} .editwall:hover{background: url("../images/icons/edit.png") no-repeat;filter: alpha(opacity=85);opacity: 0.85;} .editcomm{background: url("../images/icons/edit.png") no-repeat;width:12px;height:11px;float:right;margin-right:20px;margin-top:-15px;cursor:pointer;filter: alpha(opacity=20);opacity: 0.2;} .editcomm:hover{background: url("../images/icons/edit.png") no-repeat;filter: alpha(opacity=85);opacity: 0.85;} .comm_delete{background: url("../images/close_a_wall.png") no-repeat;width:11px;height:11px;float:right;margin-right:5px;margin-top:-15px;cursor:pointer} .comm_delete:hover{background: url("../images/close2.png") no-repeat} .inpst_wall{width:470px;} .inpst_wall_com{width:470px;} /* LOADING STYLE */ .load_mini{margin-top:7px;margin-left:5px;display:none} /* FOOTER */ .footer { text-align: left; padding: 10px; color: #666; font-size: 13px; } .footer a{padding:5px} .footer a:hover{padding:3px 5px;text-decoration:underline} /* LOADING */ #loading{display:none;z-index:100} .loadstyle { width: 50px; margin: auto; background: url('../images/oupload.gif') no-repeat center; padding: 17px; background-size: 30%; right: -30px; height: 10px; z-index: 1; margin-top: 3px; position: absolute; } /* BOX SHADOW */ .box_bg{box-shadow: 0px 1px 5px 0px #666; -moz-box-shadow: 0px 1px 5px 0px #666; -webkit-box-shadow: 0px 0px 15px 1px #666} /* BOX */ .box_pos, .photo_view, .video_view, .swf_loaded{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;overflow:auto;padding-bottom:20px;background:url("../images/bgb22.png");z-index:100} .photo_view{padding-left:17px} .box_bg{margin:auto;width:300px;margin-top:30px} .box_conetnt{background:#fff;border:1px solid #858585;border-top:0px;border-bottom:0px solid #d7d7d7;font-size:13px;max-height: 400px;overflow: auto;} .box_title { padding: 15px; font-size: 13px; background: #527498; color: #fff; font-weight: 500; } .box_close{background:url("../images/close2.png") no-repeat;width:11px;height:11px;float:right;cursor:pointer;margin-top:3px} .box_close:hover{background:url("../images/close_a.png") no-repeat} .box_footer{background:#fff;padding:0px 15px 15px 0px;border:1px solid #858585;border-top:0px;height:25px} .box_ppad{padding:15px} .bg_show{background: url("/templates/Default/images/bg_show8.png") repeat-x;height:5px} .bg_show_bottom{background: url("/templates/Default/images/bg_show5.png") repeat-x;height:5px;margin-top:-5px} .box_info{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:100} .box_info_margin{width:300px;color:#fff;margin:auto;background: url('../images/bgbi.png');padding:15px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 0px 2px 8px 1px #444; -moz-box-shadow: 0px 2px 8px 1px #444; -webkit-box-shadow: 0px 2px 8px 1px #444;margin-top:250px;text-shadow:0px 1px 0px #262626;z-index:100} .box_info_margin span{font-size:13px} .box_info_margin a{color:#a9cdf0} .box_turn_panel{position:fixed;bottom:0px} /* LOAD PHOTO */ .load_photo_pad{padding:10px;padding-top: 5px;} .load_photo_quote { padding: 11px; background: #f4f7fa; font-size: 12px; text-align: center; color: #41688E; margin: 3px; margin-top: 50px; width: 200px; float: right; } .load_photo_but { margin-top: -110px; margin-right: -35px; padding: 10px; width: 200px; height: 20px; float: right; } .info_center { font-size: 13px; color: #666; line-height: 25px; text-align: center; text-shadow: 1px 1px 0px #FFFFFF; } .msg_info{ margin-top: -100px; margin-bottom: 50px; font-weight: 300; font-size: 14px; position:relative; } /* ALBUMS */ .albums{background:#fff;margin-top:10px;line-height:17px} .albums_drag{background:#000} .albums_cover, .albums_cover_photo{width:174px;height:100px;background:#f0f0f0;float:left;text-align:center;overflow:hidden;margin-right:10px;position:relative;border-radius: 3px;} .albums_cover_photo { margin-top: 6px; margin-bottom: 6px; } .phet{ padding: 0px 10px 5px 0px; margin-left: -5px; } .albums_name{padding-top:2px} .albums_name a{font-weight:bold;font-size:13px;color:#4274a4} .albums_photo_num{color:#777;padding-top:4px} .albums_infowalltext{margin-left:150px} .albums_infowalltext a{color:#21578b} .albums_infowalltext a:hover{text-decoration:underline} .album{border-bottom:1px solid #f1f4f7;padding-bottom:5px;padding-top:5px} .hralbum{background:#f1f4f7;height:1px;margin-bottom:10px;clear:both} .l_pppho{float:left;margin-top:20px;margin-left:10px;width:180px} .l_pppho a{padding-top:6px;padding-bottom:6px;border:0px} .l_pppho a:hover{padding-top:5px;padding-bottom:5px} .albums_photo_panel{position:absolute;background:url("../images/bgb3.png");width:130px;padding:5px;text-align:right;display:none;width:63px;top:74px;margin-left:100px;} .albums_ic{float:right;width:16px;height:16px;margin-left:5px} .ic_del{background:url("../images/icons/index2.png") no-repeat 0px -185px} .ic_cover{background:url("../images/icons/index2.png") no-repeat 0px -201px} .ic_edit{background:url("../images/icons/index2.png") no-repeat 0px -217px} .ic_posi{background:url("../images/icons/index2.png") no-repeat 0px -121px} .ic_mark{background:url("../images/transp.png") no-repeat -27px -152px} .tooltip{background:url('../images/like_icons_bl.png') no-repeat;background-position: center 0px;width:17px;height:10px;margin-top:-1px;margin-left:2px} .albums_new_cover { position: absolute; border: 2px dashed #486794; display: none; width: 170px; height: 96px; } .cover_edit_title { background: #eff1f3; padding: 15px; padding-left: 10px; color: #21578b; font-weight: 700; font-size: 12px; } div#addAnswerInp { margin-top: 14px; } /* NAV */ .nav{clear:both;text-align:center} .nav a{padding:5px} .nav span{padding:5px;font-weight:bold;border-bottom:3px solid #21578b;color:#21578b} .nav a:hover{text-decoration:none;border-bottom:3px solid #a5c0d9} /* PHOTOS VIEW */ .rating{background:url("../images/rating0.png") no-repeat;width:40px;height:38px;margin-right:5px;font-weight:bold;font-size:25px;color:#fff;text-align:center;float:left;margin-top:7px;cursor:pointer;opacity:0.5;margin-bottom:-10px;font-family:Comic Sans MS;padding-top:2px} .rating:hover{opacity:1} .rating2{opacity:0.7} .ratpos{width:270px;margin:auto} .ratingyes{width:120px;margin:auto} .ratingyestext{color:#777;padding-top:19px;margin-right:10px} .rating3{cursor:default;opacity:1} .ratingbg{background:#f5f5f5;height:53px;margin-top:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} .rateforowne{text-align:center;padding-top:19px;color:#777} .rateforowne a{font-weight:bold;color:#777} .rate_block{float:left;width:320px;font-size:11px;margin-top:10px;margin-bottom:10px} .rate_block a img{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;float:left;margin-right:10px} .rate_vbss{float:right;margin-top:-3px;margin-right:10px} .rate_date{color:#777;margin-top:5px} .rate_date a{color:#777;text-decoration:underline} .rate_date a:hover{text-decoration:none} .rate_alluser{background:#EEF0F2;color:#738392;display:block;padding:16px;text-align:center;font-size:11px;margin:-20px;margin-top:10px} .rate_fnews_bott{margin-bottom:-5px} .photo_view, .video_view, .swf_loaded{background:url("../images/bgb3.png")} .photo_bg, .video_show_bg{width:1000px;margin:auto;background:#fff;padding:15px;margin-top:17px} .photo_bg { width: 57%; padding: 20px; padding-top: 0px; padding-left: 0px; padding-bottom: 10px; background:none } .photo_descr { line-height: 17px; padding: 10px; position: absolute; background: rgba(0, 0, 0, 0.45); color: white; right:22%; max-width:30%; margin-top: 20px; border-radius: 2px; text-align: right; } .photo_info { color: rgba(119, 119, 119, 0.75); margin-top: 25px; } .photo_leftcol { float: left; width: 45%; padding-bottom: 10px; overflow: hidden; word-wrap: break-word; padding-right: 17%; margin-right: 3%; } .photo_comm { border-radius: 0; border: 0; margin: auto; margin-left: 30%; font-size: 12px; width: 100% !important; padding-left: 5px; } .info_comm_text { padding-top: 9px; color: #999; } .photo_comm img { width: 55px; border-radius: 3px; } .pinfo{ position:absolute; background:white; width:58% } .photo_com_title { color: #FFFFFF; margin-bottom: 0px; position: absolute; background: rgba(0, 0, 0, 0.45); padding: 10px; padding-bottom: 8px; margin: 20px; border-radius: 3px; } .photo_com_title div{float:right;font-weight:normal} .hrphoto{height:1px;background:#edf1f5;margin-top:10px} .photo_rightcol { float: left; width: 23%; padding: 10px; color: #777; margin-top: 10px; padding-left: 10px; line-height: 25px; font-size: 86%; } .photo_close{background:url("../images/cl_photo2.png") no-repeat right;width:50px;height:17px;position:fixed;right:35px;top:15px;cursor:pointer} .photo_close:hover{background:url("../images/cl_photo2_a.png") no-repeat right} .prev_link, .next_link{background:url("../images/leftb2.png") no-repeat;width:20px;float:left;height:140px;margin-left:-15px;margin-top:200px; opacity:0.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);cursor:pointer} .prev_link:hover, .next_link:hover{opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)} .next_link{background:url("../images/rightb2.png") no-repeat -10px 0;float:right;margin-left:0px;margin-right:-15px} .comm_wr, .comm_wr_all{ padding-left: 0px; padding-top:0px; width:535px} .comm_wr_all{width:660px} .photo_all_comm_bg{background:#f5f5f5;padding:10px;text-align:center;width:515px;border-top:1px solid #dae2e8} .editphoto_c{cursor:move;background:#fff} .editphoto_c{width:90px} .editphoto_c img{width:78px} .photo_prev_but{background:url("../images/ptobuts.png") no-repeat;width:37px;height:35px;position:absolute;margin-left:-70px} .photo_prev_but:hover{background:url("../images/ptobuts.png") no-repeat 0 -35px} .photo_prev_but:active{background:url("../images/ptobuts.png") no-repeat 0 -70px} .photo_next_but{background:url("../images/ptobuts.png") no-repeat 0 -105px;width:37px;height:35px;position:absolute;margin-left:803px} .photo_next_but:hover{background:url("../images/ptobuts.png") no-repeat 0 -140px} .photo_next_but:active{background:url("../images/ptobuts.png") no-repeat 0 -175px} .photo_img_box{width:103.1%;text-align:center;min-height:200px; margin-bottom: -3px;background-color: rgba(0, 0, 0, 0.50); } .photo_img_box img { border-radius: 0px; max-width:100% } .photos_gradus_pos{padding-top:10px} .photos_gradus_left, .photos_gradus_right{background:url("../images/transp.png") no-repeat -35px -202px;width:16px;height:16px;margin-top:3px;cursor:pointer;margin-left:4px} .photos_gradus_left:hover{background:url("../images/transp.png") no-repeat -35px -222px} .photos_gradus_right{background:url("../images/transp.png") no-repeat -55px -202px} .photos_gradus_right:hover{background:url("../images/transp.png") no-repeat -55px -222px} .oneliked { float: left; width: 94px; overflow: hidden; text-align: center; margin-left: 9px; height: 111px; overflow: hidden; font-size: 12px; } .oneliked div { height: 60px; margin-bottom: 21px; } .oneliked img { width: 80px; border-radius: 50px; } /* FRIENDS */ .user_descr { font-size: 12px; line-height: 15px; color:#666; margin-top: 7px; } .friends_rec { float: left; width: 250px; overflow: hidden; height: 100px; margin: 5px 10px 0px; display: inline-block; } .friends_rec .user_descr { height:33px; } .friends_rec a{font-size:12px;margin-top:5px;} .friends_rec a div img{width:85px} .friends_rec a div{width:100px} .friends_onefriend { float: left; width: 540px; overflow: hidden; height: 100px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); -moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); padding-top: 10px; background: #fff; padding: 10px; margin-top: 5px; margin-bottom: 10px; margin-left: -1px; } .friends_onefriend a div img{float:left;margin-right:12px;width:100px} .friends_tfl{float:left;color:#777;width:50px} .friends_clr{margin-top:5px} .width_100{width:97.5%} .friends_m { border: 0px !important; } .friends_m a{width:130px;padding-left:10px;padding-right:10px;} .fw100{width:100px} .friends_ava{height:100px;float:left} .friends_onebox{float:left;width:170px;padding:10px;color:#21578b;max-height:30px;overflow:hidden} .friends_onebox img{float:left;margin-right:10px;width:30px} .friends_onebox:hover{background:#f7f9fa} /* DISPLAY */ .no_display, #no_display{display:none} /* FAVE */ .onefaveu { float: left; width: 150px; text-align: center; margin-top: 10px; overflow: hidden; max-height: 313px; min-height: 100px; margin-right: 10px; } .fave_tpad { margin-top: -39px; position: absolute; color: white; box-shadow: -2px -24px 33px -6px #000000 inset; padding: 10px; padding-left: 13px; padding-right: 17px; width: 120px; margin-left: 0px; } .onefaveu img { max-width: 150px; } .fave_input { background: #486794; background-position: 5px; border: 0px solid #c6d4dc; padding: 8px; font-family: Tahoma; font-size: 13px; border-radius: 4px; padding-left: 11px; -webkit-font-smoothing: subpixel-antialiased; width: 100%; } .onefaveu td{padding:0px} .fave_del_ic { position: absolute; background: url("../images/file_del.png") no-repeat; width: 13px; height: 13px; cursor: pointer; margin-left: 134px; } .fave_del_ic:hover{position:absolute;background: url("../images/file_del.png") no-repeat 0 -13px} /* MESSAGES */ .msg_ava{float:left;width:60px} .msg_one{border-top:1px solid #eef0f2;margin-left:-12px;margin-right:-12px} .msg_one:hover, .msg_new{background:#f7f9fa} .msg_one a:hover{text-decoration:none} .msg_one a span:hover, .msg_del_link a:hover{text-decoration:underline} .gwidth_80{width:80px} .msg_pad{padding:10px;padding-right:0px} .msg_left_col{float:left;width:150px;padding-top:7px} .msg_left_col div{color:#777} .msg_left_col div span{color:#999} .msg_right_col{padding-top:10px;color:#547fa8;float:left;width:510px} .msg_right_col div{margin-top:5px} .msg_right_col span{color:#174a7b} .msg_right_col span:hover{text-decoration:underline} .msg_del_link{padding-top:20px} .msghr{margin-top:10px;background:#eef0f2} .msg_review_ava{float:left;width:110px;text-align:center} .msg_review_ava img{margin-right:5px} .msg_review_ava div{color:#777;margin-bottom:5px} .msg_review_name{font-size:13px;font-weight:bold;float:left;margin-top:2px;color:#21578b} .msg_review_date{float:right;color:#999;margin-top:5px} .msg_review_text{margin-top:5px;margin-bottom:10px;min-height:23px;padding-left:1px;line-height:17px} .msg_review_right_col{float:left;width:650px} .msg_answer_form{border-top:1px solid #e4e7eb;border-bottom:1px solid #e4e7eb;background:#f5f5f5;padding:10px;clear:both;margin-top:5px;margin-left:-12px;margin-right:-12px} .msg_none{background:#f5f5f5;padding:10px;text-align:center;font-size:13px;color:#888;margin-top:10px;margin-top:0px;height:50px;padding-top:50px} .msg_view_histroy{color:#21578b;cursor:pointer;text-align:center;padding-top:15px} .msg_view_histroy:hover{text-decoration:underline} .msg_view_history_title{text-align:center;padding-top:10px;padding-bottom:10px;font-size:13px;font-weight:bold;color:#21578b} .msg_onehistory{padding:5px 0px 5px 0px;margin-bottom:5px;padding-right:10px} .msg_history_name{float:left;margin-right:10px;width:100px;text-align:right} .msg_hist_text{width:555px} .msg_hist_date{float:left;color:#999;width:50px;text-align:right} .msg_history_owner_color a{color:#b9c8d7} .msg_se_bg{background:#f5f5f5;padding:10px;border-top:1px solid #e4e7eb;border-bottom:1px solid #e4e7eb;font-weight:bold;color:#222;margin-left:-12px;margin-right:-12px} .msg_se_inp{width:660px;margin-right:10px;color:#000} .msg_pad_top{margin-top:5px} .msg_speedbar{color:#5d8ebe;padding:5px;padding-left:0px;font-weight:bold} .msg_histry_del{margin-left:10px;margin-top:2px} .msg_new_mes_ic_photo, .msg_new_mes_ic_video, .msg_new_mes_ic_smile, .msg_new_mes_ic_audio, .msg_new_mes_ic_doc{background:url("../images/icons/index2.png") no-repeat 0px -265px;padding-left:19px} .msg_new_mes_ic_video{background:url("../images/icons/index2.png") no-repeat 0px -277px} .msg_new_mes_ic_smile{background:url("../images/icons/index2.png") no-repeat 0px -289px} .msg_new_mes_ic_audio{background:url("../images/transp.png") no-repeat -49px -127px} .msg_new_mes_ic_doc{background:url("../images/transp.png") no-repeat -51px -261px;padding-left:15px} /* NOTES */ .notes_ava { float: left; width: 50px; text-align: center; color: #777; margin-right: 5px; } .blog_author{ padding-top: 10px; padding-bottom: 2px; } .blog_author div{ font-size: 13px; margin-top: 2px; color: #666; } .notes_ava img{ border-radius:40px; } .one_note { float: left; width: 690px; padding: 9px; height: 31px; } .one_note span a{font-size:14px;text-shadow: -0.05em 0px 0px rgba(68, 99, 131, 0.61);} .one_note div { margin-top: 4px; font-size: 13px; color: #666; } .one_note div a{font-size:12px} .note_text, .im_text{padding:10px;line-height: 17px;word-wrap: break-word} .im_text1 { color: #898989; font-size: 12px; float: left; /*! width:155px; */ } .im_unread { background: #E6EAF2; margin: -1px -10px; margin-bottom: 316px !important; padding: 13px 10px; padding-bottom: 11px !important; padding-top: 10px !important; border-top: 1px solid rgb(209, 216, 224) !important; border-bottom: 1px solid rgb(209, 216, 224) !important; } .im_unread1 .im_text1 { background: #E6EAF2; padding: 5px 7px; border-radius: 4px; margin-top: -1px; white-space: nowrap; width: 145px; overflow: hidden; border-bottom: 1px solid rgb(209, 216, 224); text-overflow: ellipsis; } .im_text:hover .im_msg_date { display: block; } .note_inf_panel { padding: 10px; color: #777; } .note_full_title { border-top: 1px solid #e4e7eb; border-bottom: 1px solid #e4e7eb; background: #f5f5f5; padding: 10px 20px 11px 25px; margin-left: -13px; margin-right: -15px; margin-top: -13px; } .note_full_title span a{font-size:13px;font-weight:bold} .note_full_title div{margin-top:4px} .note_full_title div a{font-size:11px} .note_text_full{border-top:0px;margin-bottom:10px} .note_wr_comm{word-wrap: break-word;border-top:1px solid #f1f4f7;border-bottom:0px;padding-bottom:10px} .note_all_com{width:750px} .note_add_bg { width: 714px; font-size: 13px; padding: 25px 40px 25px 40px; } .note_pos{max-height:407px;overflow:hidden} .note_text img{margin:5px; max-width:560px} /* VIDEOS */ .videos_pad{padding:15px} .videos_text { color: #4274a4; font-size: 13px; font-weight: 400; margin-bottom: 10px; } .videos_input { border: 1px dashed #95AFC8 !important; padding: 6px; color: #5081b1; font-size: 13px; width: 466px; margin-bottom: 10px; resize: none; } .videos_res_photos {background:#222;height:105px;margin-bottom:10px;float:left} .videos_res_photos img{width:140px} #vi_info{color:#888;line-height:17px;font-size: 11px;} #no_serviece{display:none;color:#444} .onevideo{border-top:1px solid #f1f4f7;padding-top:10px} .onevideo_img{background:#000;float:left;width:200px;height:100px;margin-right:10px;margin-bottom:10px;border-radius:3px} .onevideo_img img{background:#222} .onevideo_title{font-size:13px;font-weight:bold;padding-top:5px;padding-bottom:5px} .onevideo_title a{color:#4274a4} .onevideo_inf{color:#777;line-height:20px} .onevideo_inf2{color:#000;line-height:20px;max-height:40px;overflow:hidden} .videos_delok{color:#777;height:91px;padding-top:50px;padding-left:20px} .video_show_bg{padding:0px} .video_show_object{padding:20px;background:#000;color:#888;height:500px} .video_show_title{font-weight:bold;margin-bottom:15px} .video_show_title div{float:right;font-weight:normal} #video_object{} .video_show_title a, .video_show_object a{color:#888} .video_show_title a:hover, .video_show_object a:hover{color:#fff;text-decoration:none} .video_show_panel{background:#fff;padding:20px;padding-top:10px} .video_show_date{color:#777} .video_show_descr{line-height:17px;margin-bottom:15px} .video_show_left_col { margin-top: 10px; margin-left: 145px; width: 216px; } .video_hide{background:#000;position:absolute;width:770px;height:420px} .videos_cmm{padding-bottom:10px} .video_all_box{cursor:pointer;width:136px;text-align:center;font-size:10px;height:150px;margin-right:11px;overflow:hidden;color:#21578b} .video_all_box:hover{text-decoration:underline} .video_all_box img{width:130px;padding:2px;border:1px solid #ddd} .video_all_box img:hover{border:1px solid #799bbb} .video_profile_title{padding-top:2px;padding-bottom:2px} .profile_one_video{margin-bottom:5px} #ava { border-radius: 3px 3px 0px 0px; } /* SEARCH */ .search_tab { width: 225px; float: left; padding: 10px; margin-top: -5px; } .search_input { width: 216px; float: left; margin: 0px; border-right: 0px; padding-right: 0px; border-radius: 4px; font-size: 14px; background: url("../images/icons/hsearch.png") no-repeat 200px; background-color: #344F7A; color: rgba(255, 255, 255, 0.82); -webkit-font-smoothing: antialiased; } .search_type{background-position:5px;background:url("../images/sel.gif") no-repeat right;border:1px solid #c6d4dc;padding:5px;color:#999;float:left;width:100px;border-left:0px;text-align:right;padding-right:15px;cursor:pointer} .search_type:hover{color:#555} .search_alltype_sel{position:absolute;background:#fff;box-shadow: 0px 1px 1px 1px #e1e1e1;-moz-box-shadow: 0px 1px 1px 1px #e1e1e1;-webkit-box-shadow: 0px 1px 1px 1px #e1e1e1;border:1px solid #b9c7d4;margin-left:215px;margin-top:25px;border-top:0px;z-index:100} .search_alltype_sel div{width:90px;padding:5px 10px 5px 10px;cursor:pointer} .search_alltype_sel div:hover{background:#6394c3;color:#fff;border-top:1px solid #4177ab;border-bottom:1px solid #4177ab;padding:4px 10px 4px 10px} .search_type_selected{background:#ededed} .search_type_noselected{background:#fff} .search_result_title{padding:5px;padding-left:0px;padding-top:10px;font-weight:bold;color:#486794} .search_sel{width:130px} .search_sotrt_tab { position: absolute; width: 167px; margin-top: 25px; margin-left: 610px; color: #555; background: #fff; border-radius: 2px; padding: 10px; padding-right: 9px; -webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); -moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); } .search_sotrt_tab select{width:140px} .search_clear{margin-top:10px;clear:both} .search_people_res{width:575px;} .search_r_bg{background:#f7f7f7;width:170px;height:136px;margin-right:-12px;border-left:1px solid #e4e7eb;margin-bottom:-15px} .search_form_tab { color: #21578b; position: relative; width: 100%; } .search_videos_res{height:152px} .filterOpen { font-weight: 500; } /* CHECKBOX */ .html_checkbox { background: url("../images/checkbox.gif") no-repeat; min-width: 15px; height: 14px; cursor: pointer; float: left; padding-top: 0px; padding-left: 20px; font-size: 12px; } .html_checkbox:hover{background:url("../images/checkbox.gif") no-repeat 0px -28px} .html_checked{background:url("../images/checkbox.gif") no-repeat 0px -14px} .html_checked:hover{background:url("../images/checkbox.gif") no-repeat 0px -42px} /* FOR WALL */ .wall_upgwi{color:#21578b;width:540px;border-top:1px solid #e0eaef} #wall_l_href:hover{color:#21578b;text-decoration:underline} .fast_form_width{width:449px;padding:4px} .wall_fast_form, .wall_fast_opened_form{background:#ffffff;padding:6px;margin-top:30px;border: 1px solid #E5E5E5;border-radius:3px} .wall_fast_opened_form{margin-top:0px;margin-left:60px;margin-bottom:10px;border: 1px solid #E5E5E5; border-radius: 3px;} .wall_fast_ava{float:left;width:45px} .wall_fast_ava img{width:35px} .wall_fast_comment_text{padding-top:2px;padding-bottom:2px;margin-left:37px;line-height:17px} .wall_fast_date { font-size: 12px; color: rgba(153, 153, 153, 0.66); margin-left: 10px; margin-top: 2px; } .wall_fast_block { margin-left: 60px; margin-bottom: 5px; padding-top: 7px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); -moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); background: white; padding: 10px; } .wall_fast_block_news{ width:472px; } .wall_ava_mini {height:40px} .wall_fast_all_comm{margin-left:60px;font-size:11px;width:480px} .wall_fast_all_comm:hover{text-decoration:underline} .wall_fast_opened_texta{height:33px;color:#000;margin:0px} .wall_like, .wall_like_active{background:url("../images/icons/index2.png") no-repeat right -234px;padding-right:19px;margin-right:5px;color:#21578b;margin-top:-1px} .wall_like:hover{background:url("../images/icons/index2.png") no-repeat right -251px} .wall_like_active{background:#fff;padding-right:0px} .wall_like_active div{padding-top:1px} .wall_like{margin-top:-1px} .wall_like_count, .wall_like_no_count{background:url("../images/icons/index2.png") no-repeat 0 -251px;color:#21578b;margin-right:5px;padding-left:20px;font-weight:bold} .wall_like_no_count{background:url("../images/icons/index2.png") no-repeat 0 -234px} .wall_like_no_count:hover{background:url("../images/icons/index2.png") no-repeat 0 -251px} .wall_liked_block{position:absolute;margin-left:380px;box-shadow: 0px 1px 1px 1px #e1e1e1;-moz-box-shadow: 0px 1px 1px 1px #e1e1e1;-webkit-box-shadow: 0px 1px 1px 1px #e1e1e1;width:175px;margin-top:-72px;height:67px} .wall_liked_title{background:#5687b8;color:#fff;font-size:11px;text-shadow:0px 1px 0px #4577a8;border:1px solid #396c9e} .wall_liked_title div{border:1px solid #5281af;border-top:1px solid #7fa6cd;padding:3px 7px 3px 7px} .wall_liked_users{background:#fff;padding:8px;border:1px solid #aebdcc;border-top:0px;padding-right:0px} .wall_liked_users a img{width:25px;margin-right:8px;min-height:25px} .wall_liked_ic{background:url("../images/like_s.png") no-repeat;width:11px;height:7px;margin-top:-1px;margin-left:48px} .wall_liked_for_mouse{height:10px;position:absolute;width:100px;margin-left:380px;margin-top:-8px;font-size:11px} .wall_liked_loading{margin-top:8px;margin-bottom:9px;margin-left:58px} .wall_attach, .wall_attach_selected{color:#21578b;cursor:pointer;margin-top:12px;padding: 5px 11px 5px 10px;} .wall_attach_selected { color: #21578b; border: 1px solid #316598; padding: 4px 10px 4px 10px; border-radius: 2px; border-bottom:1px solid rgba(198, 212, 220, 0.29); } .wall_attach:hover{text-decoration:underline} .wall_attach_selected:hover{text-decoration:none} .wall_attach_menu { position: absolute; width: 125px; background: #fff; -moz-box-shadow: 0px 1px 1px 1px #e9e9e9; border: 1px solid rgba(198, 212, 220, 0.29); margin-left: 419px; margin-top: 37px; color: #21578b; z-index: 99; } .wall_attach_icon_photo { cursor: pointer; background: url("../images/icons/attach_photo.gif") no-repeat 0 7px; height: 19px; padding-left: 25px; padding-top: 5px; padding-right: 13px; margin-top: 12px; color: rgba(33, 87, 139, 1); opacity: 0.8; border-right: 1px solid #E7EAED; } .wall_attach_icon_video { cursor: pointer; background: url("../images/icons/attach_icons.gif") no-repeat; background-position: 3px -20px; height: 19px; padding-left: 27px; padding-top: 5px; padding-right: 5px; margin-top: 12px; margin-left: 6px; color: rgba(33, 87, 139, 1); opacity: 0.8; border-right: 1px solid #E7EAED; } .wall_attach_icon_audio { cursor: pointer; background: url("../images/icons/attach_icons.gif") no-repeat; background-position: 3px -42px; height: 19px; padding-left: 27px; padding-top: 5px; padding-right: 6px; margin-top: 12px; margin-left: 6px; color: rgba(33, 87, 139, 1); opacity: 0.8; border-right: 1px solid #E7EAED; } .wall_attach_icon_doc { cursor: pointer; background: url("../images/icons/attach_icons.gif") no-repeat; background-position: 3px -64px; height: 19px; padding-left: 27px; padding-top: 5px; padding-right: 13px; margin-top: 12px; margin-left: 6px; color: rgba(33, 87, 139, 1); opacity: 0.8; border-right: 1px solid #E7EAED; } .wall_attach_icon_vote{cursor: pointer; background: url("../images/icons/attach_icons.gif") no-repeat; background-position: 3px -108px; height: 19px; padding-left: 27px; padding-top: 5px; padding-right: 7px; margin-top: 12px; margin-left: 6px; color: rgba(33, 87, 139, 1); opacity: 0.8; border-right: 1px solid #E7EAED; } .wall_attach_icon_timer{cursor:pointer;background:url("../images/icons/wall_icons.gif") no-repeat 0 -43px;height:19px;padding-left: 27px;opacity: 0.8; padding-top: 5px; padding-right: 7px; margin-top: 12px; margin-left: 6px;} .wall_attach_icon_timer{background: url("../images/icons/wall_icons.gif") no-repeat 0 -174px} .wall_attach_icon_smile{background: url("../images/icons/wall_icons.gif") no-repeat} .wall_attach_icon_smile:hover{background: #e2e8ee url("../images/icons/wall_icons.gif") no-repeat} .wall_attach_smile{margin:5px;cursor:pointer} .attach_files{margin-top:10px;margin-bottom:5px} .wall_attach_photo { height: 100px; overflow: hidden; margin-top: 10px; margin-right: 10px; position: relative; } .wall_attach_photo img { max-width: 135px; } .wall_attach_del{position:absolute;background: url("../images/file_del.png") no-repeat;width:13px;height:13px;cursor:pointer;right: 0;} .wall_attach_del:hover{background: url("../images/file_del.png") no-repeat 0px -13px} .wall_onevideo{background-position:absolute;margin-right:10px;margin-top:5px;width:140px} .wall_none{border-top:0px solid #e0eaef;text-align:center;font-size:13px;color:#999;padding-top:10px} .wall_tell_ava{float:left;margin-right:5px;margin-top:2px} .wall_tell_name a { font-size: 13px; text-shadow: -0.05em 0px 0px rgba(68, 99, 131, 0.61); } .wall_tell_name{background:url("../images/reopost.png") no-repeat;margin-left:37px;padding-left:12px} .wall_tell_date{color:#777;float:left;padding-left:2px; font-size: 12px;} .wall_tell_info{height:38px;margin-top:5px} .wall_tell{/*! background:url("../images/transp.png") no-repeat 0px -48px; */width:11px;height:11px;float:right;opacity:0.5} .wall_tell:hover{background:url("../images/transp.png") no-repeat 0px -62px;width:11px;height:11px;float:right;opacity:1} .wall_tell_ok{background:url("../images/transp.png") no-repeat -11px -48px;width:13px;height:11px;float:right} .wall_tell_ok:hover{background:url("../images/transp.png") no-repeat -11px -48px;width:13px;height:11px} .wall_tell_fornews{margin-top:-15px} .attach_link_bg { background: #EEF2F3; border-bottom: 5px solid #c0cad5; padding: 10px; } .attach_link_bg img{max-width:150px;max-height:170px;margin-right:10px} .attach_link_info { line-height: 25px; margin-top: 10px; margin-bottom: -10px; } .attach_link_info a { font-weight: 500; } #attatch_link_title, .attatch_link_title { color: #979797; font-weight: 500; margin-bottom: 5px; line-height: 20px; } .attach_toolip_but{background:url("../images/like_s.png") no-repeat;width:11px;height:7px;margin-top:-1px;margin-left:50px;margin-bottom:5px} .attach_link_block_te { color: #555; font-size: 13px; margin-top: 3px; } .attach_link_block_ic { background: #486794 url("../images/icons/arrow.png") no-repeat 5px 6px; width: 9px; padding: 4px; border-radius: 10px; border: 2px solid white; height: 9px; margin-top: -27px; margin-left: 453px; position: absolute; } #attach_block_lnk, #attach_block_vote{margin-top:10px} .wall_show_block_link{margin-bottom:5px;border-left:2px solid #b3c7db;padding-left:5px;margin-left:1px;background:none;margin-top:5px;height:80px} .wall_show_block_link img{margin-right:10px;max-height:80px;max-width:100px;background-color:#f0f0f0 transparent} .wall_tell_all{background:url("../images/like.gif") no-repeat scroll 0px -21px transparent;width:13px;height:10px;float:left;margin-right:3px;margin-top:1px;opacity: 0.5; visibility: visible} .wall_tell_all_yes{background:url("../images/like.gif") no-repeat 0px -21px;opacity:1} .wall_strlen{max-height:155px;overflow:hidden;} .wall_strlen_full{cursor:pointer;font-weight:bold;color:#94ADC6;padding-top: 10px;} .wall_strlen_full:hover{color:#45688E} /* WYSIWYG */ .wysiwyg_inpt{width:725px;height:350px;overflow:auto;outline:none} .wysiwyg_bbpanel { padding: 5px 0px 17px; } .wysiwyg_icphoto, .wysiwyg_icvideo, .wysiwyg_iclink, .wysiwyg_icsymbol, .wysiwyg_icbold, .wysiwyg_ici, .wysiwyg_icunderline, .wysiwyg_icpleft, .wysiwyg_icpcenter, .wysiwyg_icpright, .wysiwyg_icquote{float:left;width:22px;height:22px;margin-right:3px;border:1px solid #f0f0f0} .wysiwyg_icphoto{background:url("../images/icons/wall_icons.gif") no-repeat 0 -43px} .wysiwyg_icphoto:hover{background: #fff url("../images/icons/wall_icons.gif") no-repeat 0 -43px;border:1px solid #ddd} .wysiwyg_icvideo{background:url("../images/icons/wall_icons.gif") no-repeat 0 -21px} .wysiwyg_icvideo:hover{background: #fff url("../images/icons/wall_icons.gif") no-repeat 0 -21px;border:1px solid #ddd} .wysiwyg_iclink{background:url("../images/icons/wysiwyg.gif") no-repeat -158px -19px} .wysiwyg_iclink:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -158px -19px;border:1px solid #ddd} .wysiwyg_icsymbol{background:url("../images/icons/wysiwyg.gif") no-repeat -219px -19px} .wysiwyg_icsymbol:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -219px -19px;border:1px solid #ddd} .wysiwyg_icbold{background:url("../images/icons/wysiwyg.gif") no-repeat 2px 1px} .wysiwyg_icbold:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat 2px 1px;border:1px solid #ddd} .wysiwyg_ici{background:url("../images/icons/wysiwyg.gif") no-repeat -19px 1px} .wysiwyg_ici:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -19px 1px;border:1px solid #ddd} .wysiwyg_ici{background:url("../images/icons/wysiwyg.gif") no-repeat -19px 1px} .wysiwyg_ici:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -19px 1px;border:1px solid #ddd} .wysiwyg_icunderline{background:url("../images/icons/wysiwyg.gif") no-repeat -38px 1px} .wysiwyg_icunderline:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -38px 1px;border:1px solid #ddd} .wysiwyg_icpleft{background:url("../images/icons/wysiwyg.gif") no-repeat -119px 1px} .wysiwyg_icpleft:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -119px 1px;border:1px solid #ddd} .wysiwyg_icpcenter{background:url("../images/icons/wysiwyg.gif") no-repeat -139px 1px} .wysiwyg_icpcenter:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -139px 1px;border:1px solid #ddd} .wysiwyg_icpright{background:url("../images/icons/wysiwyg.gif") no-repeat -39px -39px} .wysiwyg_icpright:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -39px -39px;border:1px solid #ddd} .wysiwyg_icquote{background:url("../images/icons/wysiwyg.gif") no-repeat -198px -19px} .wysiwyg_icquote:hover{background: #fff url("../images/icons/wysiwyg.gif") no-repeat -198px -19px;border:1px solid #ddd} .notes_videoborder{padding:5px;border:1px solid #ddd} .wysiwyg_quote{padding:10px;background:#f0f0f0;border-left:10px solid #4274a4} .notes_videopad{padding-right:5px} /* NEWS */ .news_comm_wr { width: 545px; padding-left: 5px; } .news_comm_wr .wallauthor { padding-top: 5px; } .newsnewfriend{float:left;text-align:center;width:110px;margin-top:5px} .news_ic_note{background:url("../images/icons/wall_icons.gif") no-repeat 0 -110px;height:20px;padding-top:3px;display:block;padding-left:25px} .news_ic_note:hover{background: #f5f8fa url("../images/icons/wall_icons.gif") no-repeat 0 -110px} .news_like{background:url("../images/icons/index2.png") no-repeat right -234px;width:50px;height:13px} .news_wall_msg_bg { background: #fff; position: absolute; margin-left: 240px; max-width: 520px; min-width: 105px; margin-top: 5px; } .news_wall_msg_text { background: #fff; font-size: 13px; padding: 15px; border: 1px solid #aebdcc; color: #000; line-height: 17px; border-radius: 4px; } .news_wall_liked_ic{background:url("../images/like_s_top.png") no-repeat;width:11px;height:7px;margin-top:-6px;position:absolute;margin-left:48px} .news_action_photo{} .feedback_photo_icon { background: url("../images/feedback_color.png") no-repeat; position: absolute; width: 20px; height: 20px; margin-left: 38px; margin-top: -20px; } .feedback_photo_icon { background-position: 0 -48px; } /* SETTINGS */ .sett_privacy{color:#21578b;cursor:pointer;float:left;padding:3px;margin-bottom:7px;} .sett_privacy:hover{text-decoration:underline} .sett_openmenu{width:143px;position:absolute;background:#fff;margin-left:302px;box-shadow: 0px 1px 1px 1px #e1e1e1;-moz-box-shadow: 0px 1px 1px 1px #e1e1e1;-webkit-box-shadow: 0px 1px 1px 1px #e1e1e1;border:1px solid #aebdcc;color:#21578b;margin-top:-13px;} .sett_selected{padding:5px 10px;background:#eef2f6;cursor:pointer} .sett_hover{padding:5px 10px;cursor:pointer} .sett_hover:hover{padding:4px 10px;background:#6d8fb3;color:#fff;border-top:1px solid #476d96;border-bottom:1px solid #476d96} .sett_oneblack { float: left; width: 779px; margin-top: 5px; } .sett_oneblack img{margin-right:10px} /* CROP */ .imgareaselect-handle {background: #fff;border: solid 1px #fff;filter: alpha(opacity=80);opacity: 0.8;padding:2px} .imgareaselect-outer{cursor:crosshair;background-color: #000;filter: alpha(opacity=60);opacity: 0.6;position:none} /* SUPPORT */ .support_bg { background: #fff; width: 661px; margin: auto; padding: 30px !important; padding-left: 107px !important; } .support_addform{padding: 20px; margin: -12px; margin-bottom: -15px;} .support_questtitle { padding: 10px 10px 15px 30px; margin-left: -13px; margin-top: -1px; margin-right: -15px; line-height: 17px; } .support_questtitle a{font-size:14px;font-weight: 400;} .support_last_answer { width: 200px; padding: 5px; height: 35px; cursor: pointer; margin-bottom: -2px; margin-top: 3px; margin-right: 10px; } .support_last_answer:hover{text-decoration:none} .support_last_answer img{float:left;margin-right:15px} .support_title_inpad{padding:10px; color:#666; font-size: 13px} .support_answer{border-top:1px solid #e0eaef} .support_anser_nam{font-weight:bold;color:#21578b} /* BLOG */ .blog_left_tab { background: #FFFFFF; position: static; border-radius: 4px; border-bottom: 1px solid rgb(192, 202, 213); width: 150px; border-left: 1px solid #e4e7eb; padding: 10px; color: #555; margin-bottom: -15px; } .blogthr{background:#e4e7eb;height:1px;margin-top:-10px;width:795px;margin-left:-12px} .blog_left{width:600px;} .blog_left_tab a{display:block;padding:7px 10px; border-radius:2px;margin-bottom:5px;} .blog_left_tab a:hover{background:#e1e7ed;text-decoration:none} .blog_left_tab div a { background: #88a7c6; border-radius: 2px; color: #fff; } .blog_left_tab div a:hover{background:#88a7c6} /* PUBLIC */ .public_title { font-size: 14px; padding-bottom: 5px; color: #486794; font-weight: 500; } .public_vlock{background:#6b9aca;color:#fff;font-weight:bold;padding:5px;padding-left:7px; border-top-left-radius:5px;border-top-right-radius:5px; -moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -khtml-border-top-left-radius:5px;-khtml-border-top-right-radius:5px; } .ava_pub { float: left; width: 225px; margin-right: 2px; margin-left: -1px; } .public_vlock a{color:#d7e4f1} .public_bg{padding:9px;background:#f5f5f5;margin-bottom:10px;padding-left:7px; border-bottom-left-radius:5px;border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px; -khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px; } .oneusers{margin-left:0px;margin-right:10px} .public_margbut{margin-bottom:9px} .publick_subscblock{background:#f5f5f5;padding:12px;text-align:center;margin-top:7px;line-height:17px;height:55px} .public_obefeed { padding: 20px; border-bottom: 1px solid #edf0f3; line-height: 21px; font-size:12px; } .public_obefeed img { margin-right: 20px; border-radius: 100px; margin-top: -8px; } .public_obefeed a { font-weight: 500; font-size: 13px; } .public_minilink{margin-top:-1px;opacity:0.4} .public_minilink a{font-size:11px;font-weight:normal;font-size:10px} #public_editbg_container{width:560px;overflow:hidden} .public_editbg_container{width:10000px} .public_editbg{padding:10px;width:540px;min-height:230px} .public_hr { height: 1px; background: #fff; margin-bottom: 10px; } .public_oneadmin { background: #fff; padding: 7px; float: left; width: 85%; line-height: 16px; margin-left: -10px; margin-bottom: 10px; margin-top: -5px; } .public_oneadmin img { margin-right: 10px; width: 50px; border-radius: 40px; } .public_usersblockhidden{width:215px;overflow:hidden} .public_wall_rec_comments{margin-top:-1px} .public_wall_all_comm { padding: 12px; text-align: center; margin-left: 60px; background: rgb(233, 237, 241); color: rgb(106, 121, 137); } .public_wall_photos_shadow{background: url("/templates/Default/images/bg_show8.png") repeat-x;height:5px;margin-top:40px;width:609px} .punlic_wall_photos_one{float:left;width:80px;overflow:hidden;margin:3px;height:60px;overflow:hidden;text-align:center;border:1px solid #ddd;padding:5px} .punlic_wall_photos_one div{height:60px;overflow:hidden} .punlic_wall_photos_one img{width:80px} .punlic_wall_photos_one:hover{border:1px solid #799bbb} .profile_wall_attach_photo img{max-width:467px;max-height:467px;margin-top:5px;margin-right:3px;margin-bottom:3px} .public_wall:hover #wall_like_active{color:#2f5879} .news_comm_wr:hover #wall_like_active{color:#2f5879} .wall_upage:hover #wall_like_active{color:#2f5879;transition-duration: 0.2s;} .wall_upage2:hover #wall_like_active{color:#2f5879} .opt_btn{ background: url('/templates/Default/images/other.png'); width: 22px; height: 6px; margin: 4px; margin-top: 12px; } .public_wall_like{color:#8698AC;padding-top:5px;margin-top:-6px;margin-left:5px;} .public_wall_like:hover div{color:#2f5879} .public_wall_like_no, .public_wall_like_yes{background:url("../images/icons/like1.png") no-repeat right -2px;width:20px;height:16px;float:left;margin-left:5px;margin-right:3px;margin-top:-1px;} .public_wall_like_yes{background:url("../images/icons/like.png") no-repeat right -1px} .public_wall_like_yes_color{color:#2f5879} .public_likes_user_block { position: absolute; width: 240px; color: #FFF; cursor: pointer; background: url('../images/mv_bg.png'); background: rgba(0, 0, 0, 0.63); text-shadow: 0px 1px 0px #262626; font-weight: bold; font-size: 11px; padding: 8px 9px 8px 11px; padding-right: 0px; margin-top: -112px; margin-left: 377px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .owner_likes{ margin-top: -125px; } .owner_likes .public_like_strelka{ margin-top: 20px; } .public_likes_user_block img{ float:left;margin-right:5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3); box-shadow: 0 1px 1px rgba(0,0,0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px} .public_like_strelka{background:url('../images/like_icons_bl.png') no-repeat;width:120px;height:9px;position:absolute;margin-top:7px;background-position: center 0px} .public_repostes_user_block { position: absolute; width: 240px; color: #FFF; cursor: pointer; background: url('../images/mv_bg.png'); background: rgba(0, 0, 0, 0.63); text-shadow: 0px 1px 0px #262626; font-weight: bold; font-size: 11px; padding: 8px 9px 8px 11px; padding-right: 0px; margin-top: -102px; margin-left: 257px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .public_repostes_user_block img{ float:left;margin-right:5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3); box-shadow: 0 1px 1px rgba(0,0,0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px} .public_repost_strelka{background:url('../images/like_icons_bl.png') no-repeat;width:120px;height:9px;position:absolute;margin-top:7px;background-position: center 0px} .public_wall_likes_hidden{width:230px;overflow:hidden;margin-top:10px;height:52px} .public_wall_likes_hidden2{width:10000px} #easyTooltip{color:#fff;background:url('../images/mv_bg.png');background:rgba(0, 0, 0, 0.7);text-shadow: 0px 1px 0px #262626;font-size:11px;padding:5px 7px 5px 7px;border:0px;margin-left:-2px;font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); } #e_descr{line-height:17px} /* GENERAL */ .fl_l{float:left;} .fl_r{float:right} .clear{clear:both} .inpst { border: 1px dashed #95AFC8; padding: 8px 7px 8px 7px; /* -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; */ /*! resize: none; */ } .fixed{position:fixed} .margin_left{margin-left:10px} .margin_top_10{margin-top:10px} .margin_top_5{margin-top:5px} .online { color: rgba(153, 153, 153, 1); font-weight: 400; } .color777{color:#777;} .cursor_pointer{cursor:pointer} .cursor_move{cursor:move} .cursor_default{cursor:default} .texatfl{margin-left:150px} .size10{font-size:10px} .no_border{border:0px} .border_radius_3{border-radius:3px} .pad_6px{padding:6px} .input_hr{height:1px;background:#fff;margin-top:-10px;margin-bottom:10px} .allbar_title{padding:5px;padding-left:0px;padding-top:10px;font-weight:500;color:#324D6D;border-bottom:1px solid #C0CAD5;margin-bottom:10px; } .allbar_title a{color:#5081b1} .allbar_title small { float: right; font-size: 11px; margin-top: 4px; color: #9A9A9A; display: none; } .color_000{color:#000} .descr_site{line-height:23px;margin-bottom:5px;font-size:15px;font-family:Tahoma, 'Segoe UI', 'Open Sans', Verdana, Arial, sans-serif;} .buttonsprofileSecond_b a{border:0px;padding:6px 8px 4px;font-size: 13px;} .buttonsprofileSecond_b a:hover{background:#e1e7ed;border:0px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius: 2px;padding: 6px 8px 4px;text-decoration:none} .buttonsprofileSec_b a{background:#597DA3;color:#fff;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius: 2px;padding: 6px 8px 4px;} .buttonsprofileSec_b a:hover{background:#597DA3;padding: 6px 8px 4px} .buttonsprofileSecond a { border: 0px; padding: 6px 10px 15px 10px; color: #636669; font-weight: 300; border-bottom: 1px solid #F2F3F5; } .buttonsprofileSec a { padding: 15px 10px 13px 10px; margin-top: -9px; color: #324D6D; border-bottom: 3px solid #3A5E90; font-weight: 400; } .scroll_fix_page_top { background: url("../images/transp.png") no-repeat -28px -172px; position: fixed; margin-top: 60px; font-size: 13px; color: #45688e; padding-left: 20px; margin-left: 16px; cursor: pointer; height: 13px; } .scroll_fix_bg{width:105px;height:100%;cursor:pointer;position:fixed;opacity:0.3} .scroll_fix_bg:hover{background:#DADFE4;color:#45688e;opacity:1} .report_pad{padding:15px} /* UBM */ .ubm_descr{line-height:17px;/*! width:500px; */margin:auto;} /* GIFTS */ .gifts_onegif{padding:5px;text-align:center;float:left;margin-left:3px; border-top-left-radius:5px;border-top-right-radius:5px; -moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -khtml-border-top-left-radius:5px;-khtml-border-top-right-radius:5px; border-bottom-left-radius:5px;border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px; -khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px; min-height:118px; min-width: 96px; } .gifts_onegif:hover{text-decoration:none} .gift_count { background: #D0D8E0; background: rgba(208, 216, 224, 0.8); border-radius: 3px; padding: 3px 0px 3px; margin: -20px 10px; color: #45688E; font-size: 12px; font-weight: bold; position: relative; left: 0; right: 0; bottom: 0; text-align: center; z-index: 99; } .gift_onepage { margin: 5px; float: left; margin-bottom: 20px; width: 60px; margin-left: 10px; } .gift_block{ border-bottom: 1px solid #e0eaef; width: 545px; padding-top: 10px; padding-bottom: 10px; margin-bottom: -1px; } /* AUDIO */ .audio_onetrack{padding-top:13px;padding-bottom:13px;margin-left:5px;margin-right:5px} .audio_onetrack a{c1olor:#5081b1} .audio_playic, .audio_stopic { background: url("../images/icons/play.png") no-repeat 11px 8px; width: 15px; height: 14px; margin-right: 10px; border: 1px solid rgb(114, 159, 217); margin-top: -8px; padding: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 35px; -khtml-border-radius: 3px; } .audio_stopic{background: url("../images/icons/pause.png") no-repeat 10px 8px;border: 1px solid rgb(29, 111, 184);} .audio_addmylistic{background:url("../images/transp.png") no-repeat -20px -71px;width:16px;height:16px} .audio_deletic{background:url("../images/transp.png") no-repeat -56px -71px;width:16px;height:16px} .audio_edittic{background:url("../images/transp.png") no-repeat -76px -71px;width:16px;height:16px} .audio_addmylistic:hover{background:url("../images/transp.png") no-repeat -20px -92px} .audio_deletic:hover{background:url("../images/transp.png") no-repeat -56px -92px} .audio_edittic:hover{background:url("../images/transp.png") no-repeat -76px -92px} .audio_addmylisticOk{background:url("../images/transp.png") no-repeat -35px -71px;width:16px;height:16px} /* HEAD PLAYER */ .head_player { float: left; transition: 0.2s; padding: 0px 4px; cursor:pointer; } .head_player a { padding: 14px 5px; margin-right: 0px; } .headmenu .head_player a:hover { text-decoration: none; background-color: inherit; } .head_player:hover { background-color: rgb(52, 79, 122); } .head_player:hover .hOpen:hover span { background: url('/templates/Default/images/icons/player_icons.png') no-repeat -80px 0px; } .head_player:hover .hOpen { background-color: #486794; } div#hPlay { display: none; } .head_player .hPlay span { background: url('/templates/Default/images/icons/player_icons.png') no-repeat -1px -2px; padding: 0px 5px; } .head_player .hPause { display:none; } .head_player .hPause span { background: url('/templates/Default/images/icons/player_icons.png') no-repeat -15px -2px; padding: 0px 5px; } .head_player .hPrev span { background: url('/templates/Default/images/icons/player_icons.png') no-repeat -28px -3px; padding: 0px 6px; } .head_player .hNext span { background: url('/templates/Default/images/icons/player_icons.png') no-repeat -43px -3px; padding: 0px 8px; } .head_player .hOpen span { background: url('/templates/Default/images/icons/player_icons.png') no-repeat -60px 0px; padding: 3px 10px; } .hOpen:hover .head_player:hover { background-color: #486794; } /* AUDIO -> PLAYER */ .player_container{background:#f7f7f7;padding:10px;margin-top:-14px;margin-left:-12px;margin-right:-12px;border-bottom:1px solid #e4e7eb;height:36px} .player_ic{background:#6394c3;height:29px;width:36px;cursor:pointer;padding-top:7px;margin-right:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } small#play_time { font-size: 11px; } .player_ic_play{background:url("../images/transp.png") no-repeat 0px -125px;width:23px;height:23px;margin-left:11px} .player_ic_pause{background:url("../images/transp.png") no-repeat -24px -125px;width:23px;height:23px;margin-left:10px} .player_ic_next{background:url("../images/transp.png") no-repeat 0px -147px;width:23px;height:23px;margin-left:11px} .player_ic_prev{background:url("../images/transp.png") no-repeat 0px -171px;width:23px;height:23px;margin-left:8px} .player_del_volume{background:url("../images/transp.png") no-repeat 0px -222px;width:23px;height:23px;margin-left:8px;margin-right:8px;opacity:0.4} .player_max_volume{background:url("../images/transp.png") no-repeat 0px -197px;width:29px;height:23px;margin-left:8px;opacity:0.4} .player_refresh{background:url("../images/transp.png") no-repeat 0px -247px;width:29px;height:23px;margin-left:8px;opacity:0.4} .player_rand{background:url("../images/transp.png") no-repeat 0px -269px;width:29px;height:23px;opacity:0.4;margin-right:-10px;margin-top:3px} .player_max_volume:hover, .player_del_volume:hover, .player_refresh:hover, .player_rand:hover{opacity:1} .player_time_text{margin-left:5px;color:#b4b4b4;text-shadow:0px 1px 0px #fff} .player_track_name{color:#666;text-shadow:0px 1px 0px #fff} /*e8ecf0*/ .player_progreebar, .player_mini_mbar{height:20px;width:450px;background:#eee;margin-top:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } .player_mini_mbar{height:5px;margin-left:20px;margin-top:10px;width:768px;margin-bottom:0px;margin-left:0px} #player_volume_bar_value, #player_progress_load_bar, #player_progress_play_bar{background:#6394c3;width:0px;height:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } #player_progress_load_bar{background:#ced7df;cursor:pointer} .player_shadow{margin-top:-52px;margin-left:-12px;width:794px} .audio_wall_attach { background: url("../images/icons/menu_icon.png") no-repeat -3px -180px; color: #21578b; padding-left: 27px; font-size: 13px; padding-top: 4px; margin-top: 10px; height: 20px; } .audio_wall_onemus{padding:0px;margin:0px;height:30px;padding-top:15px;margin-right:2px} .player_mini_mbar_wall{width:470px;margin-bottom:0px} .player_mini_mbar_wall_all{width:710px;margin-bottom:0px} .player_mini_mbar_wall_all2{width:660px;margin-bottom:0px} #audioForSize{max-width:470px;display:block;float:left} /* IM */ .im_typograf { color: rgba(136, 136, 136, 0.69); margin-bottom: 10px; margin-left: 25px; height: 13px; margin-top: 5px; font-size: 12px; } .new_im { text-shadow: none; padding: 10px 10px 0px 2px; font-family: Tahoma; cursor: pointer; margin-top: 10px; font-size: 14px; color: rgb(72, 103, 148); border-top: 1px solid #E4E4E4; } .new_im span { margin-right: 10px; font-size: 19px; color: rgb(183, 197, 214); } .im_typograf img{margin-right:3px} .im_del_dialog{background:url("../images/close_a.png") no-repeat;width:11px;height:11px;margin-left:202px;margin-top:-57px; position:relative; z-index:1;} .im_flblock{background:#fff;float:left;width:222px;color:#555;margin-bottom:-15px;height:576px;overflow-y:scroll; border-radius:4px; padding:10px; overflow-x: hidden; box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); margin-left: -1px; } .im_lastact{padding:10px 10px 10px;font-size:.9em;text-align:-webkit-center;text-align:center;border-top:1px solid #eee} .im_flblock a{float:left;padding:6px;margin-right:14px;padding-left:9px;padding-right:9px} .im_flblock a:hover{background:#e1e7ed;text-decoration:none} .im_flblock div a{background:#88a7c6;border:1px solid #5081b1;color:#fff;padding:5px;padding-left:9px;padding-right:9px} .im_flblock div a:hover{background:#88a7c6} .im_oneusr { color: #506b8c; text-shadow: 0px 1px 0px #ecedef; padding-bottom: 8px; padding-top: 10px; border-bottom: 1px solid #E7EAED; border-top: 1px solid #E7EAED; transition: 0.1s; margin-top: -1px; } .im_nameu { padding-top: 4px; margin-right: 4px; padding-bottom: 6px; /*! min-width: 155px; */ font-weight: 500; text-shadow: 0.05em 0px 0px rgba(55, 82, 113, 0.2); /*! font-family: Helvetica; */ -webkit-font-smoothing: subpixel-antialiased; } .im_oneusr img{width:50px;float:left;margin-right:13px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; } .im_usactive { background: #EEF2F3; color: #506b8c; margin-left: 52px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .im_oneusr:hover{background:#E6EAF2; color: #506b8c; text-shadow: 0px 1px 0px #ecedef; margin-bottom: -2px; padding-left: 10px; transition: 0.1s; padding-right: 10px; margin-left:-10px; margin-right:-10px; } .im_oneusr:hover { box-shadow: none; background: #E6EAF2; border-bottom: 1px solid #D1D8E0; border-top: 1px solid #D1D8E0; z-index: 1; /*! position: relative; */ } .im_new { background: #E3484D; padding: 0.5em; position: relative; color: #FFFFFF; font-weight: 700; padding-top: 1px; font-size: 11px; padding-bottom: 3px; border: 2px solid #fff; margin-top: 0px; margin-left: -185px; margin-bottom: -2px; border-radius: 5px; -moz-border-radius: 17px; -webkit-border-radius: 17px; -khtml-border-radius: 17px; } .im_usactive:hover{background:#EEF2F3;} .im_useractive{ background: url('../images/strelka.png'); width: 9px; height: 23px; margin-left: 174px; margin-top: -10px; position: absolute; } .im_speedbar{ border-bottom: 1px solid #E4E4E4; padding-bottom: 13px; padding-top: 4px; margin-left: 4px; font-weight: 500; font-family: Helvetica; text-shadow: 0.06em 0px 0px rgb(144, 162, 185); } .im_head { margin-left: 13px; min-height: 575px; width: 525px; margin-right: -15px; padding-top: 7px; margin-bottom: -22px; background: #fff; border-radius: 4px; padding: 10px; padding-left: 8px; box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13); } .im_friend { border-bottom: 1px dashed rgb(218, 225, 232) !important; width: 543px !important; height: 44px !important; padding: 0px !important; margin-left: -8px !important; padding-top: 0px !important; } .im_friend:hover { background: rgb(230, 232, 236); padding-top: 14px !important; margin-top: 0px; padding-bottom: 0px !important; } .im_friend:hover .wallauthor { padding-top: 11px; } .im_friend .wallauthor { padding-top: 5px; } .im_friend .wallauthor a { font-weight: 500; font-size: 13px; } .im_msg { border: 0px; padding-bottom: 0px; padding-top: 1px; padding-right: 0px; padding-left: 10px; cursor:pointer; min-height: 45px; margin: 4px 10px; margin-top: 20px; } .im_msg_name{/*! margin-top:-6px */} .im_msg_ava{margin-right:7px;} .im_msg_mag { margin-left: 58px; font-size: 13px; margin-top: 3px; } .im_addform { margin-left: -8px; margin-top: 18px; width: 517px; padding: 13px; margin-bottom: 7px; background: #ffffff; border-radius: 0px 0px 3px 3px; padding-top: 6px; padding-bottom: 0px; } .im_border_top{ background: white url('../images/border-top.png');width: 549px;position: absolute;height: 17px;margin: -17px;margin-top: -23px;display: block; } .im_border_bottom{ background: white url('../images/border-bottom.png');width: 549px;position: absolute;height: 17px;margin: -17px;margin-top: -40px;display: block; } .im_scroll { overflow: auto; height: 395px; margin-top: 8px; padding-top: 8px; padding-bottom: 10px; margin-left: -8px; margin-right: -8px; overflow-y: auto; overflow-x: hidden; } .im_ava_mini img, .im_msg_texta{ border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px; margin-top:-5px;} .im_msg_texta { width: 493px; -webkit-font-smoothing: antialiased; margin-right: -20px; background: white; font-size: 14px; border: 0px dashed #95AFC8 !important; padding: 6px; color: #5081b1; margin-bottom: 10px; resize: none; } .im_class_new { background: #edf0f5; padding-top: 20px; margin-top: 2px; position: relative; } .im_msg_date { color: rgba(153, 153, 153, 1); margin-right: -5px; font-size: 12px; font-weight: 200; display: none; } .im_msg_date { color: rgba(153, 153, 153, 1); margin-right: 21px; font-size: 12px; margin-top: -4px; font-weight: 200; display: none; } .im_msg_delf{margin-top:2px;margin-left:5px;opacity:0} .im_msg_delf:hover{opacity:1} /* DSSTINGUISH */ #friends_block{background:#fff;width:190px;max-height:300px;position:absolute;display:none;z-index:105;cursor:default;box-shadow: 0px 0px 15px 1px #444; -moz-box-shadow:0px 0px 15px 1px #444;-webkit-box-shadow: 0px 0px 15px 1px #444} .distin_inpbg{background:#f0f0f0;padding:10px;border-bottom:1px solid #e3e7ec} .distin_friends_list{max-height:170px;overflow:auto;border-bottom:1px solid #e3e7ec} .distin_friends_list div{display:block;padding:5px;color:#21578b;cursor:pointer;margin-top:0px;margin-bottom:0px;margin-left:2px;margin-right:2px} .distin_friends_list div:hover{background:#e6ebf1} .peoples_on_this_photos { color: #777; /* padding-top: 15px; */ margin-bottom: 15px; line-height: 17px; } .distin_del_user{opacity:0.5;cursor:pointer;margin-left:0px} .distin_del_user:hover{opacity:1} .mark_userid_bg{padding-bottom:30px;padding-top:10px} /* ADD FOR PROFILE */ .profile_hide_opne { background: none; color: rgba(64, 89, 119, 1); width: 537px; transition: 0.1s; margin-left: -10px; margin-top: 3px; margin-bottom: -10px; padding-top: 14px; padding-bottom: 12px; } div#happyBLockSess { background: rgba(209, 216, 224, 0.54); border-radius: 5px; padding: 16px; transition-duration: 0.2s; width: 155px; min-height: 75px; cursor:pointer; margin: 20px 0px 16px -14px; box-shadow: 0px 1px 0px 0px rgb(177, 190, 206); } div#happyBLockSess:hover { background: rgba(209, 216, 224, 0.8); } #happyBLockSess div.albtitle { padding: 0px; margin: 2px 31px -7px -8px; text-shadow: 1px 0px 0px rgba(66, 66, 66, 0); color: #3E5877; } #happyBLockSess span { color: #666; margin: 0px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); line-height: 2; } .left_box.attention { background: rgba(209, 216, 224, 0.54); padding: 16px; transition-duration: 0.2s; width: 155px; cursor: pointer; border-radius: 5px; margin: 20px 0px 16px -14px; box-shadow: 0px 1px 0px 0px rgb(177, 190, 206); } .left_box.attention:hover { background: rgba(209, 216, 224, 0.8); } .left_box.attention div.albtitle { margin: 0px 0px 15px; text-shadow: 1px 0px 0px rgba(66, 66, 66, 0); color: #3E5877; } .left_box.attention div { color: rgb(78, 101, 129); text-align: center; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); } .left_box.attention a { background-color: rgb(204, 211, 220); padding: 7px 61px 7px 61px; transition-duration: 0.2s; margin: 11px 0px 0px -16px; position: relative; font-size: 13px; bottom: -20px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 1px 0px 0px rgb(177, 190, 206); } .left_box.attention a:hover { background-color: rgb(194, 201, 210); } .left_box.attention.gift { font-family: Helvetica Neue; } .left_box.attention.gift img { margin: 10px; } .left_box.attention.gift a { padding: 0px; background-color: transparent; box-shadow: 0px 0px 0px; margin: 0px; bottom: 0px; text-shadow: 0px 0px 0px rgba(145, 162, 182, 0.62); font-family: Helvetica Neue; } .gift_hide{position: absolute; right: -18px; margin-top: -10px;background: url("../images/close_a_wall.png") no-repeat;width:11px;height:11px;float:right;margin-right:5px;cursor:pointer;transition:0.2s;} .wall_delete:hover{background: url("../images/close2.png") no-repeat} .close_btn{background: url("../images/hide_left.gif") no-repeat;width:11px;height:11px;float:right;margin-right:5px;margin-top:2px;cursor:pointer;opacity:0.1} .close_btn:hover{background: url("../images/hide_left.gif") no-repeat ;opacity:1} .profile_hide_opne:hover, .profile_block_happy_friends_lnk:hover{background:rgb(233, 237, 241); border-radius: 0px 0px 4px 4px; transition: 0.1s;} .profile_onefriend_happy{float:left;width:40px;} .profile_onefriend_happy img{ width:30px;margin-right:5px; border-bottom: 1px solid rgba(158, 177, 199, 1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .profile_happy_hide{opacity:0.3;cursor:pointer} .profile_happy_hide:hover{opacity:1} .profile_block_happy_friends{max-height:40px;overflow:hidden} .profile_block_happy_friends_lnk{background:none;color:#21578b;width:175px;margin-left:0px} /* FAST SEARCH */ .fast_search_bg { width: 228px; overflow: hidden; position: absolute; margin-top: 42px; background:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .fast_search_bg a { display: block; font-weight: bold; line-height: 17px; border-radius: 0px 0px 4px 4px; border: 1px solid rgb(192, 202, 213); padding: 5px; padding-left: 8px; padding-right: 8px; text-decoration: none; margin-right:0px; } .fast_search_bg ad:hover{background:#eef3f5} .fast_search_bg img{float:left;border-radius:30px;margin-right:10px; -moz-border-radius:30px; -webkit-border-radius:30px} .fast_search_bg span { font-weight: normal; color: #777; font-size: 12px; } #reFastSearch a { border-radius: 0px; border-bottom: 0px; transition: 0.1s; border-top: 0px; } #reFastSearch a:hover { background-color: rgb(230, 232, 236) !IMPORTANT; } .fast_search_bg a text{font-weight:normal;color:#21578b} .fast_search_ic{background:url("../images/transp.png") no-repeat -49px -243px;width:7px;height:11px;margin-top:3px} /* INSTANT UPDATES */ #updates{position:fixed;left:0px;right:0px;bottom:0px;width:350px;height:0px;padding-top:10px;z-index:100} .update_box { margin-bottom: 10px; margin-left: 10px; position: static; bottom: 0px; } .update_box_margin { width: 300px; word-wrap: break-word; color: #fff; background: url('../images/bgbi.png'); padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0px 1px 0px #000000; z-index: 100; line-height: 15px; } .update_box_margin span{font-weight:bold;font-size:13px} .update_box_marginimg img{float:left;margin-right:10px;margin-bottom:4px; -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.8); -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.8); box-shadow: 0 1px 1px rgba(0,0,0, 0.8); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px} .update_inpad{padding-top:10px} .update_inpad a{color:#b1daff;text-shadow:0px 1px 0px #000;word-wrap:break-word} .update_data{height:54px;overflow:hidden;word-wrap:break-word} .update_close{cursor:pointer;width:13px;height:13px;background:url('../images/mv_bg.png');background:rgba(0, 0, 0, 0.6);padding-left:6px;padding-top:6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); } .update_close_ic{background:url("../images/transp.png") no-repeat -47px -148px;width:7px;height:7px;opacity:0.5} .update_close_ic:hover{opacity:0.8} .update_box_margin:hover #update_close{display:block} /* DOCUMENTS */ .doc_block{border-bottom:1px solid #eee;padding:10px;margin:8px;padding-left:0px;padding-right:5px;padding-top:2px} .doc_format_bg{background:#E1E7ED;color:#6A839E;float:left;padding:4px 4px 4px 7px;width:41px; border-radius:3px;font-size: 12px; -moz-border-radius:3px; -webkit-border-radius:3px; } .doc_name{float:left;margin-left:10px;font-weight:bold;color:#21578b;margin-top:3px;max-width:410px;height:15px;font-size: 12px;overflow:hidden} .doc_name:hover{text-decoration:underline} .doc_date{color:#777;margin-left:63px;font-size: 12px;} .doc_sel{padding:5px;float:right;color:#21578b;cursor:pointer;margin-top:0px; font-size:12px} .doc_sel:hover{background:#E1E7ED} .doc_attach_text{font-size:13px;color:#21578b} .doc_attach { clear: both; padding-top: 5px; } .doc_attach_ic { background: url("../images/icons/attach_icons.gif") no-repeat 0px -69px; width: 21px; height: 16px; margin-right: 6px; } .doc_block img{opacity:0.4} .doc_block img:hover{opacity:1} .doc_full_pg_top{width:776px;z-index:99;margin:-12px} .doc_input{font-size: 12px;margin-left:10px} /* NEW 230612 */ .wall_answer_for_comm{margin-left:10px;margin-top:10px} /* FORUM */ .forum_bg{border-top:1px solid #F0F0F0;padding-bottom: 10px; margin-top: -1px;} .forum_bg:hover { background: #E9EDF1; margin-left: -10px; margin-right: -9px; padding-left: 10px; padding-right: 10px; } .forum_bg2 { border-top: 1px solid #F0F0F0; padding-bottom: 20px !important; margin-left: -12px; margin-right: -12px; width:520px; } .forum_bg2:hover{background:#E9EDF1} .forum_title { font-weight: normal; font-size: 12px; color: #21578b; padding: 10px; padding-left: 7px; } .forum_bottom { color: #555; font-size: 11px; padding-left: 6px; } .forum_view_title{margin-left:-12px;margin-right:-12px;padding-left:21px;padding-right:12px} .forum_msg_ava{width:60px;text-align:center;color:#999;float:left;font-size: 12px; line-height: 16px;} .forum_text { margin-left: 15px; line-height: 22px; float: left; width: 677px; font-size: 12px; } .forum_msg_border, .forum_msg_border2{padding-bottom:7px;margin-left:8px;margin-right:7px} .forum_msg_border2{padding-top:10px;border-top:1px solid #E0EAEF} .forum_addmsgbg{margin-top:-1px;padding-left:20px} .forum_infos_div { margin-top: 10px; margin-bottom: 9px; border-radius: 4px; line-height: 17px; background:#fff; } /* NEW UPLOAD SWF */ .uploadButton{width:145px;height:24px} .swf_uploaded { width: 270px; padding: 20px; margin-top: 80px; color: #999; font-size: 12px; } .upProcLotitle{font-size:13px;font-weight:bold;color:#45688E;padding-bottom:15px} .uploadbuttbg{background:url("../images/uploadbuttona.png") no-repeat;width:145px;height:24px} /* VIDEO INLINE */ .video_inline_icon{background:url("../images/inline_video_play.png") no-repeat;width:46px;height:46px;position:absolute;margin-left: 175px;margin-top: 150px;} .video_inline_vititle{background:url("../images/icons/index2.png") no-repeat 0px -276px;float:left;width:16px;height:13px;margin-top:1px;margin-right:3px} .video_inline_icon2{margin-left:64px;margin-top:44px} .video_name { margin-top: -20px; margin-left: 10px; position: absolute; color: #fff; -webkit-font-smoothing: subpixel-antialiased; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.57); overflow: hidden; white-space: nowrap; display: block; width: 185px; text-overflow: ellipsis; font-family: Helvetica; font-size: 0.82em; } /* ALL */ .mobile_online{background:url("../images/mobile.png") no-repeat;width:7px;height:13px;margin-bottom:-1px;margin-left:4px} /* MINIATURE */ .miniature_box{position:fixed;left:0px;top:0px;right:0px;bottom:0px;overflow:auto;padding-bottom:20px;background:url("../images/bgb3.png");z-index:100} .miniature_pos{width:645px;margin:auto;background:#fff;padding:20px;margin-top:100px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.345);-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.345);-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.345);font-size:13px} .miniature_title{color:#415A77;font-size:15px;font-weight: 700;margin-bottom:10px} .miniature_text{line-height:170%;margin-bottom:20px} .miniature_img{width:320px;margin:auto} .miniature_img .fl_l{margin-right:20px} #miniature_crop_100{margin-bottom:20px} .miniature_img .button_div{margin-left:90px;margin-top:20px} .wall_fasten{background: url("../images/fasten.png") no-repeat;width:12px;height:12px;float:right;margin-right:5px;margin-top:1px;cursor:pointer;opacity:0.4} .wall_fasten:hover{opacity:1} .nSDelPg { background: #EDF1F5; text-align: center; padding: 10px; color: #7C7C7C; font-size: 13px; margin: 20px -15px -15px -13px; border-radius: 0px 0px 4px 4px; } /* APPS */ .apps_title{font-size:13px;font-weight:bold;color:#4c7097;border-bottom:1px solid #f0f3f5;padding-bottom:3px} .apps_block{float:left;width:375px} .apps_game{margin-top:10px;color:#777;line-height:17px} .apps_game a{font-weight:bold} .apps_game img{width:50px;margin-right:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} .apps_gr{background:url("../images/app.png") no-repeat;width:240px;height:11px;margin-left:3px;margin-top:18px;float:left;text-align:center} .apps_grtext{padding:5px;background:#fff;width:90px;margin:auto;margin-top:-10px} .apps_but{margin-left:0px} .apps_top{background:#eef1f5;margin-top:10px;padding:15px;color:#6c8fb3;font-size:13px;font-weight:bold} .apps_game2 img{width:75px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;line-height:19px} .apps_but2, .apps_but3{margin-bottom:-15px;margin-right:-12px;margin-left:-12px} .apps_box_text{font-size:12px} .apps_box_pos a{font-size:11px} .apps_view_pos{margin-top:10px;line-height:17px} .apps_view_pos img{margin-right:15px;float:left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} .apps_view_pos a{font-weight:bold} .apps_view_pos a:hover{text-decoration:none;font-weight:bold} .apps_view_pos div{font-size:11px} .apps_box_pos{margin-top:23px;width:607px} .apps_view_block{color:#777;font-size:11px;background:#f0f0f0;padding:10px;margin-top:30px} .apps_view_block_txt{padding:5px} .apps_main_poster{margin-top:15px;width:607px;overflow:hidden;height:376px} .apps_inimgs{width:2500px;height:376px} .apps_i_run_box{background: url("../images/inline_video_small_play.png") 100% 50% no-repeat rgba(0, 0, 0, 0.600);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#fff;cursor:pointer;font-weight:700;height:14px;left:50%;line-height:100%;margin-left:-80px;opacity:0.8;padding:16px 45px 16px 15px;position:absolute;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.506);margin-top:185px;z-index:10} .appsfh:hover .apps_i_run_box{opacity:1} .apps_main_poster img, .apps_mini_img img{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .apps_mini_img{margin-left:-6px;margin-top:10px} .apps_mini_img img{margin-left:5px;cursor:pointer;opacity:0.5} .apps_faslh_pos{text-align:center;margin:-12px;margin-bottom:-17px;margin-top:9px} .apps_start_traf{font-weight:normal;color:#777;margin-top:3px} .apps_last{border-bottom:1px solid #F0F3F5;padding-bottom:10px} .apps_game:hover .apps_fast_del img{opacity:1} .apps_fast_del{height:11px;width:11px} .apps_fast_del img{width:11px;height:11px;opacity:0.2;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px} /* COVER */ .cover_minm_po{float:left;width:144px;overflow:hidden;margin:3px} .cover_minm_po img { padding: 5px; height: 100px; } .cover_profile_bg{width:800px;height:230px;margin-left:-15px;margin-top:-12px;background:url("../images/covers.png") no-repeat;margin-bottom:10px} .cover_newava { position: relative; z-index: 2; min-height: 100px; background: white; border-radius: 4px 4px 0px 0px; border: 1px solid #E5E5E5; border-bottom: 0px; } .cover_newava img{border-radius:4px 4px 0px 0px} .cover_addut, .cover_addut_edit{background:rgba(0, 0, 0, 0.600);float:right;padding:7px 13px 7px 13px;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.506);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin:8px;margin-left:0px;opacity:0.7} .cover_addut:hover, .cover_addut_edit:hover{opacity:1} .cover_buts_pos{float:right;text-align:right;width:570px;height:230px} .cover_loading{text-align:center;position:absolute;margin-left:350px;z-index:3;margin-top:100px} .cover_loaddef_bg{height:230px;width:800px;background:#f0f0f0;overflow:hidden;cursor:move;margin-left:-230px} .cover_loaddef_bg img{position:relative;z-index:1} .cover_loaddfebut, .cover_loaddfebut_edit{position:absolute;z-index:5;margin-left:412px} .cover_descring{position:absolute;z-index:5;color:#fff;background:rgba(0, 0, 0, 0.600);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);padding:3px 7px 3px 7px;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.506);border-radius:3px;font-size:12px;margin-left:320px;margin-top:110px;opacity:0.7} #les10_ex2{width:800px;position:relative;top:0px;z-index:1} .cover_hidded_but{display:none} .cover_profile_bg:hover #cover_addut_edit{display:block} .cover_all_user{width:800px;height:230px;margin-left:-15px;margin-top:-12px;overflow:hidden;margin-bottom:10px} .cover_groups_bg{background:url("../images/covers2.png") no-repeat} .menuleft { background: white; margin-top: -2px; margin-left: -1px; } /* REVIEWS */ .reviewsBlock{margin-top:13px;border-bottom:1px solid #f5f5f5;padding:15px 0px 15px 0px;margin-bottom:-15px} .reviewsAva{position:absolute} .reviewsR{float:left;margin-left:60px} .reviewsTxt{line-height:17px;margin-top:2px;word-wrap:break-word} .reviewsData{color:#777;margin-top:2px} /* STATIC jQ MP3 PL. */ .staticPlbg { position: fixed; top: -16px; bottom: 0px; right: 0px; left: 0; margin: 20px; width: 565px; height: 510px; background: #fff; margin-top: 60px; z-index: 100; border: 1px solid #D1D8E0; border-top: 0px; } .staticPlbgTitle{background:#F0F1F2;padding:17px;padding-bottom:12px;padding-right: 10px;color:#2B587A} .staticPlbgTitle small{color:#627A94;margin-left:2px} .staticpl_friends { margin-top: -48px; padding-top: 8px; padding-right: 6px; padding-left: 6px; margin-right: 0px; width: 174px; height: 78%; background: #F7F7F7; border-left: 1px solid #DAE2E8; } .staticpl_prev{background: url("../images/icons/audio_icons.png") no-repeat scroll 0 0 transparent; background-position: -3px -52px; height: 11px; width: 13px; margin: 2px; margin-left: 8px; float: left;} .staticpl_play{background: url("../images/icons/audio_icons.png") no-repeat scroll 0 -25px transparent; margin: -4px 4px 0px 2px; padding: 0px; width: 22px; height: 22px; cursor: pointer;} .staticpl_pause{background: url("../images/icons/audio_icons.png") no-repeat scroll transparent; background-position: -72px -25px; margin: -4px 4px 0px 2px; padding: 0px; width: 22px; height: 22px; cursor: pointer;display:none} .staticpl_next{background: url("../images/icons/audio_icons.png") no-repeat scroll 0 0 transparent; background-position: -18px -52px; height: 11px; width: 13px; margin: 2px; margin-left: 7px; float: left;} .staticpl_prev:hover, .staticpl_play:hover, .staticpl_next:hover, .staticpl_repeat:hover, .staticpl_rand:hover, .staticpl_translate:hover, .staticpl_pause:hover{opacity:1} .staticpl_trackname { margin-top: -7px; margin-left: 12px; float: left; width: 365px; } .staticpl_progress_bar, .staticpl_progress_bar_voice { height: 4px; width: 295px; background: #9aadc5; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 12px; margin-top: 6px; cursor: pointer; } .staticpl_progress_bar_voice { width: 55px; margin-left: 15px; } .staticpl_repeat{background: url("../images/icons/audio_icons.png") no-repeat scroll 0 0 transparent; background-position: -32px -49px; height: 14px; width: 13px; margin: -8px 5px 0px 14px; opacity:0.6; float: left;} .staticpl_rand{background: url("../images/icons/audio_icons.png") no-repeat scroll 0 0 transparent; height: 12px; background-position: -50px -51px; width: 13px; margin: -8px 5px 0px 5px; float: left; opacity:0.6;} .staticpl_translate{background: url("../images/icons/audio_icons.png") no-repeat scroll 0 0 transparent; height: 11px; width: 13px; margin: -8px 5px 0px 5px; float: left; opacity:0.6; background-position: -66px -51px;} .staticpl_seachbg, .staticpl_bottom{padding:15px;padding-bottom: 0px;} .staticpl_seachbg input{width:330px;color: #fff;} .staticpl_bottom{border-bottom:0px;border-top:1px solid #D1D8E0} .staticpl_audios { overflow-y: scroll; overflow-x: hidden; width: 358px; height: 334px; padding: 10px; margin-top: -1px; } .staticpl_mtp{margin-top:7px;font-size:12px} .staticpl_ic, .staticpl_ic_pause{background:#6384a8 url("../images/staticmp3.png") no-repeat -31px -12px;width:18px;height:18px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;float:left;margin-right:8px} .staticpl_ic_pause{background:#6384a8 url("../images/staticmp3.png") no-repeat -49px -12px;display:none} .staticpl_audio{padding:9px;cursor:pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} .staticpl_audio:hover, .staticpl_people:hover, .staticpl_audio_pre_active{background: none repeat scroll 0 0 rgba(219, 227, 235, 0.5);} .staticpl_people { padding: 4px 12px 2px 12px; cursor: pointer; margin: 0px -6px 0px -6px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .staticpl_autit { margin-top: 2px; font-size: 12px; } .staticpl_shadow { position: fixed; width: 565px; margin: -10px; border-top: 1px solid rgb(209, 216, 224); } .staticpl_albut{padding:9px;text-align:center;background:rgb(233, 237, 241); color:rgb(106, 121, 137);cursor:pointer;margin-top:10px} .staticpl_ictop{background:url("../images/staticpl.png") no-repeat;width:17px;height:9px;position:absolute;margin-top:-25px;margin-left:207px} .staticPlbgLoadig{height:64px} #player_progress_play_bar_2, #player_progress_load_bar_2, #player_volume_bar_value_2{height:4px;background:#466B9A;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} #player_progress_load_bar_2{background:#bac7d4} #player_volume_bar_value_2{width:80%} .staticpl_rtitle{height:15px;overflow:hidden;max-width:332px;margin-right:3px;float:left; font-size:12px} .staticpl_rtitle div{width:1000px} .staticpl_audio_active, .staticpl_audio_active:hover { background: #6384a8; color: #fff; margin-left: 5px; margin-right: -1px; } .staticpl_audio_active a{color:#fff; font-size:12px} .staticpl_seadisb{width:475px;height:47px;background:#fff;position:absolute;opacity:0.5;z-index:100;display:none} .page_audio{position:static;width:797px;height:453px;box-shadow:0px 0px 0px;-moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px} .staticpl_editic{width:12px;height:12px;float:right;background:url("../images/staticmp3.png") no-repeat -71px -14px;opacity:0.2;cursor:pointer;margin-top:12px} .staticpl_delic{width:12px;height:12px;float:right;background:url("../images/staticmp3.png") no-repeat -91px -14px;opacity:0.2;cursor:pointer;margin-left:10px;margin-top:12px;margin-right:10px;} .staticpl_addmylisy{width:12px;height:12px;float:right;background:url("../images/staticmp3.png") no-repeat -83px 0px;opacity:0.2;cursor:pointer;margin-left:10px;margin-top:12px;margin-right:10px;} .staticpl_addmylisok{width:14px;height:12px;float:right;background:url("../images/staticmp3.png") no-repeat -110px -14px;opacity:0.2;cursor:pointer;margin-left:10px;margin-top:12px;margin-right:10px;} .staticpl_editic:hover, .staticpl_delic:hover, .staticpl_addmylisy:hover{opacity:0.5} .staticpl_delic_white{background:url("../images/staticmp3.png") no-repeat -110px 0px} .staticpl_editic_white{background:url("../images/staticmp3.png") no-repeat -95px 0px} .staticpl_addmylisy_white{background:url("../images/staticmp3.png") no-repeat -65px 0px} .staticpl_addmylisok_white{background:url("../images/staticmp3.png") no-repeat -123px 0px} .staticpl_panel{display:none} .jQpnewloadbut{padding:5px;background:#597ba5;float:left;margin-top:3px;padding:7px;margin-left:12px;padding-bottom:6px;cursor:pointer} .jQpnewloadbut:hover .staticpl_addmylisy_white{opacity:0.5} .jQpnewloadbut .staticpl_addmylisy_white{margin:0px} /* PAYMENT */ .payment_title{background:#F2F2F2;margin:-20px;padding:16px 5px 16px 25px;line-height:180%;font-size:11px;margin-bottom:15px} .payment_title img{float:left;margin-right:12px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.345);-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.345);-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.345)} .payment_title .fl_l{margin-top:5px} .payment_title .fl_r{margin-right:16px} .payment_h2{color:#36638E;font-size:13px;font-weight:700;margin:0px 0px 6px;margin-top:9px} .payment_sel{font-size:13px;font-family:Verdana;width:200px} .payment_block{padding:10px;background:#f5f5f5;line-height:17px;background:#F3F5FA;margin-top:12px;font-size:11px} .playment_but{text-align:center;font-size:11px;line-height:180%;margin-top:10px} .payment_logo{float:right;margin-top:-180px;opacity:0.1;height:210px;overflow:hidden} .payment_inp{font-size:21px;width:47px;margin-top:10px;text-align:center} .info_block_balance { width: 225px; display:inline-block; position: relative; margin-left: 10px; background-color: rgb(230, 232, 236); text-align: center; color: rgb(62, 88, 119); padding: 10px; height: 170px; font-weight: bold; margin-top: 10px; transition-duration: 0.3s; font-size: 13px; cursor: pointer; margin-bottom: 10px; border-radius: 4px; border-bottom: 1px solid rgb(177, 190, 206); } .info_block_balance:hover { top: -10px; transition-duration: 0.3s; } .info_block_balance.votes div { background: #E6E8EC url('../images/ads_intro_main.png') no-repeat; background-position: center; width: 100%; height: 85%; } .info_block_balance.ads div { background: #E6E8EC url('../images/ads_intro_main.png') no-repeat; background-position: center; width: 100%; height: 85%; } .info_block_balance.apps div { background: #E6E8EC url('../images/ads_intro_main.png') no-repeat; background-position: center; width: 100%; height: 85%; } /* PROFILE RATING */ .profile_rate_pos { float: right; margin-bottom: 3px; border-top: 1px solid #EDEEF2; border-bottom: 1px solid #EDEEF2; } .profile_rate_100_left, .profile_rate_500_left, .profile_rate_1000_left{background:url("../images/icons/rate100_l.png");float:left;width:10px;height:44px} .profile_rate_100_right, .profile_rate_500_right, .profile_rate_1000_right{background:url("../images/icons/rate100_r.png");float:right;width:10px;height:44px} .profile_rate_100_head, .profile_rate_100_head, .profile_rate_1000_head{background:url("../images/icons/rate100.png");margin-left:96px;margin-right:27px;height:38px;font-size:19pt;color:#fff;font-weight:bold;padding-top:6px;padding-left:5px;padding-right:5px} .profile_rate_add{background:#f0f0f0;float:right;padding:5px;margin-top:10px;margin-left:-2px;cursor:pointer; border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-top-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px} .rating_text{line-height:20px} .rating_iny{text-align:center;font-weight:bold;font-size:45px;color:#a8bdc9;padding-top:50px;padding-bottom:50px} .rating_iny input{font-size:40px;width:67px} .profile_rate_500_left{background:url("../images/icons/rate500_l.png")} .profile_rate_500_right{background:url("../images/icons/rate500_r.png")} .profile_rate_500_head{background:url("../images/icons/rate500.png")} .profile_rate_1000_left{background:url("../images/icons/rate1000_l.png")} .profile_rate_1000_right{background:url("../images/icons/rate1000_r.png")} .profile_rate_1000_head{background:url("../images/icons/rate1000.png")} .rating_text_balance{font-size:12px;font-weight:normal;color:#777;margin-top:15px} .profile_ratingview{font-size:21px;color:#a8bdc9;font-weight:bold;float:right;margin-right:13px;margin-top:10px} .profile_rate_text{float:left;font-size:21px;color:#ddd;margin-top:7px;margin-right:8px} /* GROUPS INVITE */ .grIntiveUser{width:312px;height:41px;overflow:hidden;cursor:pointer;padding:8px;margin:-8px;margin-right:10px;margin-bottom:10px;} .grIntiveUser img, .grInviteYesed img{float:left;margin-right:10px} .grInviteName{font-weight:bold;color:#324D6D;margin-top:11px;float:left} .grInviteGal{background:url("../images/staticmp3.png") no-repeat -110px -14px;width:15px;height:12px;float:right;margin-top:12px} .grIntiveUser .grInviteGal, .grInviteYesed .grInviteGal{opacity:0} .grIntiveUser:hover{background:#e1e8ed;} .grIntiveUser:hover .grInviteGal{opacity:0.3} .grIntiveUserActive{background:#6c8cac;border:1px solid #537698;padding:7px} .grIntiveUserActive:hover{background:#6c8cac} .grIntiveUserActive img{border:1px solid #537698;margin:-1px;margin-right:10px} .grIntiveUserActive .grInviteName{color:#fff} .grIntiveUserActive .grInviteGal{background:url("../images/staticmp3.png") no-repeat -123px 0px;opacity:0.6} .grIntiveUserActive:hover .grInviteGal{opacity:0.6} .grInviteYesed{background:#fff;width:312px;height:41px;opacity:0.6;padding:8px;margin:-8px;margin-right:10px;margin-bottom:10px} .grInviteOk{font-size:11px;margin-top:12px;color:#444} .grInviteInviterName{float:right} .grInviteInviterName img{float:left;margin-right:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} .grInviteInviterName div{float:left;color:#999;margin-right:10px;margin-top:6px} /* STATS GROUPS */ .graph-container{position: relative;width:730px;height:400px;padding-left:20px;padding-right:20px;padding-top:5px;border:1px solid #d3dee8;margin-top:-11px;background:#ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%)} .graph-container > div{position:absolute;width:inherit;height:inherit;margin-top:-30px} .tickLabel{font-size: 11px;color:#52779a;font-family:Tahoma} #tooltip_1{position:absolute;display:none;padding:5px 10px;background:rgba(0,0,0,0.79);color:#fff;font-size:11px;font-family:Tahoma;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;line-height:15px;z-index:2;margin-top:-6px} /* LANG */ .lang_but{padding:10px;color:#426A87;font-weight:bold;cursor:pointer;font-size:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-top:3px} .lang_but:hover{background:#EDF0F4} .lang_selected{background:#f5f5f5;color:#777;cursor:default} .lang_selected:hover{background:#f5f5f5} .yAxis .tickLabel:first-child, .yAxis .tickLabel:last-child {display: none} .bg_block{background:#FFF;padding:10px;padding-right:9px;margin-bottom:10px;-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(6,33,63,0.13);-moz-box-shadow:0 1px 2px rgba(6,33,63,0.13);box-shadow:0 1px 2px rgba(6,33,63,0.13);min-width:205px;margin-left:-1px;} /* LEFT MENU */ .leftmenu { float: left; width: 200px; margin-left: -329px; margin-top: -95px; position: relative; } #menu { width: 175px; display: block; margin: 56px 0px 0px -390px; position: absolute; } .left_menu{ width: 200px; margin: auto; bottom: 0; top: 0; left: 0px; right: 0px } li a { display: block; color: #324D6D; text-decoration: none; padding: 10px 0 3px 0px; font-size: 14px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.54); } ul, p { padding: 0px; margin: 5px; } ul { font-size: 1em; list-style: none; } /* MENU ICONS */ .menu_ic{width:20px;height:17px;float:left;margin-right:15px} .pr_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -143px;margin-top:9px} .news_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -24px;height:16px;margin-top:12px} .not_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -43px;height:15px;margin-top:11px} .msg_ic{background:url("../images/icons/menu_icon.png") no-repeat -1px -3px;height:17px;margin-top:11px} .fr_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -61px;margin-top:10px} .comm_ic{background:url("../images/icons/menu_icon.png") no-repeat -1px -84px;margin-top:10px} .ph_ic{background:url("../images/icons/menu_icon.png") no-repeat -1px -104px;margin-top:11px} .vid_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -204px;margin-top:11px} .aud_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -183px;margin-top:11px} .fave_ic{background:url("../images/icons/menu_icon.png") no-repeat -1px -162px;margin-top:10px; height: 18px;} .apps_ic{background:url("../images/icons/menu_icon.png") no-repeat -1px -346px;margin-top:10px} .search_ic{background:url("../images/icons/menu_icon.png") no-repeat -1px -124px;margin-top:10px} .sett_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -224px;margin-top:11px} .help_ic{background:url("../images/icons/menu_icon.png") no-repeat 0px -305px;margin-top:9px;height: 18px;} li a{display:inline-block;color:#324D6D;text-decoration:none;padding:8px 0;font-size:14px;text-shadow:1px 1px 0 rgba(255,255,255,0.54);} /* AVA */ #owner_photo_wrap { margin-bottom: -3px; } #owner_photo_bubble_wrap { height: 76px; width: 205px; margin-top: -75px; overflow: hidden; position: relative; border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px; } #owner_photo_bubble { color: #FFF; opacity: 0; background: rgba(0, 0, 0, 0.7); width: 225px; margin-top: 40px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 450; padding: 4px 0; } #owner_photo_top_bubble_wrap { position: relative; } #owner_photo_top_bubble { position: absolute; right: 0; top: 0; color: #FFF; opacity: 0; background: rgba(0, 0, 0, 0.7); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 450; padding: 4px 0; } #owner_photo_wrap:hover #owner_photo_bubble { opacity: 1; margin-top: 0px; } #owner_photo_wrap:hover #owner_photo_top_bubble { opacity: 1; } #owner_photo_top_bubble .owner_photo_bubble_action_delete { text-align: right; width: auto; max-width: 180px; white-space: nowrap; overflow: hidden; } .owner_photo_bubble_action { cursor: pointer; padding: 6px 10px; height: 14px; overflow: hidden; white-space: nowrap; text-shadow: 0px 1px 0px #262626; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 180px; } .owner_photo_bubble_action_in { background: url("../images/icons/11.gif") no-repeat 0 -3px; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; padding-left: 20px; opacity: 0.7; font-size:13px; float:left; } .owner_photo_bubble_action_crop .owner_photo_bubble_action_in { background-position: 0 -26px; } .owner_photo_bubble_action_delete .owner_photo_bubble_action_in { background-position: 0 -70px; } .owner_photo_bubble_action:hover .owner_photo_bubble_action_in { opacity: 1; } .owner_photo_bubble_delete_wrap { position: absolute; z-index: 10; right: 0px; top: 3px; background: #222; background: rgba(0, 0, 0, 0.5); padding: 5px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .owner_photo_bubble_delete { background:url("../images/icons/delete_item.png") no-repeat; width: 7px; height: 7px; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .owner_photo_bubble_delete_wrap:hover .owner_photo_bubble_delete { opacity: 1; } #owner_photo_bubble_input { position: absolute; visibility: hidden; } .ten{float:left;width:100px;text-align:center;margin-right:11px;margin-left:11px;cursor:pointer;margin-bottom:10px; -moz-box-shadow: 4px 5px 8px #aaa; -webkit-box-shadow: 4px 5px 8px #aaa; box-shadow: 4px 5px 25px #aaa; height:135px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ten div{padding:2px;color:#ccc} .ten span{color:#888} .menu_gray a { color: #666; } .user_info { margin-top: 13px; color: white; } .user_info img { width: 33px; margin-top: -25px; border-radius: 20px; } .user_info a { color: white; font-weight: 500; transition: 0.2s; padding: 30px 10px; margin-right: 0px; margin-top: -17px; } .user_info div { margin-left: 37px; width: 138px; margin-bottom: 20px; font-weight: 500; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.49); } .user_info div a { font-weight: 400; } .more_div { border-top: 1px solid #DDDDDD; margin-top: 3px; padding-top: 3px; } .big_btn button { padding: 8px 7px 8px 7px; margin-bottom: 10px; } .big_btn { width: 100%; } .done_btn button { background-color: #D8DFE8; color: rgb(50, 77, 109); transition:0.2s; } .fr-info { color: rgba(175, 175, 175, 0.82); padding: 5px 7px 5px 5px; margin-top: 7px; text-align: center; font-size: 13px; } #ava img { border-radius: 4px; width: 205px; } .padstylej { margin-bottom: 25px; } span.photo_num { float: right; } ::-webkit-scrollbar{ width:0px; } ::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-color: #fff; background-color: #aaa; } ::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #fff; background-color: #fff; } ::-webkit-scrollbar-track{ border-width:0; } ::-webkit-scrollbar-track:hover{ border-left: solid 1px #fff; background-color: #fff; } #rightmenu { float: right; margin-bottom: -143px; /* padding-right: 0px; */ margin-right: 2px; padding-bottom: 16px; width: 205px; } #rightmenu li { margin-left: 30px; } .header_btn { margin-top: -43px; position: absolute; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8); color: white; z-index: 100; font-weight: 500; display:none; } .header_btn div { background: url('../images/icons/back.png') no-repeat; height: 20px; position: absolute; width: 20px; margin-left: -30px; text-decoration:none; margin-top:-2px } div#backbtn { background: url('../images/back.png') no-repeat 2px 1px; width: 20px; height: 20px; position: absolute; padding-left: 20px; margin-top: 109px; z-index: 10; padding-top: 1px; transition:0.1s; font-size: 13px; cursor: pointer; right: -136px; -webkit-font-smoothing: subpixel-antialiased; color: #fff; } .opacity0 { opacity:0; } div#backbtn:hover { background-color: rgb(52, 79, 122); background-position: 13px 15px; padding: 12px; margin-top: 95px; padding: 15px 25px 9px 31px; right: -87px; } /* GROUPS ALBUMS */ .page_album_row {margin: 10px 10px 0px;width: 178px;height: 118px;overflow: hidden;display: inline-block;vertical-align: top;background: #EEE;} .page_album_row a {position: relative;display: block;text-align: center;} .page_photo_thumb_big {vertical-align: top;max-width: 178px;} .page_album_title_wrap:not([dummy]) {-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')";} .page_album_title_wrap {background: rgba(0, 0, 0, 0.5);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000')";color: white;position: absolute;top: 0px;width: 178px;margin-top: 98px;text-align: left;padding: 4px 0px 10px;line-height: 12px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .page_album_title {white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;max-width: 125px;font-weight: bold;margin-left: 6px;} .page_album_camera {background: url("../images/camera_white.png") 0 2px no-repeat;padding-left: 14px;font-weight: bold;margin: 0px 6px;} .page_album_description {max-width: 166px;margin: 5px 6px 0px;font-size: 0.9em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .page_album_title_wrap_descr:hover .page_album_title_wrap {margin-top:81px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .photo_row { padding: 6px 16px 0px 0px; width: 279px; height: 165px; overflow: hidden; display: inline-block; vertical-align: top; margin-left: -8px; } .photo_row a.img_link { position: relative; display: block; width: 279px; border-radius: 3px; height: 185px; overflow: hidden; text-align: center; background: #EEEEEE; } .photo_row img {vertical-align: top;height:100%} .photo_album_title { color: white; position: absolute; top: 0px; width: 279px; margin-top: 160px; text-align: left; box-shadow: 0px 0px 50px 11px black; padding: 4px 0px 10px; line-height: 12px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .photo_album_title div.description {margin-top: 5px;max-width: 265px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .photo_album_title div {margin: 0 7px;} .photo_album_title div.ge_photos_album { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 208px; font-weight: bold; font-size: 12px; margin-left: 10px; margin-top: -25px; } .photo_album_title div.camera {background: url("../images/camera_white.png") 0 2px no-repeat;padding-left: 15px;font-weight: bold; margin-top: -24px;font-size:12px;} .photo_row .img_link.no_photo {background: #F1F1F1 url('../images/camera_big.png') 50% 60px no-repeat !important;} .photo_row a.img_link {position: relative;display: block;width: 279px;height: 160px;overflow: hidden;text-align: center;background: #eee;} .photo_row .no_photo div.camera, .photo_row .no_photo img {display: none;} .photo_album_title_show:hover .photo_album_title{margin-top:144px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} #albums_load_more {display: block;background: #eef2ee;margin: 0px 18px 15px;padding: 10px;text-align: center;color: #739273;} #photos_load_more .progress, #albums_load_more .progress {margin: 0px auto;} .progress, .progress_inv, .progress_inv_img {display: none;width: 32px;height: 13px;background: url("../images/upload.gif") no-repeat 50% 50%;} #albums_load_more:hover {text-decoration: none;background: #e8f0e8;} #photos_upload_area {background: #f0f2f4;padding: 24px;text-align: center;border-bottom: 1px solid #E4E8ED;color: #738392;font-size: 1.18em;line-height: 16px;display: block;} #photos_upload_area:hover {background: #e9edf1;text-decoration:none} .photos_upload_area_img {background: url("../images/camera.png") left 0px no-repeat;padding: 3px 0px 3px 35px;} .photo_row .photo_album_info, .photo_row .photo_album_privacy {position: absolute;top: 6px;right: 6px;width: 19px;height: 19px;} .photo_row .photo_album_info_back {position: absolute;top: 0px;right: 0px;background-color: black;opacity: 0;filter: alpha(opacity=0);width: 20px;height: 20px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .photo_row .photo_album_info_cont {position: absolute;background: url("../images/icons/photo_icons.png") 0px -47px no-repeat;top: 0px;right: 0px;opacity: 0;filter: alpha(opacity=0);width: 13px;height: 13px;padding: 0px;margin: 4px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .edit_owner:hover .photo_album_info_back {opacity:0.6;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .edit_owner:hover .photo_album_info_cont {opacity:1;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .photo_comment_info {float:left;width: 397px;} /* PHOTO GROUPS */ .pv_can_edit:hover {cursor: pointer;margin: -5px 0px 10px;background: #E9EDF1;padding: 5px;} .pv_can_edit, .pv_cant_edit {overflow: hidden;line-height: 1.37em;margin:-5px 0px 10px;padding: 5px;} .pv_desc_edit {color: #777;} .inpst_comments {vertical-align: top;width: 520px;height: 65px;margin-bottom: 10px;border:1px solid #c6dcc6;padding:3px 4px;} .cont { box-shadow: 0 0 10px rgba(0, 0, 0, 0.04); } /* VIDEOS */ #videos_rows{position: relative;padding: 15px 0px 0px 15px;} .video_row_cont { display: inline-block; width: 280px; height: 178px; padding: 0px 3px 5px 0px; cursor: pointer; margin-top:5px; margin-left: -1px; } .video_row_relative { display: block; position: relative; } .video_row_inner_cont { width: 279px; height: 165px; position: absolute; } .video_row_relative { cursor: pointer; } .video_image_div { width: 279px; height: 160px; border-radius:4px; overflow: hidden; } .video_image_div img { display: block; background: #000000 center center no-repeat; width: 279px; } .video_row_info_line { position: absolute; margin-top: 132px; width: 263px; padding: 6px 8px; color: #FFFFFF; height: 16px; box-shadow: 0px -16px 16px 0px black inset; border-radius: 4px; } .video_raw_info_name { padding-right: 120px; white-space: nowrap; text-overflow: ellipsis; height: 16px; font-weight: bold; font-size: 12px; overflow: hidden; line-height: 16px; white-space: normal; } .video_row_controls { position: absolute; right: 7px; top: 10px; background: #000000; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); padding: 0px 1px 0px 1px; cursor: pointer; display: none; } .video_can_edit .video_row_controls { display: block; } .video_row_icon { width: 14px; height: 13px; background: url('../images/icons/photo_icons.png') no-repeat; } .video_row_icon_edit, .video_row_icon_delete { padding: 6px 3px 6px 5px; opacity: 0.8; filter: alpha(opacity=80); } .video_row_icon_edit .video_row_icon { background-position: 0px -47px; } .video_row_icon_delete .video_row_icon { background-position: 0px -77px; } .video_row_info_play { position: absolute; background: url('../images/inline_video_play.png') no-repeat; margin-left: 115px; margin-top: 65px; width: 46px; height: 46px; } .video_row_duration { position: absolute; bottom: 7px; right: 7px; font-weight: bold; font-size:12px; } .page_module_upload { background: #E6E8EC; color: #738392; display: block; line-height: 16px; padding: 25px 13px 25px 123px; text-align: left; white-space: nowrap; margin: -10px; } .page_topics_upload_label { background-position: 0px -24px; } .page_contacts_upload_label { background-position: 0px -168px; } .page_audios_upload_label { background-position: 0px -48px; } .page_videos_upload_label { background-position: 0px -96px; } .page_photos_upload_label, .page_topics_upload_label, .page_audios_upload_label, .page_links_upload_label, .page_videos_upload_label, .page_docs_upload_label, .page_events_upload_label, .page_contacts_upload_label, .page_places_upload_label { background-image: url("../images/icons/group_icons.png"); background-repeat: no-repeat; display: block; height: 14px; padding: 4px 0px 6px 35px; } a.page_module_upload:hover, .page_module_upload.hover { background: #e9edf1; text-decoration: none; } .last_photo { float: left; width: 89px; margin-right: 0px; margin-left: 5px; margin-bottom: 5px; position: relative; } .last_photo:hover .profile_hide_photo {opacity:1} .profile_hide_photo:hover .profile_hide_photo_delete {opacity:1} .profile_hide_photo { opacity:0; position: absolute; z-index: 10; right: 0px; top: 0px; background: #222; background: rgba(0, 0, 0, 0.5); padding: 5px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .profile_hide_photo_delete { background: url(../images/notifier_close.gif) no-repeat; width: 7px; height: 7px; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .rateBodyBox { padding: 4px 0px 0px 3px; width: 494px; border-top: 0px solid #E1E1E1; overflow-x: hidden; overflow-y: scroll; background-color: #FFF; } .rateTable { border: 0; padding: 0; margin: 10px auto 10px auto; border-collapse: collapse; width:280px; } .rate_votes_row { margin: 0px 4px 4px 4px; padding:2px; width: 50px; border: 1px solid #D1D1D1; cursor: pointer; } .rate_votes_name { vertical-align: top; text-align: left; font-size: 11px; padding: 0px 6px; } .rate_votes_image { height: 50px; width: 50px; overflow: hidden; } .voteCountBox0, .voteCountBox1, .voteCountBox3, .voteCountBox8 { float: right; border: 1px solid; padding: 0px; height: 106px; font-weight: bold; font-size: 40px; } .voteCountBox0 { color: #8AA6BD; border-color: #8AA6BD; background-color: #C5DBE9; width: 135px; } .voteCountBox1 { color: #C4BB98; border-color: #C4BB98; background-color: #FAF3D8; font-size: 20px; width: 50px; } .voteCountBox3 { color: #8DBF56; border-color: #8DBF56; background-color: #BED8A1; font-size: 30px; width: 65px; } .voteCountBox8 { color: #BF7F56; border-color: #BF7F56; background-color: #DCBBA8; width: 80px; } input#voteInput { padding: 3px; margin: 0px 0px 0px 3px; font-weight: bold; font-size: 40px; color: #8AA6BD; width: 70px; border: 1px solid #8AA6BD; } .body_rtl input#voteInput { margin: 0px 3px 0px 0px; } #voteCountBoxContent { width: 100%; height: 106px; padding: 0; margin: 0; text-align: center; vertical-align: middle; } #voteCountBox table { width: 100%; height: 106px; } /* OTHER */ .t_filter_selected { float: left; border-bottom: 1px solid #FFFFFF; margin-right: 10px; margin-bottom: -1px; cursor: pointer; } .body_rtl .t_filter_selected { float:right; margin: 0 0 -1px 10px; } .t_filter_selected .t_filter2 { border: 1px solid #3B6798; border-top: 1px solid #395676; font-size:11px; border-bottom: 1px solid #4A73A0; } .t_filter_selected .t_filter3 { border: 1px solid #5C82AB; padding: 3px 5px 2px 5px; font-size:11px; background-color: #6D8FB3; color: #FFFFFF; font-weight: bold; } .t_filter_off { cursor: pointer; padding: 4px 7px 5px; color: #45688E; font-weight: bold; font-size:11px; float: left; margin-right: 10px; margin-bottom: -1px; } .filter, .filter_on, .filter_over { float: left; margin-right: 10px; margin-bottom: -1px; cursor: pointer; font-weight: bold; } .filter { padding: 5px 7px 5px; color: #45688E; font-size:11px; } .filter_on { border-bottom: 1px solid #FFFFFF; } .filter_on div { border: 1px solid; border-color: #395676 #3B6798 #4A73A0; } .filter_on div div { border: 1px solid #5C82AB; background-color: #6D8FB3; color: #fff; padding: 2px 5px 3px; } .filter_over { border-bottom: 1px solid #f7f7f7; } .filter_over div { border: 1px solid #c6d0d9; } .filter_over div div { border: 1px solid #DAE1E8; background-color: #DAE1E8; color: #45688E; padding: 2px 5px 3px; } .friend_list_top { background-color: #F6F6F6; border-bottom: 0px solid #C1C1C1; padding: 8px 14px 8px 14px; border-left: 1px solid #858585; border-right: 1px solid #858585; } td .result { background: #fff; border-bottom: 1px solid #EDEDED; padding: 9px 4px; } .result .info { float:left; padding-top:4px; width:177px; } .adItem .info dt, .adItem .info dl, .adItem .info dd, .result .info dl, .result .info dt, .result .info dd { margin: 0px; padding: 0px; } .result .info dl, .adItem .info dl { line-height: 15px } .adItem .info dt, .result .info dt { color: gray; clear: both; float: left; padding: 0px; width: 70px; } .adItem .info dd, .result .info dd { float: left; display: inline; padding: 0px; width: 137px; } .adItem .info dd .bbb, .result .info dd .bbb { color:#BBBBBB; } #noResults, #noResultsWhite { background: #FFFFFF; border: 1px solid #DAE2E8; color: #777777; font-size: 13px; margin: 8px 0px 8px 8px; padding: 128px 0px; text-align: center; } .rateTable { border: 0; padding: 0; margin: 10px auto 10px auto; border-collapse: collapse; width:280px; } .rateTable td { border: 0px; vertical-align: top; padding: 6px 10px 0px 10px; margin: 0; font-size:11px; } .rateTable td img { margin-bottom:1px; } .rateTable tr.odd td { background-color: #F0F3F5; border-bottom: 1px solid #DEE4E8; border-top: 1px solid #DEE4E8; font-size:11px; } div#enough_msg { font-size: 11px; } .save_crop_text { padding: 20px 20px 7px 18px; color: white; } .no_news{ margin-top: -26px; padding: 23px; width: 509px; height: 400px; } .no_notif{ margin-top: -26px; padding: 23px; width: 509px; height: 400px; } .im_intro { width: 526px; height: 404px; padding-top: 87px; } .no_friends{ width:609px; height:443px; margin-left: -15px;margin-top: -35px;padding: 23px;width: 488px; } .no_videos{ width:350px; height:350px; margin-left: 210px; } .no_fave{ width:500px; height:350px; } .header_btn_ajax { margin-left: 25px; color: white; z-index: 100; font-weight: 500; } .header_btn_ajax div { background: url('../images/icons/back.png') no-repeat; height: 20px; position: absolute; width: 20px; margin-left: -25px; text-decoration:none; margin-top:-2px } .no_support{ width: 609px; height: 483px; margin-top: -43px; margin-bottom: 19px; } .menu_options{ background: url('../images/other.png'); width: 22px; height: 6px; margin: 4px; cursor:pointer; } .photo_num div { background: url('../images/icons/album_ic.png') no-repeat; width: 17px; height: 13px; position: absolute; margin-left: -18px; margin-top: 3px; } .video_row_add { display: block; } .video_row_icon_add { padding: 6px 3px 6px 4px; } .video_row_icon_add .video_row_icon { width: 16px; background: url("../images/icons/audio_icons.png") -92px -51px no-repeat; } .video_row_added .video_row_icon_add .video_row_icon, .video_added_from_list.video_row_icon_add .video_row_icon { background: url("../images/icons/audio_icons.png") -184px -51px no-repeat; } .wallauthor_notif a { font-weight: 500; text-shadow: -0.05em 0px 0px rgba(68, 99, 131, 0.61); } .err_red_new { padding: 5px 10px 5px 10px; background: #faebeb; margin: -15px; line-height: 24px; position: absolute; font-size: 12px; z-index: 1; border-radius: 0px 0px 10px 0px; } .upload_doc{padding-left:200px;} .upload_doc button{background:#eff1f3 url("../images/doc.png") left 0px no-repeat;color:#728291;font-size:12px;font-family: Tahoma, Verdana, Arial, sans-serif, Lucida Sans;border:0px;padding:4px 15px 4px 27px;cursor:pointer;margin:5px;} .upload_photo{padding-left:190px;} .upload_photo button{background:#eff1f3 url("../images/camera.png") left 0px no-repeat;color:#728291;font-size:12px;font-family: Tahoma, Verdana, Arial, sans-serif, Lucida Sans;border:0px;padding:4px 15px 4px 34px;cursor:pointer;margin:5px;} #msg1, #dld, .msg, .dld { padding: 8px 11px; font-size: 11px; font-weight:bold; margin: 8px; text-align:left; background-color: #F4EBBD; border: 1px solid #D7CF9E; clear: both; } p#msg1, p.msg, p#dld, #p.dld {text-align:center;} #dld, .dld { background-color: #F6F7F9; border: 1px solid #DBE0EA; } .headm_newac2{ color:#6F6F6F; font-size:11px } .staticpl_menu{ margin: 13px 6px 13px 6px; color: #5e82a8; font-size: 12px; } .staticpl_menu .select{ max-width: 121px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 7px 53px 7px 11px; white-space: nowrap; background-color: #5e82a8 !important; color: #FFFFFF; } .staticpl_menu .unselect{ max-width: 121px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 7px 53px 7px 11px; white-space: nowrap; background: none !important; color: #5e82a8; } .staticpl_friends .select { background: #DAE2E8; } /* NEW SELECTOR */ .selector_container, .checkbox_container {zoom: 1;} .selector_container table.selector_table {width: 100%;z-index: 0;border: 1px dashed #95AFC8;margin: 0;} .results_container {position: absolute;z-index: 100;} .selector_container { background: transparent !important; } .group_edit_field .selector_container td.selector {padding-top: 1px;} .selector_container td.selector {border: none;padding: 5px 6px 5px 6px;background: #fff;height: 1%;overflow: hidden;} .selector_container table td {vertical-align: middle;} .dropdown_container input {cursor: default;} .selector input { background: white; float: left; width: 100px; height: 15px; margin: 2px 0px -2px 0px; padding: 0px 0px 4px 3px!important; padding: 2px 0px 0px 4px; outline: none; font-size: 11px; line-height: 1.09em; border: none; } .selector_focused:hover td.selector_dropdown {background-color: #E1E8ED;border-left: 1px solid #d2e0d2;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .selector_container td.selector_dropdown {z-index: 0;width: 16px;cursor: default;background: url('../images/darr_dd_out.gif') white no-repeat center;border: none;border-left: 1px solid rgba(255, 255, 255, 0);padding: 0px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .result_list {margin: -1px 0px 0px;position: absolute;opacity: 0.95;filter: alpha(opacity=95);left: 0;overflow-y: hidden;border: 1px solid #ADADAD;border-width: 1px 0px 0px;z-index: 100;} .result_list_shadow {margin: 0px;position: absolute;left: 0;overflow: hidden;border: 0;z-index: 100;height: 2px;} .result_list ul {margin: 0;padding: 0;background: white;position: relative;zoom: 1;} .result_list ul li:first-child {border-top: 1px solid #CCC;padding-top: 3px;} .result_list ul li:last-child {border-bottom: 1px solid #ADADAD;} .result_list ul li {color: black;padding: 6px 0px 5px 8px !important;list-style-type: none;border: 1px solid #CCC;border-width: 0px 1px 1px 1px;border-bottom: 1px solid white;cursor: pointer;position: relative;margin: -1px 0px 0px 0px;overflow: hidden;text-align: left;line-height: 1.18em;font-size: 12px;} .result_list_shadow .shadow1, .result_list_shadow .shadow2 {height: 1px;background-color: black;opacity: 0.12;filter: alpha(opacity=12);overflow: hidden;} .result_list_shadow .shadow2 {opacity: 0.05;filter: alpha(opacity=5);} .result_list ul li:first-child.active {padding-top: 3px;margin-top: 0px;} .result_list ul li.active {background: #587DA1;color: white;border: 1px solid #2A5883;padding-top: 2px;z-index: 1;} /* scrollbar VK */ /* ResultList */ .result_list::-webkit-scrollbar{ width:6px; } .result_list::-webkit-scrollbar:hover{ width:6px; } .result_list::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-radius:10px; border-color: #777; background-color: #dae1e8; } .result_list::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #555; background-color: #bec8d3; } .result_list::-webkit-scrollbar-track{ border-width:0; } .result_list::-webkit-scrollbar-track:hover{ background-color: rgba(246, 246, 250, 0); } /* body */ body::-webkit-scrollbar{ width:6px; } body::-webkit-scrollbar:hover{ width:8px; } body::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-radius:10px; border-color: #777; background-color: #dae1e8; } body::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #555; background-color: #bec8d3; } body::-webkit-scrollbar-track{ border-width:0; } body::-webkit-scrollbar-track:hover{ background-color: #f6f6fa; } /* audio_player */ .staticpl_audios::-webkit-scrollbar{ width:6px; } .staticpl_audios::-webkit-scrollbar:hover{ width:8px; } .staticpl_audios::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-radius:10px; border-color: #777; background-color: #dae1e8; } .staticpl_audios::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #555; background-color: #bec8d3; } .staticpl_audios::-webkit-scrollbar-track{ border-width:0; } .staticpl_audios::-webkit-scrollbar-track:hover{ background-color: #f6f6fa; } /* box_conetnt */ .box_conetnt::-webkit-scrollbar{ width:6px; } .box_conetnt::-webkit-scrollbar:hover{ width:8px; } .box_conetnt::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-radius:10px; border-color: #777; background-color: #dae1e8; } .box_conetnt::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #555; background-color: #bec8d3; } .box_conetnt::-webkit-scrollbar-track{ border-width:0; } .box_conetnt::-webkit-scrollbar-track:hover{ background-color: #f6f6fa; } /* Select VK for ScrollBar */ .sel_options::-webkit-scrollbar{ width:6px; } .sel_options::-webkit-scrollbar:hover{ width:8px; } .sel_options::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-radius:10px; border-color: #777; background-color: #dae1e8; } .sel_options::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #555; background-color: #bec8d3; } .sel_options::-webkit-scrollbar-track{ border-width:0; } .sel_options::-webkit-scrollbar-track:hover{ background-color: #f6f6fa; } /* ScrollBar for IM */ .im_scroll::-webkit-scrollbar{ width:6px; } .im_scroll::-webkit-scrollbar:hover{ width:8px; } .im_scroll::-webkit-scrollbar-thumb{ border-width:1px 1px 1px 2px; border-radius:10px; border-color: #777; background-color: #dae1e8; } .im_scroll::-webkit-scrollbar-thumb:hover{ border-width: 1px 1px 1px 2px; border-color: #555; background-color: #bec8d3; } .im_scroll::-webkit-scrollbar-track{ border-width:0; background-color: rgba(68, 99, 131, 0); } .im_scroll::-webkit-scrollbar-track:hover{ background-color: #f6f6fa; } /* MAIN PAGE */ #wrapper h1 { font: 65px/60px Helvetica, Arial, Sans-serif; text-align: right; color: #eee; text-shadow: 0px 2px 6px #333; } #wrapper h1 small{ font-size: 20px; display: block; color: #fff; } #wrapper h2 a { display: block; text-decoration: none; margin: 0 0 30px 0; font: italic 45px Georgia, Times, Serif; text-align: center; color: #bfe1f1; text-shadow: 0px 2px 6px #333; } #wrapper h2 a:hover { color: #90bcd0; } /* COMMON CLASSES */ #wrapper .break { clear:both; } /* WRAPPER */ #wrapper { width:960px; margin:40px auto; margin-left: -170px; -webkit-font-smoothing: antialiased;margin-top: 0px;} /* CONTENT */ #wrapper #content { } #wrapper #content .info { padding:10px; } /* MOVIE POSTERS */ #movieposters { list-style:none; margin:100px 0; height:550px; } #movieposters li { display:inline; float:left; -webkit-perspective: 500; -webkit-transform-style: preserve-3d; -webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; } #movieposters li:hover { -webkit-perspective: 5000; } #movieposters li img { border:10px solid #fcfafa; -webkit-transform: rotateY(30deg); -moz-box-shadow:0 3px 10px #888; -webkit-box-shadow:0 3px 10px #888; -webkit-transition-property: transform; -webkit-transition-duration: 0.5s; } #movieposters li:hover img { -webkit-transform: rotateY(0deg); } .movieinfo { border:10px solid #fcfafa; padding:20px; width:200px; height:180px; background-color:#deddcd; margin:-195px 0 0 55px; position:absolute; -moz-box-shadow:0 20px 40px #888; -webkit-box-shadow:0 20px 40px #888; -webkit-transform: translateZ(30px) rotateY(30deg); -webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; } #movieposters li:hover .movieinfo { -webkit-transform: rotateY(0deg); -webkit-box-shadow:0 5px 10px #888; margin:-175px 0 0 30px; } .movieinfo h3 { color:#7a3f3a; font-variant: small-caps; font-family:Georgia,serif,Times; text-align:center; padding-bottom:15px; } .movieinfo p { padding-bottom:15px; } .movieinfo a { background-color:#7a3f3a; padding:5px 10px; color:#eee; text-decoration:none; display:block; width:80px; text-align:center; margin:0 auto; -moz-border-radius:5px; -webkit-border-radius:5px; } .movieinfo a:hover, .movieinfo a:focus { background-color:#6a191f; color:#fff; } /* ROTATOR */ .ajax_menu{ background: #EFF1F3; padding: 15px 23px 27px 15px; font-size: 13px; } .ajax_menu .active { background: #597DA3; padding: 5px 5px 4px; border-radius: 2px; margin-top: -5px; } .ajax_menu .active a { color: white; font-size: 13px; } h2 { border-bottom: 1px solid #DAE1E8; color: #45668E; font-size: 1.0em; padding: 0px 0px 3px; margin: 0px 0px 10px; } .gifts_section_row h2 { margin: 0 0 15px 0; padding: 15px 0px 0 20px; border-bottom: none; } .gift_section{ width: 655px;margin: 0 auto;height: 240px; overflow: hidden;position: relative; } .gifts_section_show_all { margin-right: 15px; margin-top: 10px; padding: 5px 13px; padding-top: 6px; background-color: #dfe5ed; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 11px; border-radius: 2px; color: #636F7E; } .gifts_section_show_all:hover { background-color: #d8dfe8; color: #607282; text-decoration: none; } .gifts_link_arrow { padding: 0 0 0 4px; display: inline-block; height: 10px; width: 10px; background: url("../images/icons/wall_more_arrows.gif") no-repeat scroll 4px 0; } .msearch { padding: 10px; font-size: 14px; border: 0px; margin: -8px; margin-left: -4px; padding-left: 30px; color: #777; background: url("../images/icons/msearch.png") no-repeat 0px; width: 185px; font-family: Tahoma; } .send_thumb { background: url("../images/profile_icons.gif") no-repeat 3px -262px; padding: 0px 14px 0 0; } .pointer { cursor: pointer; } .headlogo.pointer:hover { padding: 0px; } .radio-group{ cursor:pointer; } ul.radio-group li { position: relative; list-style: none; cursor:pointer !important; } input[type="radio"] + label > span { position: relative; border-radius: 12px; width: 14px; height: 14px; background-color: #FFFFFF; border: 1px solid #bcbcbc; margin: 0 1em 0 0; display: inline-block; vertical-align: middle; cursor:pointer; } input[type="radio"]:checked + label > span span { display: inline-block; width: 6px; height: 6px; position: absolute; left: 4px; top: 4px; border-radius: 4px; border: none; cursor:pointer; background: #486794; } .groups_rec { float: left; width: 249px; overflow: hidden; height: 100px; padding-bottom: 10px; display: inline-block; } .groups_rec .user_descr { height:30px; } .groups_rec a{font-size:12px;margin-top:5px;} .groups_rec a div img{width:85px} .groups_rec a div{width:100px} .unlogged_info{ background: rgba(220, 220, 220, 0.68); padding: 15px; margin-top: 13px; border-radius: 4px; cursor:pointer; transition-duration: 0.4s; font-size: 13px; color:#666; text-align: center; } .unlogged_info:hover{ background: rgba(220, 220, 220, 0.88); } .unlogged_info a{ color: #666; } /* Timer */ .container { position:absolute;margin-top:0px;margin-left:0px;z-index:99999; background:#ffffff; } .container .cal { margin: 0 auto; } .cal { display: block; width:246px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .cal a { text-decoration: none; } .cal caption { display: block; line-height: 32px; font-weight: bold; color: #e2e2e2; text-align: center; text-shadow: 0 -1px black; background: #333; border-top: 1px solid #333; border-bottom: 1px solid #313131; box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); } .cal caption a { display: block; line-height: 32px; padding: 0 10px; font-size: 15px; color: #e2e2e2; } .cal caption a:hover { color: white; } .cal caption .prev { float: left; } .cal caption .next { float: right; } .cal th, .cal td { width: 30px; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.8); } .cal th:first-child, .cal td:first-child { border-left: 0; } .cal th { line-height: 20px; font-size: 8px; color: #696969; text-transform: uppercase; background: #f3f3f3; border-left: 1px solid #f3f3f3; } .cal td { font-size: 11px; font-weight: bold; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; cursor:pointer; } .cal td a { clear: both; display: block; position: relative; width: 30px; line-height: 28px; color: #666; background-image: linear-gradient(to bottom, #eaeaea 0%, #e5e5e5 60%, #d9d9d9 100%); box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); } .cal td a:hover, .cal td.off a { background: #f3f3f3; } .cal td.off a { color: #b3b3b3; } .cal td.active a, .cal td a:active { margin: -1px; color: #f3f3f3; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background: #6dafbf; border: 1px solid #598b94; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); } .cal td.active:first-child a, .cal td:first-child a:active { border-left: 0; margin-left: 0; } .cal td.active:last-child a, .cal td:last-child a:active { border-right: 0; margin-right: 0; } .cal tr:last-child td.active a, .cal tr:last-child td a:active { border-bottom: 0; margin-bottom: 0; } .cssDesc { color: #777777; font-size: 11px; } .ava_mini img { width: 50px; } #footer {margin-left: 0 !important; margin-right: 0 !important; left: 0; padding-right: 2px !important;} .sidebar__mobile { display: none; } .page__container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0; } .sidebar__mobile-menu ul li { list-style: none; } .sidebar__mobile { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; padding: 5px 15px; background: #ffffff; border-top: 0.5px solid rgba(0, 0, 0, 0.12); } .sidebar__mobile-menu-list { display: flex; align-items: center; justify-content: space-between; } .sidebar__mobile-menu-link { font-size: 10px; line-height: 12px; text-align: center; letter-spacing: 0.015em; color: #99a2ad; position: relative; } .sidebar__mobile-menu-link:before { color: #818c99; font-size: 24px; padding-top: 5px; } .sidebar__mobile-menu-link._active-mobile-menu { color: #324D6D; } .sidebar__mobile-menu-link._active-mobile-menu:before { color: #324D6D; } .sidebar__mobile-bottom { padding: 21px 0px 10px 0px; } .sidebar__mobile-bottom-decor { background: #000000; opacity: 0.9; border-radius: 100px; width: 130px; height: 5px; margin: 0 auto; } .mobile-menu__item_ic:after, [class*=_icon-]:before { font-family: "icons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=_icon-]:before { display: block; } ._icon-home-mob:before { content: "\e90c"; } ._icon-services:before { content: "\e916"; } ._icon-message-mob:before { content: "\e90f"; } ._icon-clip:before { content: "\e904"; } ._icon-video:before { content: "\e918"; } @media screen and (max-width: 1024px) { .sidebar__mobile { display: block; } .search_tab { display: none; } #wall_like_active { display: none; } .public_likes_user_block { margin-left: 45px !important; } .audio .name { max-width: 70%; } .activetabnews div { width: 15px; margin-left: -25px; margin-top: 0; height: 15px; position: relative; display: inline-block; } .left_box.attention a { padding: 5px; margin: 0; position: relative; width: 95%; display: block; text-align-last: center; } .left_box.attention { width: 98%; margin: 0; padding: 10px 0; position: relative; } .left_box.attention div.albtitle { margin: 0; } .left_menu { float: left; margin: 0; position: relative; display: block; margin-top: 50px; } #menu { width: 175px; display: block; margin: 0; position: absolute; } .left_menu { float: left; } .autowr { width: 80%; margin: auto; } } .closebtn, .mmenu, .closebtn1, .mmenu1 {display:none;} @media screen and (max-width: 1000px) { iframe {width: 100% !important;} #video_playlist { width: 100%; overflow: hidden; overflow-y: hidden; overflow-y: scroll; } .video_show_object {display: block !important; height: auto; padding: 0px; max-height: 100% !important;} .video_name {position: relative;} #year {height: auto !important; margin-top: 0;} #month {height: auto !important; margin-top: 0;} #graph-wrapper {margin-top: 20px;} .graph-container {width: 100%; padding-left: 0; padding-right: 0;} #saveNewPwd, #saveNewEmail, #saveNewName {width: 150px;} .titleu { font-size: 16px; font-weight: 500; color: #000; -webkit-font-smoothing: inherit; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; } .titleu a { padding-right: 10px; padding-left: 10px; } .ajax_menu .active {margin-right: 10px;} #box_title_gifts .fl_r {padding-right: 10px;} #wall_input, #wall_tab, #wall_text {width: 100% !important;} .inpst { margin-top: 10px; } .miniature_pos .apps_box_text {padding-right: 20px;} .no_display .privasy {display: block;} .owner_photo_bubble_action {height: 25px;} .no_display .glavset {display: block;} .texta { padding-bottom: 10px; } .search_form_tab~.bg_block {padding-left: 10px !important; padding-right: 10px !important; flex-direction: column;} .allbar_title {margin-bottom: 0; padding-top: 5px;} .left_box.attention a { width: 100%; } .profile_rate_warning { margin-bottom: 0; } .friends_onefriend {height: auto;} .bg_block .button_div {order: 0;} .buttonsprofile {margin-top: 0; height: 22px; border-bottom: 0; margin-bottom: 0; margin-left: 0px; float: left; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} #user_photo {margin-top: 0 !important;} .padstylej { margin-bottom: 25px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .selector_container table.selector_table { width: auto; z-index: 0; border: 1px dashed #95AFC8; margin: 0; } .search_sotrt_tab {position: relative; margin-top: 25px; width: 100%; margin-left: auto; display: none;} .scroll_fix_bg { display: none !important; } .footer { text-align: left; padding: 10px; color: #666; font-size: 13px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .al_audios_panel { width: 100%; margin-top: 10px; padding: 10px; position: relative; display: block; padding-right: 150px; } .al_audio_player { width: 100%; padding-top: 5px; padding-right: 5px; } .al_audios_wrap { width: 100%; } .friends_m {margin-top: 0; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .friends_onefriend {width: 100%} .activetabnews {min-width: 120px;} .profiewr { width: 65% !important; } #myNav {width: 0;} .head_bell {padding: 0; margin-left: 20px;} #menu #leftmenu a {font-size: 14pt; border-bottom: 1px dashed;} #menu #leftmenu {width: 90%; margin: 0 auto;} #menu { width: 100%; display: block; margin: 0; position: relative; text-align: left; } .wall_fast_block_news { width: 90%; margin-left: 0; float: right; } .news_comm_wr { width: 100%; } .bg_block { width: 100% !important; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .cl {margin-top: 5px !important;} #rightmenu { float: none; width: 100%; margin: 0 auto; position: relative; padding: 5px; min-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; margin-right: 0 !important; } .content {width: 100% !important; margin-left: 0; padding: 0 10px;} .mmenu { display: flex; margin-top: 15px; float: right; margin-right: 10px; padding-right: 10px; text-align: left; box-shadow: 0px 3px 3px rgba(34, 66, 111, 0.49); border-radius: 6px; padding-left: 5px; color: #fff; background-image: linear-gradient(to bottom,#9db3ce, #4b6388, #42597b); background-image: -ms-linear-gradient (to bottom,#fbcd9c, #ed0b0b, #c54303); background-color: #d74106; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32); text-transform: uppercase; font-size: 14px !important; padding-bottom: 5px; padding-top: 5px; margin-right: 10px; vertical-align: middle; align-items: center; justify-content: space-between; margin-left: 15px; float: left; } .mmenu1 { display: flex; margin-top: 15px; float: right; margin-right: 10px; padding-right: 10px; text-align: left; box-shadow: 0px 3px 3px rgba(34, 66, 111, 0.49); border-radius: 6px; padding-left: 5px; color: #fff; background-image: linear-gradient(to bottom,#fbcd9c, #ed0b0b, #c54303); background-image: -ms-linear-gradient (to bottom,#fbcd9c, #ed0b0b, #c54303); background-color: #d74106; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32); text-transform: uppercase; font-size: 16px !important; padding-bottom: 2px; padding-top: 2px; margin-right: 10px; vertical-align: middle; align-items: center; justify-content: space-between; } .mmenu img, .mmenu1 img {filter: invert(100%); padding-right: 5px;} .overlay, .overlay1 { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(255, 255, 255,1); overflow-x: hidden; z-index: 100; box-shadow: 0px 3px 3px rgba(34, 66, 111, 0.49); } .overlay .closebtn, .overlay1 .closebtn1 { position: absolute; top: 0; right: 10px; font-size: 40px; z-index: 10; } .overlay a, .overlay1 a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .overlay .footer a { font-size: 11px; } .overlay-content, .overlay-content1 { position: relative; top: 5%; width: 100%; text-align: center; } .head_bell_block { flex-grow: 1; } .fl_r { order: 1; } .user_info img { margin-top: auto; } .fl_r img {vertical-align: middle;} .user_info a { margin-top: 0; padding: 10px; } .user_info { margin-top: auto; color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; order: 0; } .search_tab { margin-top: 0; } .autowr .leftmenu #backbtn { width: 20px; height: 20px; position: relative; padding-left: 20px; margin-top: auto; z-index: 10; padding-top: 1px; transition: 0.1s; font-size: 13px; cursor: pointer; right: 0; -webkit-font-smoothing: subpixel-antialiased; color: #fff; } .autowr .leftmenu { float: left; width: auto; margin-left: 0; margin-top: 0; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .head { height: auto; } .leftmenu { float: left; width: auto; margin-left: 0; margin-top: 0; position: relative; } .headlogo { position: relative; left: 0; margin-top: 0; z-index: 5; padding: 0; background-size: contain; width: 70px; height: 40px; margin: 5px; } .headmenu { margin-right: 0; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: auto; width: 80%; } .autowr { width: 100%; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-left: 0 !important; padding-right: 0 !important; } *, :after, :before { box-sizing: border-box; } .photo_bg, .video_show_bg { width: 100% !important; } #video_object { width: 100%; } #video_object iframe {width: 100% !important; height: 470px;} .no_display #page { width: 100% !important; } .kontakt1 {padding-top: 50px !important;} .left_menu { float: left; width: 100%; background: #e6e8ec; position: static; position: fixed; height: 0px; box-shadow: 0 1px 2px rgba(130, 120, 120, 0.66); z-index: 10000; } .left_menu ~ .clear {margin-top: 50px;} } @media screen and (max-width: 820px) { .video_row_inner_cont { position: relative; } #step1 #email, #step1 #name, #step1 #new_pass, #step1 #new_pass2, #register #log_email, #register #log_password {width: 100% !important;} } @media screen and (max-width: 688px) { .audio_search_bl input { width: 100%; } .no_display .sett_openmenu {margin-left: 302px !important; position: relative;} #query_full {width: 80% !important;} .box_footer { height: 50px; padding: 10px; } .video_show_left_col { margin-top: 10px; margin-left: 0; width: 100%; } .load_photo_but { margin-top: 0; margin-right: 0; padding: 10px; width: 200px; height: 20px; float: right; } iframe {width: 100% !important;} #video_playlist { width: 100%; overflow: hidden; overflow-y: hidden; overflow-y: scroll; } .video_show_object {display: block !important; height: auto; padding: 0px; max-height: 100% !important;} .video_name {position: relative;} #year {height: auto !important; margin-top: 0;} #month {height: auto !important; margin-top: 0;} #graph-wrapper {margin-top: 20px;} .graph-container {width: 100%; padding-left: 0; padding-right: 0;} .menuleft { margin-top: 0px; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page_contacts_upload_label {height: 24px;} .page_module_upload {margin: 0; padding: 10px;} div#feddbackusers { margin-bottom: 0; } #box_addfeedback .box_footer { height: 50px; padding: 10px; } .box_conetnt {max-height: 100%;} .load_photo_pad>div {height: auto !important;} .load_photo_pad { padding: 10px; padding-top: 10px; padding-top: 5px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .ava_pub { float: left; width: 100%; margin-right: 0; margin-left: 0; } .photo_leftcol .button_div {margin-left: 30% !important;} .pinfo { position: absolute; background: white; width: 98%; left: 1%; } .photo_img_box { width: 100%; } .profiewr .wallrecord { width: 100%; margin-left: 0; } .wall_fast_block { width: 100% !important; margin-top: 2px; margin-left: 0 !important; } .wallrecord { width: 100%; margin-left: 0; } .wall_rec_autoresize { width: 100% !important; } .profiewr { width: 100% !important; } .allbar_title { margin-bottom: 0; padding-top: 50px; } .search_form_tab ~ div .padstylej {display: block;} #container1 {padding-top: 10px;} .selector_container td.selector_dropdown {width: 25px; display: table; height: 100%;} .clear ~ div, .search_form_tab ~ div {margin-left: 0 !important; margin-right: 0 !important; } .ava { float: left; width: 100%; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 569px) { body .ytp-cued-thumbnail-overlay-image {background-size: contain;} .im-page--center-empty {margin-top: 0;} #dialogs_block {position: relative !important; top: 0 !important; margin-top: 50px;height: 100px !important; min-height: 100px; } #im_content {width: 100% !important; height: 500px;} .mess1 #lblock_im {width: 100% !important; position: relative !important;} .mess1 {flex-direction: column;} .head_bell { padding: 0; margin-left: 0; } .search_input { width: 100%; float: left; margin: 0px; border-right: 0px; padding-right: 0px; border-radius: 4px; font-size: 14px; background: url("../images/icons/hsearch.png") no-repeat 98%; background-color: rgba(0, 0, 0, 0); background-color: #344F7A; color: rgba(255, 255, 255, 0.82); -webkit-font-smoothing: antialiased; } .search_tab { width: auto; } #title, #question {width: 100% !important;} .support_bg {display: block;} .post_views { display: none; } li a { font-size: 12px; } .profile_title_album g { width: 100%; display: block; overflow: hidden; float: left; white-space: nowrap; text-overflow: ellipsis; margin-top: -10px; } .profiewr .audioNames { width: 100%; } .buttonsprofile { margin-top: 0; height: 22px; border-bottom: 0; margin-bottom: 0; margin-left: 0px; float: left; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; padding-left: 0; height: auto !important; margin: 0; } #modal_box .box_bg {width: 90% !important;} .gift_block { width: 100%; } .headmenu { width: 87%; } .head_bell_block { flex-grow: 0; } .autowr .leftmenu #backbtn {display: none;} .headlogo { width: 50px; height: 40px; } } @media screen and (max-width: 481px) { .fast_form_width { width: 100%; padding: 4px; } .profile_wall_attach_photo img { max-width: 100%; max-height: 100%; margin-top: 5px; margin-right: 3px; margin-bottom: 3px; height: auto; } #video_object iframe { width: 100% !important; height: 350px; } #register { background: white; left: 15% !important; margin-left: 0 !important; position: absolute; width: 70% !important; z-index: 1; padding: 10px 20px 10px 10px; border-radius: 4px; border-bottom: 1px solid #C0CAD5; top: 20%; } .wallauthor1 {width: 100% !important;} .wall_fast_texatrea .wall_fast_text {width: 100% !important;} .upload_doc { padding-left: 0; } #wall_records {width: 100% !important;} .cover_edit_title {width: 89% !important;} .miniature_pos {width: 98% !important;} .pg1 { width: 100% !important; } } @media screen and (max-width: 429px) { .photo_close { background: url("../images/cl_photo2.png") no-repeat right; width: 50px; height: 17px; position: absolute; right: 15px; top: 15px; cursor: pointer; } .editwall {margin-right: 20px;} .wall_delete {margin-right: 50px;} .inpst_wall { width: 100%; } .upload_photo { padding-left: 0; } .cover_edit_title { width: 100% !important; position: relative; } #modal_box .box_bg { width: 85% !important; display: block; } .activetabnews { min-width: auto; } .wallauthor ~ div {width: 100% !important;} .area table {width: 90% !important;} .audioNames {width: auto !important;} #qnotifications_box::after {left: 55%;} #qnotifications_box { width: 95%; } .headlogo { width: 40px; height: 40px; padding-top: 10px; background-position-y: 5px; } .search_tab { width: auto; padding: 0; } .headmenu a { transition: 0.2s; padding: 5px; margin-right: 5px; } .page #register { width: 90%; position: relative; left: 0; margin-left: auto; top: 0; margin: 20% auto; } .page #register {width: 90%;} .info_center {width: 100% !important;} .box_close { width: 20px; height: 20px; background-size: contain; margin-top: 0; } .box_close:hover { background-size: contain; } .no_display #privacyMenu_info, .no_display #selected_p_privacy_lnk_audio {margin-top: 50px !important; margin-left: 0 !important;} .no_display .sett_openmenu { margin-left: 0 !important; position: relative; } #comment_repost {width: 100% !important;} #register { background: white; left: 5% !important; width: 90% !important; } } @media screen and (max-width: 420px) { #moreInfoLnk { width: 100%; } .profile_hide_opne { width: 100%; margin: auto; } #online, #user_photo {margin-bottom: 10px;} #video_object iframe { width: 100% !important; height: 320px; } .headmenu a { transition: 0.2s; padding: 5px; margin-right: 0; } #vote_title, #vote_answer_1, #vote_answer_2 {width: 100%!important;} .autowr #audioMP {display: none;} .search_tab { width: 40%; padding: 0; margin-right: 5px; } .head_bell_block ~ .fl_r {margin-right: 10px;} } @media screen and (max-width: 385px) { .user_info img {margin-left: 10px;} .headmenu a { transition: 0.2s; padding: 0; margin-right: 0; } .headlogo { margin-right: 0; } .search_tab { width: 40%; padding: 0; margin-right: 5px; } .headmenu { width: 86%; } .profile_hide_opne { width: 100%; margin: auto; } #moreInfoLnk {width: 100%;} #sel_group, #for_user_id {width: 100% !important;} } @media screen and (max-width: 376px) { .bg_block .button_div { clear: both; } .headmenu .user_info .pointer {padding: 0 2px;} .user_info img { margin-left: 5px; } .bg_block .button_div button {padding: 8px 10px !important;} #video_object iframe { width: 100% !important; height: 300px; } } @media screen and (max-width: 361px) { #video_object iframe { width: 100% !important; height: 280px; } .left_menu { top: -10px; } .photo_descr {right: 10px;} #rightmenu li { margin-left: 10px; } .activetabnews div { width: 10px; margin-left: -10px; margin-top: 0; height: 10px; position: relative; display: inline-block; background-size: contain; background-repeat: no-repeat; } .search_tab { width: 35%; padding: 0; margin-right: 5px; } .headlogo { width: 30px; height: 30px; } } @media screen and (max-width: 340px) { #video_object iframe { width: 100% !important; height: 250px; } .pinfo {position: absolute !important;} .photo_close { z-index: 10; } body .photo_view {position: absolute !important;} .texta {width: 100% !important;} .headmenu .user_info .pointer { font-size: 7pt !important; } }