Файл: public_html/style/s_cfmxw.css
Строк: 6761
body, input, textarea, select, .button, .small_button {
font-family:
Lucida Grande, Verdana, Tahoma, Arial, Sans-Serif, Lucida Sans;
font-size: medium
}
body, input, textarea, select, h1, h2, h4, h5, dl,
dt, dd, ul, form, .button, .small_button {
margin: 0;
padding:
0
}
html {
width: 100%;
height: 100%
}
body {
background: #f5f5f5;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}
input::-moz-focus-inner,
.button::-moz-focus-inner, .small_button::-moz-focus-inner {
border:
0;
padding: 0
}
.textfield, .datefield, .timefield, .button,
.small_button, select, #content > form input[type="text"],
#content > form input[type="password"] {
outline: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow:
none;
box-shadow: none
}
.textfield, .button, .small_button,
#content > form input[type="text"], #content > form
input[type="password"] {
-webkit-appearance: none;
background: #fff
}
img {
border: 0
}
a {
color:
#4C6B8F;
text-decoration: none;
cursor: pointer
}
._hover
a:hover {
text-decoration: underline
}
ul {
list-style:
none
}
.al_after {
cursor: pointer
}
.mcont {
background-color: #fff
}
.pfoot {
padding: 10px 0
}
#vk_utils
{
position: absolute;
overflow: hidden;
height: 20px;
top: -100px
}
.sub_header {
font-size: medium;
word-wrap:
break-word;
border-bottom: 1px solid #efefef;
background-color:
#f7f7f7;
color: #606060;
padding: 8px 7px
}
.slim_header,
.foot {
font-size: medium;
word-wrap: break-word;
background-color: #DEE5EB;
position: relative;
padding: 5px
7px;
margin-top: -1px;
color: #657e9b
}
.slim_header_top {
margin-top: 0
}
.slim_header_cnt {
font-size: small;
font-style: normal;
font-weight: 700;
color:
#9FB2C6
}
.link_header {
display: block
}
._hover
.link_header:hover {
text-decoration: none
}
.link_header
.slim_header {
color: #D3DBE3
}
.slim_header_label {
color:
#657e9b
}
.slim_header_rl {
font-weight: 400;
padding-left:
5px;
color: #657e9b;
text-align: right;
float:
right
}
._hover .slim_header_rl:hover {
text-decoration:
underline
}
.sub_header_rl {
font-weight: 400;
padding-left:
5px;
text-align: right;
float: right
}
._hover
.sub_header_rl:hover {
text-decoration: underline
}
.pointer {
position: relative;
margin-top: -1px;
height:
6px
}
.i_pointer {
background:
url(/style/themes/vk/img/pointer.gif?1) no-repeat;
display: block;
width: 15px;
height: 6px;
position: relative;
top:
1px
}
.listing {
list-style: square;
padding-left: 3em;
color: #758EAC;
margin: 0 0 15px
}
.listing_row {
color:
#000
}
.fill {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.explain {
color: #777
}
.num_delim
{
font-size: 60% !important;
vertical-align: top
!important
}
.divider {
padding: 0 2px
}
.row_dash {
padding: 0 7px
}
.match, .found {
background-color: #E1E7ED;
padding: 0;
font-style: normal
}
.new_item_link {
display:
block;
padding: 12px;
background-color: #E4E8ED;
text-align:
center;
font-weight: 700;
font-size: medium;
margin-top:
-1px
}
._hover .new_item_link:hover {
text-decoration:
none
}
.new_item_link_wrap {
margin-top:
-1px
}
.new_item_link_wrap .new_item_link {
margin-top:
0
}
.recommends_link {
display: block;
background-color:
#fafafa;
border-bottom: 1px solid #efefef;
text-align: center;
padding: 12px 7px;
color: #777
}
.wall_extra_link {
display: block;
background-color: #fafafa;
border-bottom: 1px
solid #efefef;
text-align: center;
padding: 12px 7px;
color:
#a1aab3;
font-weight: 700;
-webkit-tap-highlight-color: rgba(0,
0, 0, 0)
}
._hover .recommends_link:hover, ._hover
.wall_extra_link:hover, ._touch .wall_extra_link.hover {
text-decoration: none;
background-color: #f5f5f5
}
.wide_link {
display: block;
padding: 7px;
text-align: center
}
._touch
.wide_link, ._hover .wide_link:hover {
text-decoration: none;
background-color: #E9EDF1
}
.al_loading {
display: none;
min-height: 62px;
height: 320px;
text-align: center;
border-bottom: 1px solid #efefef;
background:
url(/style/themes/vk/img/oupload.gif?1) no-repeat center
}
.qs_loading
{
min-height: 0;
padding: 24px 12px
}
.mem_special {
color: #2E7B27;
font-weight: 700
}
.message_box {
display:
block;
background-color: #E4E8ED;
border-radius: 5px;
text-align: center;
padding: 14px 10px;
margin: 3px 0
0
}
.message_box_footer {
display: block;
text-align:
center;
padding: 4px 10px 7px;
margin: 3px 0 0
}
.row_table
{
margin: 0;
border-spacing: 0;
width:
100%
}
.row_table_main_column {
padding: 0 7px 0 0;
width:
100%
}
.row_table_column {
padding: 0 7px 0
0
}
.row_table_last_column, .row_table_simple_column {
padding:
0
}
.summary {
display: block;
padding-top: 16px;
border-bottom: 1px solid #E8E8E8;
color: #606060;
padding: 12px
7px 6px;
font-weight: 700
}
._hover .summary:hover {
text-decoration: none
}
.inline_upload_wrap {
position:
relative;
overflow: hidden
}
.inline_upload {
width:
inherit;
height: inherit;
position: absolute;
cursor:
pointer;
margin: 0;
padding: 0;
right: 0;
top: 0;
left: 0px;
font-size: 1.5em !important;
opacity: .01;
z-index: 1;
filter: alpha(opacity=1);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.clearfix:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden
}
* html .clearfix {
height: 1%
}
.clearfix
{
display: block
}
.clear {
float: none;
clear:
both
}
.service_msg_page {
padding: 12px 10px;
border-bottom:
1px solid #efefef
}
.service_msg_box {
padding: 10px 7px;
border-bottom: 1px solid #efefef
}
.service_msg {
padding:
7px
}
.service_msg_row {
padding: 7px 0 0
}
.service_msg_error
{
background-color: #FFEFE8;
border: 1px solid
#E89B88
}
.service_msg_warning {
background-color: #F9F6E7;
border: 1px solid #D4BC4C
}
.service_msg_ok {
background-color:
#F6F7F9;
border: 1px solid #DBE0EA
}
.service_msg_null {
padding: 14px 7px;
text-align: center;
color:
#777
}
.wait_body {
padding: 60px 12px 12px;
text-align:
center;
border-bottom: 1px solid #efefef;
color:
#777
}
.wait_loading {
background:
url(/style/themes/vk/img/oupload.gif?1) no-repeat center;
padding:
14px;
margin-bottom: 18px
}
.wait_cancel {
display: block;
margin: 7px 0 0;
padding: 3px
}
.selector, .textfield, #content
> form input[type="text"], #content > form
input[type="password"], #content > form textarea, .datefield,
.timefield, select {
vertical-align: top;
width: 100%;
min-width: 30px;
border: 1px solid #B9C4D1;
padding: 2px;
margin: 0
}
.datefield, .timefield, select {
box-sizing:
border-box;
text-align: left
}
.selector, .textfield {
box-sizing: content-box;
border-radius: 4px
}
#content > form
input[type="text"], #content > form textarea, #content >
form input[type="password"] {
box-sizing: border-box;
padding: 4px;
border-radius: 4px;
outline:
none
}
.textfield::-webkit-input-placeholder, #content > form
input[type="text"]::-webkit-input-placeholder, #content > form
textarea::-webkit-input-placeholder {
color:
#949799
}
.textfield:-moz-placeholder, #content > form
input[type="text"]:-moz-placeholder, #content > form
textarea:-moz-placeholder {
color:
#949799
}
.textfield:-ms-input-placeholder, #content > form
input[type="text"]:-ms-input-placeholder, #content > form
input[type="text"]:-ms-input-placeholder, #content > form
textarea:-ms-input-placeholder {
color:
#949799
}
.textfield_disabled {
background-color: #e4e8ed;
color: #333
}
.selector {
display: block;
color:
#000
}
._hover .selector:hover {
text-decoration:
none
}
select {
white-space: nowrap
}
.iwrap {
margin: 0
6px 0 0
}
.fit_box .selector, .fit_box .textfield, #content > form
input, #content > form textarea {
padding: 4px
}
.fit_box
.iwrap {
margin: 0 10px 0 0
}
.input_loading {
background-image: url(/style/themes/vk/img/mupload.gif?1);
background-repeat: no-repeat;
background-position: right
center
}
.summary_loading {
float: right
}
.i_loading {
background: url(/style/themes/vk/img/mupload.gif?1) no-repeat right
center;
padding: 0 27px 0 0
}
.ph_img {
vertical-align:
top
}
.field_prefix, .field_inline {
font-size: medium;
display: inline;
display: inline-block;
vertical-align: middle;
margin-bottom: 2px
}
.field_prefix {
white-space: nowrap;
color: #777
}
.option_row {
padding: 2px 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.option_label {
padding-left: 2px
}
.option_row_fl .radio, .option_row_fl .checkbox {
float: left;
margin-right: 6px
}
.option_row_fl .option_label
{
padding-left: 0;
overflow: hidden;
zoom: 1
}
.near_btn
.option_row {
padding: 0 !important;
margin-bottom:
-2px
}
.option_tip {
padding: 1px 0 0;
color:
#999
}
#copts_test_label {
width:
100px
}
#copts_test_radio:checked + #copts_test_label {
width:
5px
}
._copts .option_row {
overflow: hidden
}
._copts
.option_value {
line-height: 17px
}
._copts .radio, ._copts
.checkbox {
position: absolute;
left: -5000px
}
._copts
.radio + .option_label, ._copts .checkbox + .option_label {
padding:
0
}
._copts .radio + .option_label:before, ._copts .checkbox +
.option_label:before {
display: inline-block;
content: '';
width: 17px;
height: 17px;
vertical-align: middle;
margin-right: 5px;
padding: 0;
background: no-repeat 0 center;
cursor: pointer
}
._copts .option_row_fl .radio +
.option_label:before, ._copts .option_row_fl .checkbox +
.option_label:before {
position: absolute;
left: 0;
margin-right: 5px
}
._copts .option_row_fl .option_label {
position: relative;
padding-left: 22px;
overflow:
visible
}
._copts .radio + .option_label:before {
background-image: url(/style/themes/vk/img/radio.png?1)
}
._copts
.checkbox + .option_label:before {
background-image:
url(/style/themes/vk/img/checkbox.png?1)
}
._hover ._copts .radio:hover
+ .option_label:before, ._hover ._copts .checkbox:hover +
.option_label:before, ._touch ._copts .option_row.hover .radio +
.option_label:before, ._touch ._copts .option_row.hover .checkbox +
.option_label:before {
background-position: -17px center
}
._copts
.radio:checked + .option_label:before, ._copts .checkbox:checked +
.option_label:before {
background-position: -51px center
}
._hover
._copts .radio:hover:checked + .option_label:before, ._hover ._copts
.checkbox:hover:checked + .option_label:before, ._touch ._copts
.option_row.hover .radio:checked + .option_label:before, ._touch ._copts
.option_row.hover .checkbox:checked + .option_label:before {
background-position: -68px center
}
._copts .radio:disabled +
.option_label, ._copts .checkbox:disabled + .option_label {
color:
#999
}
._copts .radio:disabled + .option_label:before, ._copts
.checkbox:disabled + .option_label:before, ._hover ._copts
.radio:hover:disabled + .option_label:before, ._hover ._copts
.checkbox:hover:disabled + .option_label:before, ._touch ._copts
.option_row.hover .radio:disabled + .option_label:before, ._touch ._copts
.option_row.hover .checkbox:disabled + .option_label:before {
background-position: -34px center
}
._copts .radio:checked:disabled +
.option_label:before, ._copts .checkbox:checked:disabled +
.option_label:before, ._hover ._copts .radio:hover:checked:disabled +
.option_label:before, ._hover ._copts .checkbox:hover:checked:disabled +
.option_label:before, ._touch ._copts .option_row.hover
.radio:checked:disabled + .option_label:before, ._touch ._copts
.option_row.hover .checkbox:checked:disabled + .option_label:before {
background-position: -85px center
}
.button, .small_button, .near_btn,
.small_near_btn, #content > form input[type="submit"] {
font-size: medium;
display: inline-block;
background: 0;
border: 0
}
.button, #content > form input[type="submit"]
{
padding: 6px 12px;
text-align: center;
cursor:
pointer
}
.near_btn {
padding: 6px 10px
}
.small_button {
padding: 4px 7px;
text-align: center;
cursor:
pointer
}
.small_near_btn {
padding: 4px 7px
}
._hover
.button:hover, ._hover .small_button:hover {
text-decoration:
none
}
.wide_button {
display: block;
text-align: center;
padding-left: 3px !important;
padding-right: 3px
!important
}
input.wide_button, button.wide_button {
width:
100%
}
.button, .small_button, #content > form
input[type="submit"] {
font-weight: 700;
color: #fff;
background-color: #6182aa;
border-radius:
4px
}
.button_disabled, #content > form
input[type="submit"]:disabled {
opacity:
.7
}
.button_locked {
background:
url(/style/themes/vk/img/wupload.gif?1) no-repeat
center
}
.button_locked_label {
visibility:
hidden
}
.gray_button {
color: #4c6b8f;
background-color:
#e1e5eb
}
.pagination {
padding: 7px 7px 8px;
border-bottom:
1px solid #DCDDDE;
background: #F7F7F7;
line-height:
1.3em
}
.pg_link {
padding: 6px 7px
}
._hover .pg_link:hover
{
background-color: #E4E8ED;
text-decoration:
none
}
.pg_link_sel {
border-bottom: 2px solid
#45668E
}
._hover .pg_link_sel:hover {
background:
0
}
.upload_form {
text-align: center
}
.upload_row {
padding: 14px 0 0
}
.upload_row .button {
margin:
0
}
.upload_input {
width: 500px;
max-width:
100%
}
.form_item, #content > form {
padding: 0 7px 10px;
border-bottom: 1px solid #efefef;
line-height: 2em
}
#content >
form {
background-color: #f5f5f5;
padding: 7px 7px
10px;
}
.fi_row {
padding: 7px 0 0;
word-wrap:
break-word
}
.fi_subrow {
padding: 4px 0 0;
word-wrap:
break-word
}
.fi_label, .fi_blabel {
padding: 0 0 4px;
color:
#777
}
.fi_blabel {
font-weight: 700
}
.fi_sublabel {
padding: 4px 0;
color: #777
}
.fi_header {
color: #5d7999;
font-weight: 700
}
.fi_header_light {
color:
#8698AC
}
.fi_field_sample {
font-size: small;
padding: 3px 0
0;
color: #777
}
.fi_field_links {
padding: 4px 0
0
}
.fi_row .option_row, .fi_subrow .option_row {
display:
block;
padding: 4px 0
}
.fi_row .service_msg_box {
border-bottom: 0;
padding: 0
}
.fi_fat .iwrap {
margin: 0
10px 0 0
}
.fi_fat .selector, .fi_fat .textfield {
font-size:
medium;
padding: 4px
}
.fi_fat .option_label {
font-size:
medium
}
.fi_row_new {
padding: 14px 0 0
}
.fi_one_row {
padding: 7px;
border-bottom: 1px solid #efefef
}
.fi_sample_row
{
font-size: small;
color: #777
}
.fi_row .cp_buttons_block
{
padding: 0
}
.fi_value {
font-size: medium;
font-weight: 700;
color: #000
}
.fi_footered {
padding-bottom: 0 !important
}
.fi_middle_footer {
border-top: 1px
solid #efefef;
text-align: center;
padding: 10px 0
}
._hover
.fi_value:hover {
text-decoration: none
}
.form_item_page {
background-color: #E4E8ED;
border-bottom: 1px solid
#B9C4DA
}
.form_item_page .fi_label, .form_item_page .fi_blabel,
.form_item_page .fi_sublabel {
color: #788DA5;
font-weight:
700
}
.lvi {
background:
url(/style/themes/vk/img/profile_icons.png?5) no-repeat 0 center;
width: 0;
padding: 0 9px 1px 0;
margin-left: 4px;
zoom:
1
}
.mlvi {
background-position: -9px center
}
.op_header
.verified {
padding-bottom: 2px
}
.qs_textfield, .fit_box
.qs_textfield {
padding: 5px 4px
}
.qsearch .iwrap {
margin:
0 10px 0 0
}
.qs_field_wrap {
position: relative
}
.qs_button
{
padding: 5px 7px 6px
}
.qs_with_clear .input_loading {
background-image: none
}
.qsearch .clear_btn {
background:
url(/style/themes/vk/img/s_search_icons.png?2) no-repeat -16px center;
position: absolute;
width: 26px;
height: 100%;
right: 0;
display: none;
cursor: pointer;
-webkit-tap-highlight-color:
rgba(0, 0, 0, 0)
}
.mhead {
background: #5d80a6;
color:
#fff;
overflow: hidden;
zoom: 1;
position: relative;
z-index: 1;
line-height: 1.5em;
height: 43px
!important;
}
.hb_wrap {
padding-bottom: 1px;
text-align:
center;
vertical-align: middle;
white-space: nowrap;
display: block;
color: #fff;
-webkit-tap-highlight-color: rgba(0,
0, 0, 0)
}
._hover a.hb_wrap:hover {
text-decoration:
none
}
._hover a.hb_wrap:hover, ._touch a.hb_wrap.hover, ._touch
a.hb_wrap.active {
color: #e4ecf6;
background:
#4d7199
}
.hb_btn {
padding: 8px 0
}
.mh_nobr {
border-right: 0
}
.mh_nobl {
border-left: 0
}
.mhb_home {
border-left: 0;
width: 35px;
float: left
}
.mhi_home {
background: url(/style/themes/vk/img/s_logo.png?1) no-repeat 0
center
}
.mhi_vkhome {
background:
url(/style/themes/vk/img/s_vk_logo.png?1) no-repeat
center
}
.mhb_notify {
font-size: small;
font-weight: 700;
float: right;
border-right: 0;
padding-left: 6px;
padding-right: 6px;
max-height: 2.701em
}
.mhb_no_notify {
width: 15px;
padding-left: 10px;
padding-right:
10px
}
.mh_btn_label, .mh_notify_counter {
font-style: normal;
padding-left: 5px
}
.mh_btn_label {
padding: 0
3px
}
.mhi_notify {
background:
url(/style/themes/vk/img/s_notify.png?4) no-repeat 0 center;
padding-left: 15px
}
.mhb_no_notify .mhi_notify {
background-image: url(/style/themes/vk/img/s_no_notify.png?4)
}
._hover
.mhb_no_notify:hover .mhi_notify, ._touch .mhb_no_notify.hover .mhi_notify,
._touch .mhb_no_notify.active .mhi_notify {
background-position: -19px
center
}
.mh_header {
font-size: medium;
overflow: hidden;
zoom: 1;
text-overflow: ellipsis
}
.mhb_back {
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
zoom: 1
}
.mhi_back {
background:
url(/style/themes/vk/img/s_back.png?1) no-repeat 0 center;
padding-left: 14px
}
.mhb_logo {
text-align: left;
padding-left: 9px;
padding-right: 5px;
border-width: 0 0 1px;
overflow: hidden;
zoom: 1
}
.mhi_logo {
background:
url(/style/themes/vk/img/s_logo.png?1) no-repeat 0 center
}
.mh_rb,
.mhb_search {
border-width: 0 1px 1px 0
}
.mhi_search {
background: url(/style/themes/vk/img/s_search_icon.png?4) no-repeat right
center;
padding-right: 25px
}
.mhb_logo .mh_header {
display:
none
}
.mhb_user {
float: right;
padding: 5px 6px 6px;
border-width: 0 0 1px
}
.mhu_iwrap {
float: right;
width:
24px;
height: 24px
}
.mhu_img {
width: 24px;
height:
24px;
border-radius: 4px
}
._ivk .mhb_logo {
padding-left:
5px
}
._ivk .mhi_logo {
background-image:
url(/style/themes/vk/img/s_vkn_logo.png?1)
}
._ivk .mhb_home {
width: 43px
}
._ivk .mhi_home {
background-image:
url(/style/themes/vk/img/s_vkn_logo.png?1)
}
._ivk .mhb_vkhome {
width: 43px
}
._ivk .mhi_vkhome {
background-image:
url(/style/themes/vk/img/s_vkn_logo.png?1)
}
._lm .mhi_home {
background: url(/style/themes/vk/img/s_menu.png?1) no-repeat
center
}
._lm .mhb_home {
width: 35px
}
.head_search {
padding: 5px;
overflow: hidden;
zoom: 1;
display:
none
}
.head_search .qsearch {
position:
relative
}
.head_search .row_table_main_column {
padding:
0
}
.head_search .row_table_last_column {
padding-left: 5px;
display: none
}
.head_search .textfield {
border-radius: 6px;
padding: 5px 20px 5px 24px;
color: #c6d8ec
}
.head_search
.textfield, .head_search .qsearch .input_loading {
background:
#486b94;
border: 0
}
.head_search .iwrap {
margin: 0 44px 0
0
}
.head_search .textfield::-webkit-input-placeholder {
color:
#a4b5ca
}
.head_search .textfield:-moz-placeholder {
color:
#a4b5ca
}
.head_search .textfield:-ms-input-placeholder {
color:
#a4b5ca
}
.head_search .i_search {
background:
url(/style/themes/vk/img/s_search_icons.png?2) no-repeat 6px center;
position: absolute;
width: 25px;
height: 100%;
left: 0;
cursor: text;
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
.head_search .button {
background: 0;
text-shadow:
none;
border: 0;
border-radius: 5px;
padding: 5px 7px 5px
!important;
color: #e0e7ef;
font-weight: 400
}
.qs_enabled #l
.head_search {
display: block
}
.qs_enabled #l .mhb_logo {
display: none
}
#vk_wrap.qs_opened #l {
margin-right: 0
!important
}
#vk_wrap.qs_opened #l .head_search .row_table_last_column
{
display: block
}
.qs_opened #l {
display:
block
}
.qs_opened #m {
display: none
}
.index_panel {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
._touch .index_panel.active, ._touch .index_panel.hover {
background-color: #e6ecf1;
border-bottom: 1px solid
#dfe3e8
}
.index_panel .op_owner {
color:
#565656
}
.ip_user_link {
position: relative;
padding-right:
15px;
overflow: hidden;
zoom: 1
}
.ip_user_link .i_arr {
background: url(/style/themes/vk/img/profile_arrow.png?1) no-repeat
center;
position: absolute;
right: 0;
width: 10px;
height: 100%
}
.main_menu {
background-color: #fff
}
.mm_item
{
font-weight: 700;
display: block;
border-bottom: 1px solid
#eee;
white-space: nowrap;
padding: 5px 7px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
._hover .mm_item:hover
{
text-decoration: none;
background-color: #F5F7F9
}
._touch
.mm_item.active, ._touch .mm_item.hover {
text-decoration: none;
background-color: #E6ECF1;
border-top: 1px solid #dde6ec;
border-bottom: 1px solid #dde6ec;
margin-top: -1px
}
.mmi_wrap {
display: block;
padding: 3px 0;
margin-right:
3px
}
.mm_label {
font-size: medium
}
.mm_counter {
font-style: normal;
padding: 2px 4px;
margin-left: 7px;
background-color: #E1E7ED;
border-radius: 3px
}
.mm_item .i_icon,
.lfm_item .i_icon {
float: left;
width: 24px;
height:
22px;
margin: 0 6px 0 0;
background:
url(/style/themes/vk/img/menu_icons.png?10) no-repeat 0 22px;
display:
none
}
.mmi_mail .i_icon {
background-position: 0
0
}
.mmi_profile .i_icon {
background-position: 0
-154px
}
.mmi_feed .i_icon {
background-position: 0
-22px
}
.mmi_answers .i_icon {
background-position: 0
-44px
}
.mmi_friends .i_icon {
background-position: 0
-66px
}
.mmi_groups .i_icon, .mmi_discussions .i_icon {
background-position: 0 -88px
}
.mmi_games .i_icon {
background-position: 0 -373px
}
.mmi_photos .i_icon {
background-position: 0 -110px
}
.mmi_audio .i_icon {
background-position: 0 -198px
}
.mmi_video .i_icon {
background-position: 0 -220px
}
.mmi_fave .i_icon {
background-position: 0 -176px
}
.mmi_search .i_icon {
background-position: 0 -132px
}
.mmi_settings .i_icon {
background-position: 0 -242px
}
.mmi_help .i_icon {
background-position: 0 -330px
}
.mmi_app .i_icon {
background-position: 0 -352px
}
.mmi_fv .i_icon {
background-position: 0 -264px
}
.mmi_logout .i_icon {
background-position: 0 -286px
}
.mmi_back .i_icon {
background-position: 0 -308px
}
.mmi_apps .i_icon {
background-position: 0 -374px
}
.footer_menu {
text-align:
center;
margin: 5px 0;
line-height: 1.6em
}
.fm_row {
display: inline;
white-space: nowrap
}
.fm_item {
padding:
4px 6px;
color: #8a8a8a
}
.footer_tip {
font-size: small;
text-align: center;
color: #999
}
.footer_tip_a {
color:
#999
}
.left_footer_menu {
padding: 4px 0
}
.lfm_item {
font-size: medium;
display: block;
white-space: nowrap;
padding: 3px 7px;
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
._hover .lfm_item:hover, ._touch .lfm_item.hover, ._touch
.lfm_item.active {
text-decoration: none;
background-color:
#e7e7e7
}
.left_footer_menu .mmi_wrap {
overflow: hidden;
text-overflow: ellipsis
}
.left_footer_menu .mmi_wrap,
.left_footer_menu .mm_label {
font-weight: 400;
color:
#8a8a8a
}
.notify_panel {
background-color: #f7f7f7;
padding:
7px 7px 0
}
.notify_item {
position: relative;
border: 1px
solid #cdd8e0;
background-color: #e6ecf1
}
.notify_item .i_gift
{
background: url(/style/themes/vk/img/feedback.png?8) no-repeat
-120px 0;
float: left;
width: 16px;
height: 16px;
margin: 0 5px 0 0;
display: none
}
.ni_body {
display:
block;
line-height: 1.4em;
padding: 7px;
color:
#686868
}
._hover .ni_body:hover {
text-decoration:
none
}
.ni_user {
font-weight: 700;
color:
#4C6B8F
}
.ni_link {
color: #4C6B8F
}
.ni_pics {
text-align: center;
vertical-align: top;
clear: left;
padding: 7px 0 0;
margin-bottom: 3px;
max-height: 40px;
overflow: hidden
}
.ni_img {
width: 40px;
height: 40px;
margin-right: 2px
}
.ni_label {
padding-right:
20px
}
.ni_close {
background:
url(/style/themes/vk/img/close.png?2) no-repeat center;
position:
absolute;
right: 0;
top: 0;
width: 11px;
height:
11px;
padding: 7px
}
.ni_bottom {
margin-top: -1px;
border: 0;
border-top: 1px solid #E0E7ED;
border-bottom: 1px
solid #E0E7ED;
background-color: #EDF1F6
}
.ni_bottom .i_gift {
margin-left: 1px;
margin-right: 10px
}
.ni_birth_pics {
text-align: left;
max-height: 25px
}
.ni_birth_img {
width:
25px;
height: 25px;
margin-right: 5px
}
.ni_app {
border: 1px solid #cdd8e0;
background-color: #E6ECF1
}
.ni_app
.ni_body {
color: #4C6B8F;
display: block;
padding: 5px;
margin: 0;
line-height: 1.6em
}
.ni_app_img {
width: 26px;
height: 26px;
margin-right: 5px;
vertical-align:
top
}
.show_more_wrap {
position: relative;
padding: 7px 7px
12px;
margin-top: -1px;
border-top: 1px solid #fff;
border-bottom: 1px solid #efefef
}
.show_next_wrap {
position:
relative;
padding: 10px 7px 7px;
margin-bottom: -1px;
border-bottom: 1px solid #fff
}
.bottom_btn_wrap {
position:
relative;
padding: 0 10px 10px;
margin-top: -1px;
border-top: 1px solid #fff;
border-bottom: 1px solid
#efefef
}
.show_more, .show_next, .show_more_loading {
display:
block;
padding: 9px;
background-color: #e7e7e7;
color:
#707070;
border-radius: 4px;
text-align: center;
font-weight: 700
}
._hover .show_more:hover, ._hover .show_next:hover,
._hover .show_more_loading:hover {
text-decoration:
none
}
.show_more_loading .i_loading {
background:
url(/style/themes/vk/img/gupload.gif?2) no-repeat center;
padding: 0
16px
}
.single_post_item .show_more_wrap {
padding: 6px 7px 7px;
margin-bottom: -1px;
border-bottom: 1px solid
#fff
}
.single_post_item .show_next_wrap {
padding: 7px 7px
12px;
margin-top: -1px;
margin-bottom: 0;
border-top: 1px
solid #fff;
border-bottom: 1px solid #efefef
}
#comments,
.head_panel, ul.sort.sort-justified {
font-size: medium;
padding:
0 7px 7px;
background-color: #f7f7f7;
border-bottom: 1px solid
#e9e9e9
}
form #comments, .create_message #comments {
padding: 0 0
7px;
background-color: none;
border: 0px solid
#e9e9e9
}
.create_message #comments {
background-color:
#e4e8ed;
}
#comments, ul.sort.sort-justified {
overflow: hidden;
zoom: 1;
}
.head_panel .textfield {
border: 1px solid
#c1c9d4
}
.hp_block {
padding: 7px 0 0
}
.hp_header {
font-size: medium;
color: #565656
}
.head_actions_wrap
.head_actions {
display: none
}
.head_actions_opened .head_actions
{
display: block
}
.head_actions_wrap .i_actions {
background: url(/style/themes/vk/img/post_icons.png?6) no-repeat -105px
center;
float: right;
width: 12px
}
.head_actions_opened
.i_actions {
background-position: -90px center
}
.text_panel {
font-size: medium;
padding: 7px;
background-color: #f7f7f7;
border-bottom: 1px solid #e9e9e9;
color: #505050
}
.bottom_panel
{
font-size: medium;
padding: 0 7px 7px;
border-bottom: 1px
solid #e9e9e9
}
.bp_block {
padding: 7px 0 0
}
.owner_panel
{
font-size: medium;
display: block;
padding: 5px 7px 7px;
border-bottom: 1px solid #e9e9e9;
background-color:
#f7f7f7
}
.op_img, .pp_img, .op_iwrap, .pp_iwrap, .op_fimg {
float: left;
width: 32px;
height: 32px;
margin: 2px 7px 0
0;
background-color: #e6ebef;
border-radius:
50%;
}
.op_tp_img {
background: 0
}
.op_owner {
font-weight: 700;
word-wrap: break-word
}
.op_cont, .op_fcont {
margin-left: 39px;
min-height: 34px
}
.pp_img {
width:
40px;
height: 40px;
margin: 0 7px 0 0;
-o-background-size:
100%;
-moz-background-size: 100%;
-webkit-background-size:
100%;
background-size: 100%
}
.op_iwrap .op_img, .pp_iwrap .pp_img
{
margin: 0
}
.pp_cont {
margin-left: 47px;
min-height:
40px
}
.op_block {
padding: 7px 0 0
}
.op_button_block {
padding: 7px 0 0
}
.op_header {
font-size: medium;
color:
#565656
}
.op_info {
color: #797979
}
.op_binfo {
color:
#000
}
.op_inline_user .op_img, .op_inline_user .op_header {
display: inline;
vertical-align: middle;
float:
none
}
.op_inline_user_link {
background:
url(/style/themes/vk/img/profile_arrow.png?1) no-repeat center;
padding-right: 15px
}
.captcha_form {
margin: 0 auto;
width:
130px
}
.captcha_img {
width: 130px;
height: 50px;
vertical-align: top
}
.profile_info_cont {
padding: 0 0
1px
}
.profile_info_custom {
padding: 0
}
.profile_info_null
{
padding: 7px 0;
color: #777
}
.pinfo_row {
line-height: 1.4em;
margin: 4px 7px;
padding: 0
}
.pinfo_row
dt, .pinfo_row dd {
display: inline;
display: inline-block;
vertical-align: top;
max-width: 100%;
word-wrap:
break-word
}
.pinfo_row dt {
padding: 0 5px 0 0;
color:
#777
}
.pinfo_block dt {
display: block;
font-weight:
700
}
.pinfo_block dd {
display: block;
padding: 2px 0
0
}
.pinfo_row .si_phone {
color:
#4C6B8F
}
.profile_photos_block {
margin: 4px 4px 8px;
overflow: hidden
}
.profile_photos {
width: 200%;
overflow:
hidden
}
.profile_thumb {
display: block;
overflow: hidden;
position: relative;
background-color: #f1f1f1;
margin: 0 2px 0
0;
float: left
}
.profile_photos_simple {
height:
57px
}
.profile_photos_simple .profile_thumb {
width: 75px;
height: 57px;
text-align: center;
margin: 0 4px 0
0
}
.profile_photos_simple .profile_thumb_img {
max-width:
75px
}
.tabs_block {
-webkit-tap-highlight-color: rgba(0, 0, 0,
0);
padding: 4px 0 0
}
.tabs_block_closed .tabs_dd {
background: url(/style/themes/vk/img/arrow_right.png?2) no-repeat center;
width: 11px
}
.tabs_block_opened .tabs_dd {
background:
url(/style/themes/vk/img/arrow_left.png?2) no-repeat center
}
._hover
.panel .tabs_dd:hover {
text-decoration: none
}
.tabs_block
.tab_hidden {
display: none
}
.tabs_block_opened .tab_hidden {
display: block
}
.tabs_list {
overflow: hidden;
zoom:
1
}
.tabs_list_more {
margin-right: 25px
}
.tab_item, .webmenu
a, ul.sort.sort-justified > li > a {
padding: 4px 7px;
margin: 3px 3px 0 0;
white-space: nowrap;
border-radius: 2px;
float: left;
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
.webmenu a, ul.sort.sort-justified > li > a {
margin:
7px 3px 0 0;
}
form .webmenu a, .create_message .webmenu a {
margin: 0px 3px 0 0;
padding: 0px 7px;
}
.create_message .webmenu
a {
padding: 4px 7px;
}
._hover .tab_item:hover, ._hover .webmenu
a:hover, ul.sort.sort-justified > li > a:hover {
background-color: #E4E8ED;
text-decoration: none
}
.create_message
.webmenu a:hover {
background-color: #f7f7f7;
}
._touch
.tab_item.active, ._touch .tab_item.hover, ._touch .webmenu a.activ,
._touch ul.sort.sort-justified > li.active > a, ._touch
ul.sort.sort-justified > li > a.hover, ._touch .webmenu a.hover {
background-color: #E4E8ED;
text-decoration: none
}
.tab_item_cur,
.webmenu a.activ, ul.sort.sort-justified > li.active > a {
background-color: #5E88AD !important;
color: #fff
}
.tab_counter
{
color: #8ea4bc;
font-style: normal;
font-size: small;
font-weight: 700
}
.tab_item_cur .tab_counter {
color:
#CDD9E4
}
._js .tabs_dd {
background: none !important;
float:
right;
margin: 3px 0 0
}
._js .tabs_block_closed {
background: url(/style/themes/vk/img/arrow_right.png?2) no-repeat right
bottom
}
._js .tabs_block_opened {
background:
url(/style/themes/vk/img/arrow_left.png?2) no-repeat right
bottom
}
.inline_item, .nav1, .nav2, .inline_fit_item, .mess, .main {
display: block;
padding: 7px;
border-bottom: 1px solid
#efefef;
line-height: 1.4em
}
#content > form .nav1, #content
> form .nav2 {
border: 1px solid #efefef;
}
.nav1, .nav2, .mess
{
line-height: 2.25em
}
.mess {
background-color: #F9F6E7;
border-bottom: 1px solid #D4BC4C;
}
#content > form .mess,
#content > form .nav1, #content > form .nav2, #content > form
.main, #content > form .foot {
margin-top: 7px;
}
#content >
form .mess, #content > .nav1 .mess, #content > .nav2 .mess {
border: 1px solid #D4BC4C;
}
.main {
background-color: #F6F7F9;
border-bottom: 1px solid #DBE0EA;
}
#content > form .main {
border: 1px solid #DBE0EA;
}
#content > form .mess {
border:
1px solid #D4BC4C;
}
.ii_img {
width: 32px;
height: 32px;
margin-right: 7px;
border-radius: 50%;
float:
none
}
.ii_body {
display: block;
padding-right: 22px;
min-height: 32px
}
.ii_btn {
display: block;
float: right;
padding: 7px;
width: 15px;
min-height: 32px
}
._hover
.inline_item:hover, ._hover .main:hover, ._hover .mess:hover, ._hover
.nav1:hover, ._hover .nav2:hover, ._hover .inline_fit_item:hover, ._hover
.ii_body:hover, ._hover .ii_btn:hover {
text-decoration:
none
}
.ii_owner, .ii_bold {
font-weight: 700
}
.ii_img,
.ii_file, .ii_owner, .ii_bold, .ii_label, .inline_item .lvi, .nav1, .nav2,
.mess, .main, .inline_fit_item .lvi {
vertical-align:
middle
}
.inline_item_reset .ii_btn, .inline_item_reset .ii_body {
background: url(/style/themes/vk/img/close.png?2) no-repeat right
center
}
.inline_item_selected .ii_body {
background:
url(/style/themes/vk/img/selected.png?2) no-repeat right
center
}
.inline_item_selected {
background-color: #edf1f5;
border-bottom: 1px solid #dfe5eb;
border-top: 1px solid #dfe5eb;
margin-top: -1px
}
.inline_item_blank {
background-color:
#fafafa
}
.inline_item_blank .ii_body {
background:
url(/style/themes/vk/img/profile_arrow.png?1) no-repeat right center;
padding-top: 6px;
padding-bottom: 6px;
min-height:
0
}
.inline_item_blank .ii_owner {
font-weight: 400
}
.ii_lite
{
padding-right: 0
}
.ii_with_btn {
padding:
0
}
.ii_with_btn .ii_body {
background: none !important;
padding: 7px 0 7px 7px;
margin-right: 29px
}
.ii_with_btn .ii_btn
{
background-position: center
}
.inline_file_item {
line-height: 1.5em
}
.inline_file_item .ii_body {
white-space:
nowrap;
overflow: hidden;
padding: 0
}
.ii_file {
width:
261px
}
.inline_message_item {
padding: 7px 14px 7px 7px;
line-height: normal
}
.message_item_cont {
color:
#999
}
.m_search_items .inline_item_blank {
font-weight: 400;
border-bottom: 1px solid #e6e6e6
}
.radio_items {
padding: 5px
0;
border-bottom: 1px solid #efefef
}
.radio_item {
display:
block;
padding: 5px 7px;
color: #000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
._hover
.radio_item:hover {
text-decoration: none
}
.ri_radio, .ri_label
{
vertical-align: middle
}
.ri_radio {
background:
url(/style/themes/vk/img/radio.png?2) no-repeat 0 center;
width:
17px;
height: 18px;
margin-right: 5px
}
._hover
.radio_item:hover .ri_radio, ._touch .radio_item.hover .ri_radio {
background-position: -17px center
}
.ri_checked .ri_radio {
background-position: -51px center
}
._hover .ri_checked:hover
.ri_radio, ._touch .ri_checked.hover .ri_radio {
background-position:
-68px center
}
.ri_disabled {
color: #999
}
.ri_disabled
.ri_radio {
background-position: -34px center
}
._hover
.ri_disabled:hover .ri_radio, ._touch .ri_disabled.hover .ri_radio {
background-position: -34px center
}
.simple_item, .simple_fit_item {
display: block;
padding: 5px 7px 7px;
border-bottom: 1px solid
#efefef
}
._hover .si_inline:hover, ._hover .simple_item:hover, ._hover
.simple_fit_item:hover {
text-decoration: none
}
.si_img,
.si_iwrap {
width: 32px;
height: 32px;
margin: 2px 7px 0
0;
float: left;
border-radius: 50%
}
.si_thumb {
width:
32px;
margin: 2px 7px 0 0;
float: left;
border-radius:
50%
}
.si_iwrap {
background-color: #f1f1f1;
overflow:
hidden
}
.si_iwrap .si_img, .si_iwrap .si_thumb {
margin:
0
}
.si_body {
margin-left: 39px;
min-height:
34px
}
.si_owner {
font-weight: 700;
word-wrap:
break-word
}
.si_date {
font-size: small;
float: right;
color: #777
}
.si_slabel {
font-size: small;
padding: 3px 0
0;
color: #777
}
.si_label {
padding: 4px 0 0;
color:
#777
}
.si_status {
padding: 4px 0 0;
color: #333;
line-height: normal;
word-wrap: break-word
}
.si_role {
padding: 3px 0 0;
color: #777;
font-weight: 700
}
.si_links
{
font-size: small;
line-height: 1.6em;
padding: 2px 0 0;
color: #4C6B8F
}
.si_link {
white-space:
nowrap
}
.si_link_sel {
color: #999
}
.si_row {
padding-top: 4px;
color: #000
}
.si_row_a {
color:
#777
}
.si_row_first {
padding-top: 7px
}
.si_row dt {
display: inline;
padding-right: 4px;
color: #777
}
.si_row dd
{
display: inline
}
.si_message {
padding-top: 7px;
color: #000
}
.si_phone {
color: #777
}
.simple_item_create
{
background-color: #edf1f5;
border-top: 1px solid #e1e4e8;
border-bottom: 1px solid #e1e4e8;
margin-top:
-1px
}
.simple_item_create .si_slabel {
color:
#96a3b2
}
.si_inline .si_img, .si_inline .si_iwrap {
margin-top:
0
}
.si_inline .si_body {
margin-top: 0;
min-height:
32px
}
.si_inline .si_slabel {
padding-top: 1px
}
.si_inline
.si_label, .si_inline .si_status {
padding-top:
2px
}
.simple_message_item {
padding: 14px 7px;
line-height:
normal
}
.post_item {
padding: 5px 7px 7px;
border-bottom:
1px solid #efefef
}
.post_item .anchor {
position: relative;
display: block;
top: -5px
}
.pi_img, .pi_iwrap {
width:
25px;
height: 25px;
margin: 2px 7px 0 0;
float:
left
}
.pi_iwrap {
background-color: #f1f1f1;
overflow:
hidden
}
.pi_iwrap .pi_img {
margin: 0
}
.pi_cont {
margin-left: 0;
min-height: 27px
}
.pi_head {
overflow:
hidden;
margin-left: 32px
}
.pi_body {
clear:
left
}
.pi_author {
font-weight: 700;
color: #4C6B8F;
word-wrap: break-word
}
.pi_text {
padding: 4px 0 0;
line-height: 1.5em;
word-wrap: break-word;
overflow:
hidden
}
.pi_text_more {
display: block;
font-size: small;
font-weight: 700;
padding: 4px 0
}
.pi_explain {
padding-top: 4px;
color: #777
}
.pi_greeting {
color:
#000
}
.pi_info {
color: #999;
padding: 4px 0
3px
}
.pi_date {
color: #999;
margin-right:
3px
}
.pi_header {
padding: 5px 0;
font-weight: 700;
color: #777
}
.pi_links {
font-size: small;
line-height:
1.6em;
color: #4C6B8F;
padding: 4px 0 0
}
.pi_link {
white-space: nowrap
}
.pi_link_sel {
color: #999
}
.pi_signed
{
padding: 4px 0 2px
}
.pi_signed .i_signed {
background:
url(/style/themes/vk/img/post_icons.png?6) no-repeat -15px center;
padding: 0 12px 0 0;
margin-right: 4px
}
.pi_suggest_actions {
margin: 7px 0 5px
}
.pi_last_replies {
display: block;
padding: 2px 7px;
border-left: 2px solid #e0e0e0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.pi_last_replies
.pi_text {
color: #000
}
._hover .pi_last_replies:hover {
background-color: #f7f7f7;
text-decoration: none
}
._touch
.pi_last_replies.hover, ._touch .pi_last_replies.active {
background-color: #efefef
}
.pi_last_replies .pi_img, .pi_last_replies
.pi_iwrap {
display: none
}
.pi_last_replies .post_item {
padding: 3px 0;
border-bottom: 0
}
.pi_last_replies .pi_cont,
.pi_last_replies .pi_head {
margin-left: 0
}
.pi_last_replies
.medias_thumb .ph_img {
max-width: 110px
}
.pi_last_replies
.medias_thumb .doc_thumb {
max-width: 110px
}
.pi_fronly {
background: url(/style/themes/vk/img/post_icons.png?6) no-repeat -60px
center;
width: 0;
padding: 0 10px 0 0;
margin-left: 5px;
zoom: 1
}
.op_info .pi_fronly {
background-position: -45px
center
}
.pi_row {
padding-top: 7px
}
.pic_img {
margin:
0 7px 0 0;
width: 32px;
height: 32px;
float: left;
display: none
}
.pic_from .i_copy {
background:
url(/style/themes/vk/img/post_icons.png?6) no-repeat 0 center;
padding: 0 12px 0 0;
margin-right: 2px
}
.pic_body {
padding-top: 4px
}
.pic_body_full, .pic_copyof {
padding-left:
7px;
margin: 5px 0 2px;
border-left: 2px solid
#C3D1E0
}
.pic_copyof {
margin: 3px 0 2px
}
.pic_body_full
.pic_copyof {
padding-left: 3px;
margin: 3px 0 0
-5px
}
.pic_copyof .pic_header {
padding: 2px
0
}
.pic_copyof_btn {
display: block;
background-color:
#f5f6f7
}
._hover .pic_copyof_btn:hover {
text-decoration:
none
}
.pic_copyof_btn .pic_desc {
color:
#7b8490
}
.pic_copyof_btn .pic_cont {
background:
url(/style/themes/vk/img/more_reposts.png) no-repeat right center;
padding-right: 21px;
margin-right: 12px
}
.pic_skipped {
display: block;
border-left: 2px solid #e0e0e0;
padding: 10px 0
10px 7px;
background-color: #f7f7f7;
color: #999
}
._hover
.pic_skipped:hover {
text-decoration: none
}
.pic_skipped .pic_img
{
background: url(/style/themes/vk/img/skipped_reposts.png) no-repeat
center;
text-align: center;
height: auto
}
.pic_skipped
.pic_cont {
min-height: 0
}
.pic_desc {
color: #777;
font-size: small;
padding-top: 1px
}
.pic_desc_a {
color:
#777
}
.pic_author_header_wrap {
padding-bottom:
4px
}
.pc_reposted .pic_author_header_wrap, .msg_item
.pic_author_header .pic_from .i_copy, .pm_reposted .pic_author_header
.pic_from .i_copy {
display: none
}
.pi_actions_wrap {
margin: 0 25px 0 -7px;
display: none
}
.pi_actions_opened
.pi_actions_wrap {
display: block
}
.pi_actions {
padding:
3px 0 0
}
.pi_actions_opened {
border-bottom: 1px solid
#ebebeb
}
.pia_item_wrap {
padding: 5px 7px
}
.pi_acts_link
{
float: right;
padding: 0 3px;
-webkit-tap-highlight-color:
rgba(0, 0, 0, 0)
}
.pi_acts_link .i_icon {
background:
url(/style/themes/vk/img/post_icons.png?6) no-repeat -75px center;
padding: 0 12px 0 0
}
.pi_actions_opened .pi_acts_link .i_icon {
background-position: -90px center
}
.post_item_ignored {
display:
none !important
}
.post_message_item {
padding: 14px 7px
!important;
color: #999
}
.post_message_item .pi_cont {
min-height: 0 !important
}
.wall_item.post_message_item .pi_cont {
margin-left: 0 !important
}
.single_post_item.post_message_item,
.single_wall_item.post_message_item {
padding: 21px 7px !important;
text-align: center
}
.pi_medias_owners {
padding: 4px 0
2px
}
.pi_medias_owners .inline_item, .pi_medias_owners .inline_item
{
padding: 3px 0;
border-bottom: 0
}
.pi_medias_owners
.ii_img {
width: 25px;
height: 25px
}
.pi_medias_owners
.ii_body {
padding-right: 0;
font-weight: 700;
min-height:
0;
white-space: normal;
text-overflow: ellipsis;
overflow:
hidden
}
.comment_item .pi_img, .comment_item .pi_iwrap {
width:
25px;
height: 25px
}
.thumb_item {
display:
block
}
._hover .thumb_item:hover {
text-decoration:
none
}
.thumb_img_wrap {
position: relative
}
.thumb_upload
{
position: relative
}
.tu_img {
background: #fff
url(/style/themes/vk/img/uploading.gif) no-repeat center;
display:
inline-block;
vertical-align: top;
border: 2px solid #fff;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .6);
margin: 0 1px;
width: 100px;
height: 75px
}
.thumb_upload .ph_img {
opacity:
.4
}
.tu_progress_wrap {
position: absolute;
background:
#000;
background: rgba(26, 26, 26, .5);
border-radius: 11px;
margin: 0 6px 5px;
padding: 1px;
bottom: 0;
left: 0;
right: 0;
opacity: 1
}
.tu_progress {
background: #fff;
background: rgba(255, 255, 255, .95);
visibility: hidden;
border-radius: 9px;
min-width: 9px;
height:
9px
}
.thumb_upload .ph_img, .tu_progress_wrap {
-moz-transition:
opacity .75s;
-webkit-transition: opacity .75s;
-o-transition:
opacity .75s;
transition: opacity .75s
}
.tu_cancel_wrap {
position: absolute;
top: -2px;
right: -1px;
padding: 4px;
cursor: pointer
}
.tu_cancel {
display: block;
background:
rgba(26, 26, 26, .5)
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNp8TwkKACAIE19d9i7fZy6yRKLBYGzDg81Mnd1JhfA0BCAplO2NMEYqnRBZHhmlE4JMF/bUZaeUdavQPkd22m/K4014OgUYACKmwKGSXBymAAAAAElFTkSuQmCC)
no-repeat center;
border-radius: 1px;
width: 16px;
height:
16px
}
.medias_row.mr_x_wrap, .medias_row.mr_timer .mr_label {
vertical-align: middle
}
.medias_row .tu_cancel_wrap {
position:
static;
display: inline-block;
padding: 1px;
margin-left:
7px;
vertical-align: middle
}
.medias_row .tu_cancel {
background-color: #abaeb2;
background-color: rgba(26, 26, 26,
.25)
}
.thumbs_list {
padding: 2px
}
.thumbs_list .thumb_item
{
max-width: 130px;
max-height: 97px;
width: 46%;
margin: 1%;
text-align: center;
overflow: hidden;
position:
relative;
display: inline;
display: inline-block;
vertical-align: top
}
.thumbs_list .ph_img {
max-width:
100%
}
.medias_thumbs .thumb_item {
margin: 0 2% 2%
0
}
.photos_page {
border-bottom: 1px solid
#efefef
}
.photos_page .thumb_item {
background-color: #f1f1f1;
min-height: 40px;
height: 97px
}
.pi_medias {
padding: 2px
0
}
.medias_thumbs {
padding: 6px 0 2px
}
.medias_thumb {
margin: 4px 4px 0 0;
text-align: center;
position: relative;
display: inline;
display: inline-block;
vertical-align:
top
}
.post_item .medias_thumbs {
margin-right:
-7px
}
.single_post_item .medias_thumbs {
margin-right:
-3px
}
.medias_thumb .ph_img {
max-width: 130px
}
.thumbs_list
.medias_thumb .ph_img {
max-width: 100%
}
.medias_thumb
.media_action {
display: block;
text-align: center;
font-size: small;
padding: 7px
}
.mt_label {
font-family:
Lucida Grande, tahoma, verdana;
font-size: small;
position:
absolute;
color: #fff;
line-height: 1em;
background: #000
no-repeat;
background: rgba(0, 0, 0, .5) no-repeat;
white-space:
nowrap
}
._hover .mt_label:hover {
text-decoration:
none
}
._hover .mt_label:hover {
text-decoration:
none
}
.mt_dur {
padding: 2px 4px;
margin: 2px;
right:
0;
bottom: 0
}
.mt_count {
padding: 3px 4px;
right: 0;
top: 0
}
.mt_title {
padding: 4px 5px;
left: 0;
right: 0;
bottom: 0;
text-align: center;
overflow: hidden;
text-overflow: ellipsis
}
.mt_photo_count {
background-image:
url(/style/themes/vk/img/camera_white.png);
background-position: 5px
center;
padding-left: 19px;
padding: 4px 4px 4px
19px
}
.mt_loading {
background:
url(/style/themes/vk/img/wgupload.gif?2) #000 no-repeat center;
background-color: rgba(0, 0, 0, .5);
top: 0;
left: 0;
right:
0;
bottom: 0;
margin: auto
}
.mt_loading, .gif_opened
.mt_label, .gif_opened .ph_img {
display: none
}
.gif_loading
.mt_loading, .gif_opened .gif_original {
display:
block
}
.gif_original {
position: absolute;
visibility:
hidden
}
.gif_opened .gif_original {
display: block;
position: static;
visibility: visible;
max-width:
100%
}
.pi_medias .gif_opened {
width: 100% !important;
max-width: 100% !important;
max-height: none
!important
}
.medias_row {
padding-top: 4px
}
.medias_link {
word-wrap: break-word
}
._hover .medias_link:hover {
text-decoration: none
}
._hover .medias_link:hover .medias_link_labeled
{
text-decoration: underline
}
.medias_link_icon {
text-align: center
}
.medias_link_label {
color:
gray
}
.medias_link_title {
display:
none
}
.medias_link_labeled {
display: inline;
color:
#4C6B8F
}
.medias_link_desc {
display: none;
color:
gray
}
.medias_link_btn {
padding-top: 4px
}
.medias_row
.i_icon {
background: url(/style/themes/vk/img/media_icons.png?1)
no-repeat 0 center;
padding: 0 14px 0 0;
margin-right:
2px
}
.medias_row .i_doc {
background-position: -24px
center
}
.medias_row .i_topic, .medias_row .i_own_reply {
background-position: -48px center
}
.medias_row .i_checkin {
background-position: -72px center
}
.medias_row .i_note {
background-position: -96px center
}
.medias_row .i_poll {
background-position: -120px center
}
.medias_row .i_audio {
background-position: -144px center
}
.medias_row .i_timer {
background: url(/style/themes/vk/img/post_icons.png?6) no-repeat -30px
center;
padding: 0 14px 0 0;
margin-right:
2px
}
.medias_private_album {
display: inline-block;
font-size: small;
line-height: normal;
text-align: center;
width: 120px;
padding: 20px 5px;
background: #EEE;
color:
#777
}
.medias_share {
display: block;
background:
0
}
._hover .medias_share:hover {
text-decoration:
none
}
.medias_share .sh_img {
padding: 2px 7px 0 0;
width:
32px;
height: 32px;
float: left
}
.msh_cont {
min-height: 34px
}
.msh_head {
margin-left: 39px
}
.msh_desc
{
font-size: small;
color: #777;
padding: 2px 0
0
}
.msh_desc_a {
color: #777
}
.medias_link_thumbed {
padding: 1px 0 1px 7px;
margin-top: 5px;
border-left: 2px solid
#C3D1E0
}
.mlt_header {
display: block;
padding: 0 0
7px
}
._hover .mlt_header:hover {
text-decoration:
none
}
._hover .mlt_header:hover .mlt_title {
text-decoration:
underline
}
.mlt_title {
color: #4b6a90;
font-weight: 700;
padding: 0 0 1px
}
.mlt_link {
font-size: .92em;
color:
gray
}
.mlt_thumb {
background: no-repeat center;
background-size: cover;
margin: 0 7px 1px 0;
width: 120px;
height: 90px;
float: left;
display: none
}
.mlt_title,
.mlt_desc {
line-height: 1.4em
}
.mlt_preview_btn {
padding:
5px 0 0
}
.mlt_no_photo .mlt_cont {
min-height:
0
}
.medias_map_label {
padding: 0 0 3px;
color:
gray
}
.medias_map_label_a {
color: gray
}
.medias_map_img {
vertical-align: top
}
.cp_attached_wrap .medias_map_img {
border: 4px solid #fff;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .6),
inset 0 0 1px rgba(0, 0, 0, .15);
margin: 0
1px
}
.single_poll_opinion .medias_poll {
padding: 2px
0
}
.medias_poll_title {
display: block;
padding: 2px 0
0
}
._hover .medias_poll_title:hover {
text-decoration:
none
}
.medias_poll_label {
color: gray
}
.medias_poll_labeled
{
font-weight: 700;
color: #4C6B8F
}
.medias_poll_type {
font-size: small;
color: #999;
padding: 2px 0
0
}
.medias_poll_body {
padding: 1px 0 1px 7px;
margin: 7px 0
2px;
border-left: 2px solid #C3D1E0
}
.poll_option {
display:
block;
margin: 1px 0;
padding: 3px 0
}
.poll_option
.option_row {
display: block
}
._hover .poll_option:hover {
text-decoration: none
}
.poll_option_text {
padding: 0 0 4px;
line-height: normal;
color: #000
}
.poll_option_val {
font-size: small;
padding-left: 5px;
color:
#777
}
.poll_option_line {
font-size: small;
position:
relative
}
.poll_option_line_val {
position: absolute;
color:
#8BA1BC
}
.poll_option_line_bg {
width: 100%;
background-color: #F7F7F7
}
.poll_option_line_pro {
background-color: #DAE1E8
}
.poll_option_line_val,
.poll_option_line_pro {
font-size: small;
width: 100%;
height: 1.2em;
padding: 2px 0;
text-align: center;
vertical-align: middle
}
.poll_option_line_bg, .poll_option_line_pro
{
border-radius: 3px
}
.medias_poll .small_button {
margin:
6px 0 2px
}
.medias_poll_total {
padding: 7px 0
4px
}
.poll_field {
padding: 0 0 7px
}
.poll_add_answer {
text-align: left;
color: #777
}
.poll_del_btn {
display:
none;
float: right;
padding: 3px;
width: 15px;
background: url(/style/themes/vk/img/close.png?2) no-repeat
center
}
._js .poll_del_btn {
display: block
}
._js
.poll_field_body {
margin-right: 27px
}
.fit_box .poll_del_btn {
padding: 5px
}
.medias_audio .divider {
padding:
0
}
.medias_audio_artist {
color: #4C6B8F
}
.medias_audio_dur
{
font-size: small;
padding: 4px 0 0 5px;
display: none;
color: #777
}
.medias_audio_title .medias_audio_dur {
display:
inline
}
.medias_audios_list .audio_item {
padding: 4px 4px 0;
margin: 0 -4px
}
.medias_audios_list .ai_info {
padding: 0 0
4px;
margin-bottom: 11px
}
.medias_audios_list .ai_current
.ai_info {
padding-bottom: 7px;
margin-bottom: 0
}
.post_item
.medias_thumbs_map {
margin-right: 0
}
.thumbs_map_wrap {
position: relative;
max-width: 100%
}
.thumb_map {
display:
block;
overflow: hidden;
position: relative;
background-color: #f1f1f1;
float: left
}
.thumb_map_img {
vertical-align: top
}
.thumb_map_img_unsized {
vertical-align:
top;
background: no-repeat center;
background-size: cover;
width: 100%;
height: 100%
}
.thumb_map_wide .mt_label {
font-size: medium;
line-height: 1.25em
}
.thumb_map_wide .mt_dur,
.thumb_map_wide .mt_count {
padding: 4px 7px
}
.thumb_map_wide
.mt_title {
padding: 5px 7px
}
.thumb_map_wide .mt_photo_count {
background-position: 8px center;
padding: 4px 7px 4px
23px
}
.thumb_map_album_column {
float:
left
}
.thumb_map_album_column .thumbs_map_wrap {
max-width:
none
}
.single_post_item {
padding: 0 0
7px
}
.single_post_item .pi_cont {
padding: 5px 7px 0;
margin-left: 0;
min-height: 0
}
.single_post_item .pi_actions_wrap
{
margin: 0;
display: block
}
.single_post_item
.pia_item_wrap {
padding: 0
}
.single_post_item .pia_item {
display: block;
padding: 5px 7px
}
._hover .single_post_item
.pia_item:hover {
text-decoration: none;
background-color:
#E9EDF1
}
.single_post_item .pi_info {
padding: 4px 0
0
}
.single_post_item .item_like, .single_post_item .item_share,
.single_post_item .item_action, .single_post_item .item_replies,
.single_post_item .item_repost {
display: block;
font-weight:
400;
white-space: normal;
line-height: 1.6em;
padding: 0;
margin: 0
}
.single_post_item .pi_links {
padding: 5px 0
0
}
.reply_item_add {
background-color: #fafafa;
border-top:
1px solid #e1e1e1;
border-bottom: 1px solid #dcddde;
padding:
10px 7px;
position: relative;
margin-top:
-1px
}
.article_item {
padding: 7px
}
.pai_img, .pai_right_img
{
margin: 0 7px 0 0;
float: left;
width: 32px;
height:
32px
}
.pai_head {
overflow: hidden;
margin-left: 39px;
min-height: 32px
}
.pai_info {
color: #999;
padding: 2px 0
0
}
.pai_body {
clear: both
}
.pai_title {
padding: 7px 0
0
}
.pai_text {
padding: 7px 0 0;
line-height: 1.5em;
word-wrap: break-word
}
.pai_preview {
padding: 7px 0
4px
}
.pai_right_img {
margin: 0 0 0 7px;
float: right;
background: no-repeat center 0;
background-size: cover;
display:
none
}
.pai_has_thumb .pai_head {
margin-right: 0
}
.wall_item
{
padding: 0;
border-bottom: 1px solid #efefef
}
.wi_img {
margin: 0 7px 0 0;
float: left;
width: 32px;
height:
32px
}
.wi_head {
display: block;
padding: 7px
}
.wi_cont
{
overflow: hidden;
margin-left: 39px;
min-height:
32px
}
.wi_author {
color: #4C6B8F
}
.wi_info {
color:
#888;
padding: 2px 0 0
}
.wi_date {
color:
#888
}
.wi_author, .wi_info {
white-space: normal;
overflow:
hidden;
text-overflow: ellipsis
}
.wi_body {
clear: both;
padding: 0 7px 7px
}
.wi_body.wi_no_text {
margin-top:
-7px
}
.wi_author .explain, .wi_info .explain {
display:
none
}
.wi_info .explain {
color: #888
}
.wi_explain {
padding: 0 0 7px
}
.wall_item.answers_item .wi_explain {
padding-bottom: 0
}
.wi_body .pi_text {
padding: 0
}
.wi_body
.pic_body_full {
margin-top: 7px
}
.wi_body .pi_header {
padding: 7px 0
}
.wi_body .pic_body_wrap .pi_text {
padding: 7px 0
0
}
.wi_buttons {
padding: 3px 0 0;
overflow: hidden;
zoom: 1
}
.wi_buttons_ex {
padding-bottom: 4px
}
.wi_buttons
.item_like, .wi_buttons .item_action, .wi_buttons .item_share, .wi_buttons
.item_replies, .wi_actions_btn {
display: block;
float: left;
color: #93989e;
padding: 5px 7px;
margin: 4px 6px 0 0;
white-space: nowrap;
background-color: #e6e9ed;
border-radius:
3px;
min-width: 26px;
text-align: center;
line-height:
1.2em
}
.wi_buttons_ex .item_simple {
display: block;
float:
left;
padding: 7px 0;
margin: 4px 6px 0 0;
white-space:
nowrap;
border-radius: 3px;
min-width: 26px;
text-align:
center;
line-height: 1.2em
}
._hover .wi_buttons .item_like:hover,
._hover .wi_buttons .item_action:hover, ._hover .wi_buttons
.item_share:hover, ._hover .wi_buttons .item_replies:hover, ._hover
.wi_buttons_ex .item_simple:hover, ._hover .wi_actions_btn:hover {
text-decoration: none
}
.wi_buttons .item_sel {
background-color:
#dce7f2;
color: #698eb5
}
.wi_buttons_ex .item_info {
color:
#888;
float: none;
text-align: left;
overflow: hidden;
text-overflow: ellipsis
}
.wi_buttons_ex .item_btn {
color:
#49719e;
background-color: #e1e5eb;
padding-left: 10px;
padding-right: 10px;
font-weight: 700;
max-width: 32%;
overflow: hidden;
text-overflow: ellipsis
}
.wi_buttons_ex .i_star
{
background: url(/style/themes/vk/img/stars.png?1) no-repeat 0
center;
padding: 0 12px 0 0;
margin: 0 3px 0
0
}
.wi_buttons_ex .i_star_half {
background-position: -12px
center
}
.wi_buttons_ex .i_star_full {
background-position: -24px
center
}
.wi_actions_btn {
background: 0;
float: right;
margin: 4px 0 0 6px;
right: 7px;
top: 7px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.wall_item .item_like
.i_like, .wall_item .item_share .i_share, .wall_item .item_action
.i_action, .wall_item .item_replies .i_replies, .wi_actions_btn .i_icon {
background: url(/style/themes/vk/img/post_buttons.png) no-repeat;
padding: 0 14px 0 0;
margin: 0
}
.wall_item .item_like .v_like,
.wall_item .item_share .v_share, .wall_item .item_replies .v_replies {
margin: 0 0 0 4px
}
.wall_item .item_like .i_like {
background-position: 0 center
}
.wall_item .item_like.item_sel .i_like
{
background-position: -14px center
}
.wall_item .item_share
.i_share {
background-position: -56px center
}
.wall_item
.item_action .i_action {
background-position: -103px center;
padding: 0 16px 0 0;
}
.wall_item .item_share.item_sel .i_share {
background-position: -70px center
}
.wall_item .item_replies .i_replies
{
background-position: -28px center
}
.wall_item
.item_replies.item_sel .i_replies {
background-position: -42px
center
}
.wi_actions_btn .i_icon {
background-position: -84px
center;
padding: 0 18px 0 0
}
.wi_actions_opened .wi_actions_btn
.i_icon {
background-position: -102px center
}
.wi_body .pic_body
{
padding-top: 0
}
.wi_body .pic_copyof {
margin-top:
4px
}
.wi_body .pic_copyof .pic_header {
padding: 3px
0
}
.wi_body .pic_desc, .wi_body .pic_desc_a {
color:
#888
}
.wi_body .pic_copyof_btn .pic_desc {
color:
#7b8490
}
.wi_actions_wrap {
display: none;
right: 0;
top: 45px;
z-index: 1;
width: 100%
}
.wi_actions_opened
.wi_actions_wrap {
display: block
}
.wi_actions_wrap .pointer {
display: none;
position: absolute;
margin-top: -8px;
width: 100%;
z-index: 2
}
.wi_actions_wrap .i_pointer {
background: url(/style/themes/vk/img/post_buttons.png) no-repeat -156px
0;
width: 16px;
position: absolute;
right:
18px
}
.wi_actions {
padding: 0 0 7px;
width: 100%;
right: 0;
top: 0
}
.wi_actions_opened {
border-bottom: 1px
solid #ebebeb
}
.wi_actions_top.wi_actions_wrap {
top:
9px
}
.wi_actions_top .pointer {
margin-top:
-2px
}
.wi_actions_top .i_pointer {
background-position: -172px
0
}
.wi_actions_top .wi_actions {
bottom: 0;
top:
auto
}
.wia_item {
display: block;
padding: 5px 7px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
._hover
.wia_item:hover, ._touch .wia_item.hover {
text-decoration: none;
background-color: #E9EDF1
}
.single_wall_item .wi_head {
border-bottom: 1px solid #e9e9e9;
background-color:
#f7f7f7
}
.single_wall_item .wi_cont {
margin-right:
0
}
.single_wall_item .wi_body {
padding-top:
7px
}
.wi_like_wrap {
padding: 10px 0 0
}
.wi_like_wrap
.item_like, .wi_like_wrap .item_share, .wi_like_wrap .item_action,
.wi_like_wrap .item_replies {
display: block;
font-weight: 400;
white-space: normal;
line-height: 1.6em;
padding: 2px 0;
margin: 0
}
.single_wall_item .wi_buttons .item_like, .single_wall_item
.wi_buttons .item_action, .single_wall_item .wi_buttons .item_share {
float: left;
margin-left: 0;
margin-right:
6px
}
.single_wall_item .wi_buttons .v_like, .single_wall_item
.wi_buttons .v_share {
font-weight: 400
}
.single_wall_item
.wi_actions_wrap, .single_wall_item .wi_actions {
position: static;
width: auto
}
.single_wall_item .wi_actions_wrap {
margin: 0;
display: block;
max-width: none
}
.single_wall_item
.wi_actions_wrap .pointer {
display: none
}
.single_wall_item
.wi_actions {
padding: 0 0 7px;
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow:
none
}
.single_wall_item .wia_item {
display: block;
padding:
5px 7px;
white-space: normal
}
._hover .single_post_item
.pia_item:hover, ._touch .single_post_item .pia_item.hover {
text-decoration: none;
background-color: #E9EDF1
}
.wall_item
.medias_link {
overflow: hidden;
zoom: 1
}
.wall_item
.medias_link_label, .wall_item .medias_link_labeled, .wall_item
.medias_link_title, .wall_item .medias_link_desc, .wall_item
.medias_audio_artist, .wall_item .medias_audio_title {
overflow:
hidden;
text-overflow: ellipsis
}
.photos_feed_item {
padding: 0;
border-top: 1px solid #e1e4e8;
margin-top:
-1px
}
.photos_feed_item .wi_head {
background-color:
#ebedf0
}
.photos_feed_item .wi_body {
padding-bottom:
10px
}
.photos_feed_item .wi_info, .photos_feed_item .wi_info .wi_date,
.photos_feed_item .wi_info .pi_date {
color: #9196a2
}
.msg_item,
.dialog_item {
display: block;
padding: 5px 7px 7px;
border-bottom: 1px solid #efefef
}
._hover .msg_item:hover, ._hover
.dialog_item:hover {
text-decoration: none
}
.mi_img, .mi_iwrap
{
width: 25px;
height: 25px;
margin: 2px 7px 0 0;
border-radius: 50%;
float: left
}
.mi_iwrap, .di_iwrap {
background-color: #f1f1f1;
overflow: hidden
}
.mi_iwrap .mi_img,
.di_iwrap .di_img {
margin: 0
}
.mi_head, .di_head, .mi_date,
.di_date {
line-height: 1.3em
}
.mi_cont {
margin-left:
0
}
.mi_head {
margin-left: 32px
}
.mi_body {
clear:
left
}
.mi_date, .di_date {
font-size: small;
float: right;
color: #777;
padding-left: 4px
}
.mi_title, .di_title {
padding: 4px 0 0;
font-weight: 700;
color: #333
}
.mi_author
{
font-weight: 700;
color: #4C6B8F
}
.mi_text, .di_text {
padding: 3px 0 0;
line-height: 1.4em;
word-wrap:
break-word
}
.mi_text .found {
border-bottom: 1px solid #dae1e8;
padding: 0 1px
}
.mi_unread, .di_unread_inbox {
background-color: #edf1f5;
border-bottom: 1px solid #dfe5eb;
border-top: 1px solid #dfe5eb;
margin-top: -1px
}
.mi_failed {
background-color: #fdf5f2;
border-bottom: 1px solid #dfe5eb;
border-top: 1px solid #dfe5eb;
margin-top: -1px
}
.mi_failed
.explain {
font-size: small;
display: block
}
.mi_susp {
font-style: italic;
color: #777
}
.mi_forwarded .msg_item {
padding: 2px 0 0 7px;
margin-top: 5px;
border-left: 2px solid
#C3D1E0;
border-bottom: 0
}
.mi_forwarded .mi_img {
display:
none
}
.mi_forwarded .mi_cont {
padding: 0
}
.mi_forwarded
.mi_date {
float: none
}
.msg_item .post_item {
padding: 0;
border-bottom: 0
}
.msg_item .pi_cont {
margin-left: 0
!important;
min-height: 0 !important
}
.mi_gift {
background-color: #f4ebd6;
border-bottom: 1px solid #e0d1ae;
border-top: 1px solid #e0d1ae;
margin-top: -1px
}
.mi_gift
.mi_date, .mi_gift .explain {
color: #7f7661
}
.mi_gift
.medias_thumbs, .mi_fwd_gift .medias_thumbs {
text-align: center;
padding: 7px 0 0
}
.mi_gift .mi_text {
font-size: medium;
text-align: center;
color: #6a614a;
padding: 3px
0
}
.mi_fwd_gift .mi_text {
text-align: center;
padding: 3px
0
}
.mi_gift .medias_thumb {
margin: 0
}
.mi_gift_thumb {
background: #fff;
padding: 7px;
border-radius: 4px;
box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
}
.mi_service {
padding:
10px 7px
}
.mi_service .mi_cont {
margin-left: 0;
min-height:
0
}
.mi_service .mi_body {
text-align: center;
color: gray;
word-wrap: break-word
}
.mi_service_a {
font-weight: 700;
color: gray
}
.mi_service .medias_thumb, .mi_service .medias_thumb
.ph_img {
margin: 0;
max-width: 100%
}
.mi_forwarded
.mi_service {
padding: 5px 0 5px 7px;
margin-top: 5px;
border-left: 2px solid #C3D1E0;
border-bottom: 0
}
.di_img,
.di_iwrap, .avatar {
width: 32px;
height: 32px;
margin: 2px
7px 0 0;
float: left;
border-radius: 50%
}
.chat_img {
background-color: #fff
}
.di_unread_inbox .chat_img {
background-color: #edf1f5
}
.di_cont {
margin-left: 39px;
min-height: 34px
}
.di_title {
font-size:
small
}
.di_chat_name {
word-wrap: break-word;
font-weight:
700;
color: #777
}
.di_chat_user {
font-size: small;
font-weight: 700;
padding: 2px 0 0;
color: #4c6b8f
}
.di_text
{
color: #404040
}
.mi_medias_plain {
font-size: small;
font-weight: 700;
color: #777;
padding: 3px 0
0
}
.di_unread_outbox .di_body {
background-color: #e4eaf0;
padding: 0 5px;
margin-top: 3px;
border-radius:
4px
}
.di_unread_outbox .di_text, .di_unread_outbox .mi_medias_plain
{
padding: 2px 0
}
.di_unread_inbox .mi_medias_plain,
.di_unread_outbox .mi_medias_plain {
color: #777e85
}
.di_folder
{
padding: 7px 0 2px
}
.di_fld {
font-size: small;
padding: 2px 5px;
border-radius: 2px
}
.di_inbox_fld {
background-color: #E4EBF1;
color: #45688E
}
.di_outbox_fld,
.di_spam_fld {
background-color: #F0EDE4;
color:
#8A8248
}
.di_unread_cnt {
background-color: #8a9bae;
color:
#fff;
margin: 0 2px 0 5px
}
.di_unread_cnt .di_hide {
display: none
}
.di_service {
color: gray
}
.dmi_table {
margin: 0;
border-spacing: 0;
width: 100%;
height:
100%
}
.dmi_l, .dmi_r {
width: 50%;
height: 100%;
padding: 0
}
.dmi_i {
display: block;
width: 100%;
height: 100%;
zoom: 1;
background-repeat: no-repeat;
background-position: center
}
.dmi_l .dmi_i, .dmi_r .dmi_i {
-o-background-size: 50px 50px;
-moz-background-size: 50px 50px;
-webkit-background-size: 50px 50px;
background-size: 50px 50px
!important
}
.dmi_l .dmi_i {
border-radius: 3px 2px 2px
3px
}
.dmi_r .dmi_i {
border-radius: 2px 3px 3px
2px
}
.dmi_lt, .dmi_lb, .dmi_rt, .dmi_rb {
height:
50%
}
.dmi_lt .dmi_i, .dmi_lb .dmi_i, .dmi_rt .dmi_i, .dmi_rb .dmi_i
{
border-radius: 2px;
-o-background-size: 25px 25px;
-moz-background-size: 25px 25px;
-webkit-background-size: 25px 25px;
background-size: 25px 25px !important
}
.dmi_lt .dmi_i {
border-top-left-radius: 3px
}
.dmi_lb .dmi_i {
border-bottom-left-radius: 3px
}
.dmi_rt .dmi_i {
border-top-right-radius: 3px
}
.dmi_rb .dmi_i {
border-bottom-right-radius: 3px
}
.si_img .dmi_l, .si_img .dmi_r {
padding: 0
}
.si_img .dmi_l .dmi_i {
border-radius: 3px 1px 1px
3px
}
.si_img .dmi_r .dmi_i {
border-radius: 1px 3px 3px
1px
}
.si_img .dmi_lt .dmi_i, .si_img .dmi_lb .dmi_i, .si_img .dmi_rt
.dmi_i, .si_img .dmi_rb .dmi_i {
border-radius: 1px
}
.si_img
.dmi_lt .dmi_i {
border-top-left-radius: 3px
}
.si_img .dmi_lb
.dmi_i {
border-bottom-left-radius: 3px
}
.si_img .dmi_rt .dmi_i
{
border-top-right-radius: 3px
}
.si_img .dmi_rb .dmi_i {
border-bottom-right-radius: 3px
}
.msg_medias_docs .photos_page {
padding: 7px
}
.msg_medias_docs .medias_thumb {
min-width:
130px;
min-height: 90px;
background-color:
#f7f7f7
}
.msg_medias_docs .medias_row {
margin: 2px
0
}
.audio_item {
display: block;
padding: 7px 7px 0;
cursor: pointer
}
._hover .audio_item:hover {
background-color:
#EDF1F5;
text-decoration: none
}
.ai_info {
padding: 0 0
7px;
margin-bottom: 8px;
color: #000
}
.audio_item .i_play,
.audio_item .i_add, .audio_item .i_del {
background:
url(/style/themes/vk/img/audio_icons.png?7) no-repeat 0 0;
float:
left;
width: 24px;
height: 24px
}
.ai_playing .i_play {
background-position: -24px 0
}
.ai_play {
float:
left
}
.ai_add, .ai_del {
opacity: 0;
float: right;
width: 0;
overflow: hidden;
position: relative;
display:
block;
z-index: 1
}
.ai_deleted .ai_del {
opacity: .4;
width: 24px
}
.ai_current .ai_add, .ai_current .ai_del, .ai_deleted
.ai_del, .ai_select .ai_add {
opacity: 1;
width:
24px
}
.ai_deleted .ai_play, .ai_deleted .ai_body {
opacity:
.4
}
.audio_item .i_add {
background-position: -72px
0
}
.ai_added .i_add {
background-position: -96px
0
}
.audio_item .i_del {
background-position: -48px
0
}
.ai_deleted .i_del {
background-position: -72px
0
}
.audio_item .ai_body {
padding: 0 1px 0 31px;
min-height:
24px
}
.ai_has_btn.ai_current .ai_body, .ai_has_btn.ai_deleted
.ai_body, .ai_select .ai_body {
padding: 0 26px 0
31px
}
.ai_deleted .ai_dur {
opacity:
0
}
.ai_current.ai_deleted .ai_dur {
opacity: 1
}
.ai_body,
.ai_add, .ai_del, .ai_select .ai_add {
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0
}
.i_play {
-moz-transition: opacity
.15s;
-webkit-transition: opacity .15s;
-o-transition: opacity
.15s;
transition: opacity .15s
}
.audio_item .i_add, .audio_item
.i_del, .ai_current .ai_body, .ai_current .ai_add, .ai_current .ai_del {
-moz-transition: all .15s;
-webkit-transition: all .15s;
-o-transition: all .15s;
transition: all .15s
}
.ai_label {
padding: 5px 0;
overflow: hidden;
text-overflow:
ellipsis
}
.ai_label .divider {
padding: 0
}
.ai_artist {
color: #4C6B8F;
font-weight: 700
}
.ai_artist, .ai_title {
text-overflow: ellipsis;
overflow: hidden
}
.ai_dur {
color:
#777;
font-size: small;
float: right;
padding: 6px 0 5px
5px
}
.ai_controls {
display: none;
padding: 0
1px
}
.aic_progress_wrap {
width: 100%;
padding:
0
}
.aic_volume_wrap {
padding: 0
}
.aic_line {
position:
relative;
width: 100%;
height: 4px;
padding: 6px 0;
margin-top: -8px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer
}
.aic_volume_wrap .aic_line {
width: 55px;
margin-left: 10px;
display: none
}
@media screen and (min-width:
420px) {
.ai_label {
white-space: nowrap
}
.audios_list .ai_artist {
display: inline-block;
max-width: 40%;
overflow: hidden;
text-overflow:
ellipsis;
vertical-align: bottom
}
._vpan
.aic_volume_wrap .aic_line {
display: block
}
}
.aic_ln
{
height: 4px;
top: 0;
margin: 6px 0;
position:
absolute;
display: block;
cursor: pointer;
-webkit-user-select: none;
border-radius: 2px
}
.aic_back_line {
width: 100%;
background-color: #D8DEE4
}
.aic_load_line {
background-color: #BAC7D4;
width: 0
}
.aic_pl_wrap {
padding:
0 5px;
left: 0;
right: 0
}
.aic_pl_wrap:before {
content: ' ';
position: absolute;
width: 6px;
height: 4px;
left: 0;
background-color: #5F7E9E;
border-radius: 4px 0 0
4px
}
.aic_progress_line {
background-color: #5C7A99;
position: relative;
border-radius: 0;
margin: 0;
width:
0
}
.aic_slider {
position: absolute;
width: 10px;
height: 10px;
right: -5px;
top: -3px;
border: 0;
margin: 0;
padding: 0;
background-color: #5F7E9E;
-webkit-user-select: none;
outline: 1px solid rgba(0, 0, 0, 0);
border-radius: 5px;
cursor: pointer
}
._hover .aic_pl_wrap {
padding: 0 4px
}
._hover .aic_pl_wrap:before {
width:
5px
}
._hover .aic_slider {
width: 8px;
height: 8px;
right: -4px;
top: -2px;
border-radius: 4px
}
.aic_volume_wrap
.aic_progress_line {
width: 100%
}
.ai_current {
background-color: #EDF1F5
}
.ai_current .ai_info {
padding-bottom:
7px;
margin-bottom: 0
}
.ai_current .ai_controls {
display:
block
}
.ai_current .ai_dur {
color: #8795A5
}
@media screen
and (min-width: 320px) {
.wall_item .audio_item {
position:
relative;
padding: 0;
margin: 10px 0 0
}
.wall_item .medias_audios_list .ai_info {
padding: 0;
margin: 0
}
.wall_item .medias_audios_list .ai_current .ai_info
{
padding-bottom: 7px
}
._hover .wall_item
.audio_item:hover {
background-color: transparent
}
.wall_item .ai_info {
line-height: 1.2em
}
.wall_item
.ai_dur {
padding-top: 5px;
color: #777
}
.wall_item .audio_item .i_play {
background-position: -120px 0;
width: 40px;
height: 40px
}
.wall_item
.ai_playing .i_play {
background-position: -160px 0
}
.wall_item .audio_item .ai_body, .wall_item .ai_controls {
padding: 0 0 0 47px
}
.wall_item .ai_controls {
padding-bottom: 1px
}
.wall_item .ai_has_btn.ai_current
.ai_controls {
padding-right: 31px
}
.wall_item
.ai_add, .wall_item .ai_del {
position: absolute;
bottom:
-3px;
right: 0
}
.wall_item .ai_current {
background-color: transparent
}
.wall_item .ai_label {
padding: 4px 0
}
.wall_item .audios_list .ai_artist, .wall_item
.audios_list .ai_title {
display: block;
white-space:
nowrap;
max-width: none;
padding: 1px 0
}
.wall_item .audios_list .divider {
display: none
}
.wall_item .ai_current .ai_label {
white-space: nowrap;
padding: 5px 0
}
.wall_item .audios_list .ai_current
.ai_artist, .wall_item .audios_list .ai_current .ai_title, .wall_item
.audios_list .ai_current .divider {
vertical-align: top;
display: inline
}
.wall_item .ai_body, .wall_item .ai_add,
.wall_item .ai_del, .wall_item .ai_select .ai_add {
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0
}
}
.lm_player {
display: none
}
.lm_player .audio_item {
padding: 5px 7px;
background-color: #EDF1F6;
border-top: 1px
solid #E0E7ED;
border-bottom: 1px solid #E0E7ED;
margin-top:
-1px;
position: relative
}
.lm_player .audio_item {
cursor:
pointer
}
.lm_player .ai_play {
float: left;
padding: 4px
7px;
cursor: pointer;
display: none
}
.lm_player .i_play {
background: url(/style/themes/vk/img/menu_audio.png?3) no-repeat 0
center;
float: left;
width: 24px;
height:
24px
}
.lm_player .ai_playing .i_play {
background-position: -24px
center
}
.lm_player .ai_body {
position: relative;
padding: 0
20px 0 0;
margin: 0;
min-height: 24px
}
.lm_player .ai_body
.i_arr {
background: url(/style/themes/vk/img/menu_audio.png?3)
no-repeat -48px center;
position: absolute;
right: 0;
width:
10px;
height: 100%
}
.lm_player .ai_label {
padding:
0
}
.lm_player .ai_artist, .lm_player .ai_title {
color:
#4C6B8F;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.lm_player .ai_artist {
font-weight:
700
}
.lm_player .ai_title {
padding: 2px 0 0
}
.audios_block
{
border-bottom: 1px solid #efefef
}
.audios_block
.service_msg_box {
border-bottom: 0
}
.thumb {
position:
relative;
display: block
}
.thumb_label {
font-family: Lucida
Grande, Tahoma, Verdana;
position: absolute;
font-size: small;
color: #fff;
padding: 2px 3px;
margin: 2px;
right: 0;
bottom: 0;
background: #000;
background: rgba(0, 0, 0, .5);
line-height: 1em
}
._touch a.thumb_map, ._touch a.thumb_item {
position: relative
}
._touch a.thumb_map:after, ._touch
a.thumb_item:after {
content: '';
display: block;
position:
absolute;
left: 0;
right: 0;
top: 0;
bottom:
0
}
.item_date {
color: #777
}
.item_like, .item_share,
.item_action, .item_replies, .item_repost {
color: #999;
padding:
4px;
margin-left: 1px;
white-space: nowrap;
font-weight:
700
}
._hover .item_like:hover, ._hover .item_share:hover, ._hover
.item_action:hover, ._hover .item_replies:hover, ._hover .item_tags:hover,
._hover .item_repost:hover {
text-decoration: none
}
.item_like
.i_like, .item_share .i_share, .item_action .i_action, .item_replies
.i_replies, .item_repost .i_repost {
background:
url(/style/themes/vk/img/like.png?4) no-repeat;
padding: 0 13px 0 0;
margin: 0 4px 0 1px
}
.item_like .i_like {
background-position:
0 center
}
.item_share .i_share {
background-position: -26px
center
}
.item_action .i_action {
background-position: -26px
center
}
.item_replies .i_replies {
background-position: -13px
center
}
.item_repost .i_repost {
background-position: -26px
center
}
.video_item {
display: block;
padding: 7px;
border-bottom: 1px solid #efefef
}
._hover .video_item:hover {
text-decoration: none
}
.video_thumb, .video_thumb .th_img {
width: 50px;
height: 37px;
background-color: #000;
float:
left
}
.vi_body {
margin-left: 57px;
min-height:
37px
}
.vi_title {
font-weight: 700;
color:
#4C6B8F
}
.vi_values {
padding-top: 7px
}
.video_item
.item_like, .video_item .item_replies {
padding: 4px 8px 4px 0;
margin-left: 0;
margin-right: 1px
}
.profile_menu {
font-size: medium;
list-style: none
}
.pm_item {
text-decoration: none;
padding: 7px;
display: block;
border-bottom: 1px solid #EEE;
font-weight: 700;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
._hover .pm_item:hover,
._touch .pm_item.hover, ._hover ._touched:hover .pm_item, ._touch
._touched.hover .pm_item {
text-decoration: none;
background-color: #E9EDF1
}
.ii_counter, .pm_counter {
font-style:
normal;
color: #85A1BD;
white-space: nowrap
}
.pm_item
.i_icon {
background: url(/style/themes/vk/img/profile.png?5)
no-repeat 16px 0;
padding: 0 0 0 16px;
margin-right: 7px;
display: none
}
.pm_item .i_gift {
background-position: 0
0
}
.pm_item .i_photo {
background-position: -16px
0
}
.pm_item .i_info {
background-position: -64px 0
}
.pm_item
.i_friends {
background-position: -48px 0
}
.pm_item .i_groups {
background-position: -32px 0
}
.pm_item .i_pedit {
background-position: -80px 0
}
.pm_item .i_edit {
background-position: -96px 0
}
.pp_pointer, .pm_pointer, .pem_pointer
{
background-color: #F7F7F7;
border-bottom: 1px solid #E9E9E9;
margin-top: -7px
}
.pointer_wrap {
margin-top:
-7px
}
.pointer_wrap .pp_pointer, .pointer_wrap .pm_pointer,
.pointer_wrap .pem_pointer {
margin-top: 0
}
.pp_pointer
.i_pointer, .pm_pointer .i_pointer, .pem_pointer .i_pointer {
background-position: -45px 0;
left: 16px
}
.pp_pointer .i_pointer
{
left: 19px
}
.profile_photo_upload_wrap {
padding: 0
!important
}
.profile_photo_upload {
padding: 7px
}
._hover
.profile_photo_upload_wrap:hover .i_pointer, ._touch
.profile_photo_upload_wrap.hover .i_pointer, ._hover ._touched:hover
.profile_photo_upload_wrap .i_pointer, ._touch ._touched.hover
.profile_photo_upload_wrap .i_pointer {
background-position: -60px
0
}
.context_menu {
list-style: none
}
.cm_item {
display: block;
border-bottom: 1px solid #EEE;
padding: 5px
7px;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,
0, 0, 0)
}
._hover .cm_item:hover, ._touch .cm_item.hover {
text-decoration: none;
background-color:
#E9EDF1
}
.cm_item_loading .cm_label {
background:
url(/style/themes/vk/img/mupload.gif?1) no-repeat right center;
display: block
}
.profile_menu .cm_item {
font-weight:
700
}
.mv_details {
padding: 10px 7px 0
}
.mv_description {
padding: 0 0 5px;
line-height: 1.5em;
word-wrap:
break-word
}
.media_view .si_row, .media_view .vi_values {
padding: 0 0 7px
}
.mv_actions {
border-bottom: 1px solid
#efefef;
padding: 0 0 7px
}
.mva_item, .mva_item_msg {
display: block;
padding: 5px 7px
}
._hover .mva_item:hover {
text-decoration: none;
background-color:
#E9EDF1
}
.mva_item_loading .mva_label {
background:
url(/style/themes/vk/img/mupload.gif?1) no-repeat right center;
display: block
}
.mva_item_msg {
color:
#777
}
.mva_item_inline {
padding: 0 7px 5px;
color:
#4C6B8F
}
.pv_summary {
font-weight: 700;
padding: 8px 7px;
color: #606060
}
.pv_body .thumb_item {
text-align: center;
background-color: #f7f7f7;
min-height: 120px
}
.pv_body .ph_img
{
max-width: 100%
}
.pv_nav {
padding: 7px 7px
0
}
.pv_nav_z, .pv_nav_left, .pv_nav_right {
width: 50%;
padding: 0
}
.pv_nav_z {
width: 0
}
.pv_nav_left {
text-align: left
}
.pv_nav_right {
text-align:
right
}
.pv_nav_link {
padding: 7px
}
.pv_touch {
position: relative
}
.pv_touch .pv_nav {
position: absolute;
padding: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0;
z-index: 4
}
.pv_touch .pv_nav_cont {
height:
100%
}
.pv_touch .pv_nav_z, .pv_touch .pv_nav_left, .pv_touch
.pv_nav_right {
vertical-align: top
}
.pv_touch .pv_nav_left,
.pv_touch .pv_nav_left .pv_nav_link {
width: 20%
}
.pv_touch
.pv_nav_right, .pv_touch .pv_nav_right .pv_nav_link {
width:
80%
}
.pv_touch .pv_nav_link {
position: absolute;
display:
block;
width: 100%;
height: 100%;
padding: 0
}
.pv_touch
.pv_nav_label {
display: none
}
.pv_touch_full .pv_nav_right,
.pv_touch_full .pv_nav_right .pv_nav_link {
width:
20%
}
.pv_touch_full .pv_nav_z, .pv_touch_full .pv_nav_z .pv_nav_link
{
width: 60%
}
.pv_one_photo .pv_nav_left, .pv_one_photo
.pv_nav_right, .pv_nav_z .pv_nav_link {
display:
none
}
.pv_one_photo .pv_nav_z, .pv_one_photo .pv_nav_z .pv_nav_link
{
width: 100%
}
.pv_touch_full .pv_nav_z .pv_nav_link {
display: block
}
.pv_edit .thumb_item {
min-height: 70px;
overflow: hidden
}
.pv_edit .ph_img {
max-height:
240px
}
.pv_tag_block {
background-color: #F7F7F7;
padding:
10px
}
.pv_tag_header {
text-align: center
}
.pv_tag_controls
{
padding: 10px 0 3px;
text-align: center
}
.tag_info .btns
.l .btn {
padding: 7px 12px;
border: 0;
color: #4C6B8F;
font-weight: 400;
white-space: nowrap;
background: 0;
text-shadow: none;
box-shadow: none
}
._hover .tag_info .btns .l
a.btn:hover {
text-decoration: underline
}
.media_view
.pv_tags_list {
padding: 0 0 14px
}
.pv_tag {
position:
absolute;
border: 1px solid #fff;
-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);
margin: -1px 0 0 -1px;
opacity: 0;
-moz-transition: opacity .3s linear;
-webkit-transition: opacity .3s
linear;
-o-transition: opacity .3s linear;
transition: opacity
.3s linear;
z-index: 2
}
.pv_tag .fill {
border: 1px solid
#000
}
.pv_tag_selected {
opacity: 1
}
.pv_tag_label {
cursor: pointer
}
._hover .pv_tag_label:hover {
text-decoration:
underline
}
.pv_tag_label_selected {
text-decoration:
underline
}
.pv_photo_wrap {
display: inline-block;
vertical-align: top;
max-width: 100%;
position: relative;
overflow: hidden;
z-index: 1
}
.pv_photo_tags_selected {
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
.pv_photo_tags_selected.pv_touch .pv_nav, .pv_photo_tags_selected
.pv_nav_fullscreen {
display: none
}
.photoview .post_item .date
{
margin-right: 0
}
.photoview .m, .comments_wrap .m {
border-bottom: 0
}
.photo_msg {
padding: 14px 7px;
border-bottom: 1px solid #efefef;
color: #999;
display:
none
}
.photo_deleted .tag_info_wrap, .photo_deleted .mv_details,
.photo_deleted .mv_actions, .photo_deleted .comments_wrap {
display:
none
}
.photo_deleted .pv_body .thumb_item {
opacity:
.4
}
.photo_deleted .photo_msg {
display: block
}
.pv_icon {
display: none;
padding: 10px 14px;
background: #333;
background: rgba(0, 0, 0, .55);
border-radius: 4px
}
.pv_touch
.pv_icon {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width:
12px;
height: 20px;
-moz-transition: opacity .5s ease-in;
-webkit-transition: opacity .5s ease-in;
-o-transition: opacity .5s
ease-in;
transition: opacity .5s ease-in;
opacity:
1
}
.pv_hidden_icons .pv_icon {
visibility:
hidden
}
.pv_icons_hide .pv_icon {
opacity: 0
}
.pv_icon
.i_icon {
background: url(/style/themes/vk/img/pv_touch_icons.png)
no-repeat center;
display: block;
width: 12px;
height:
20px
}
.pv_nav_left .pv_icon {
margin-left:
15px
}
.pv_nav_right .pv_icon {
margin-right:
15px
}
.pv_nav_left .pv_icon .i_icon {
background-position: 0
center
}
.pv_nav_right .pv_icon .i_icon {
background-position:
-12px center
}
.pv_nav_z .pv_icon {
width: 20px;
padding:
10px
}
.pv_nav_z .pv_icon .i_icon {
width: 20px;
background-position: -24px center
}
.vv_summary {
font-weight:
700;
background: #000;
padding: 8px 7px;
color:
#ccc
}
.vv_body {
position: relative;
text-align: center;
background: #000
}
.vv_inline_video {
width: 100%;
max-width: 604px;
max-height: 340px
}
.vv_preview {
display:
block;
min-height: 120px
}
.vv_img {
max-width: 100%;
max-height: 340px
}
.vv_views {
padding: 0 0 14px;
color:
#777
}
.vv_video_icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:
url(/style/themes/vk/img/video_icon.png) no-repeat
center
}
.vv_not_support {
font-size: small;
text-align:
center;
color: #999;
padding: 5px 4px 7px
}
.album_items {
padding: 0
}
.album_items .photos_page {
border-bottom:
0
}
.album_item {
display: block;
border-bottom: 1px solid
#efefef;
text-align: center;
padding: 7px
}
._hover
.album_item:hover {
text-decoration: none
}
.album_item_top {
background-color: #FAFAFA;
border-bottom: 1px solid
#E9E9E9
}
.album_thumb_wrap {
position: static;
padding-top:
0
}
.album_thumb {
background: 0;
overflow: hidden;
max-height: 150px
}
.album_thumb_img {
max-width: 100%;
vertical-align: top
}
.album_name {
left: 0;
right: 0;
bottom: 0;
padding: 7px 0 0;
color: #4C6B8F;
font-weight:
700;
text-overflow: ellipsis
}
.album_count {
color: #777;
padding: 4px 0 0
}
.album_cnt {
font-family: Lucida Grande,
tahoma, verdana;
font-size: small;
background: #000
url(/style/themes/vk/img/camera_white.png) no-repeat 8px center;
background-color: rgba(0, 0, 0, .5);
padding: 4px 7px 4px 23px;
position: absolute;
top: 0;
right: 0;
color: #fff;
display: none
}
.album_name, .album_count, .album_cnt {
text-align: center
}
.album_desc {
padding: 4px 0 0;
color:
#000
}
.album_select_item {
display: block;
border-bottom:
1px solid #efefef;
text-align: left;
padding: 7px;
min-height: 40px
}
._hover .album_select_item:hover {
text-decoration: none
}
.album_select_item .album_thumb {
background-color: #f1f1f1;
text-align: center;
margin: 0 7px 0
0;
padding: 0;
float: left;
width: 54px;
height:
40px;
overflow: hidden
}
.album_select_item .album_name {
padding-top: 2px;
text-align: left
}
.album_select_item
.album_count {
text-align: left
}
.album_select_item
.album_thumb_img {
max-width: none;
max-height:
40px
}
.pp_last_activity {
font-size: small;
padding: 1px 0
0;
color: #777
}
.pp_last_activity .mlvi {
background-position: -18px center
}
.pp_status, .pp_no_status, .pp_info
{
font-size: small;
padding: 3px 0 0
}
.pp_status {
overflow: hidden;
text-overflow: ellipsis
}
.pp_status,
.pp_status_link {
color: #333
}
.pp_no_status, .pp_no_status_link
{
color: #777
}
.pp_info {
color: #797979
}
.pp_online
{
padding: 2px 0 0;
color: #777
}
.pp_state {
color:
#777;
text-align: center
}
.pp_auth_link {
color: #505050;
border: 1px solid #e3e3e3;
background-color:
#fff
}
.pp_auth_link_a {
font-weight: 700;
color:
#4C6B8F
}
._touch .pp_auth_link, ._hover .pp_auth_link:hover {
background-color: #fff
}
.pp_edit_status {
padding: 5px 0
0
}
.pp_edit_status .i_pointer {
background-position: -30px 0;
left: 9px
}
.pp_edit_status .textfield {
padding: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:
none
}
.pp_edit_status .iwrap {
margin-right:
12px
}
.pp_buttons_block {
padding: 7px 0 0
}
.create_post {
background-color: #f1f1f1;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #e1e1e1;
position: relative;
margin-top:
-1px;
padding: 7px
}
.create_post .anchor {
position:
relative;
display: block;
top: -7px
}
.create_post
.textfield, #content > form textarea {
padding-top: 3px;
padding-bottom: 3px;
resize: vertical;
}
.create_post .pi_cont
.textfield {
height: 2.4em
}
.cp_nojs_attach_btn {
padding:
10px 0 0
}
.cp_edited_by {
padding: 7px 0 0;
color: #777;
line-height: 1.5em
}
.cp_edited_by_a {
color:
#777
}
.create_post .pi_img, .create_post .pi_iwrap {
margin-top:
0;
display: none
}
.create_post .pi_medias {
padding: 0 0
2px
}
.form_item .medias_thumb .ph_img, .create_post .medias_thumb
.ph_img {
min-width: 40px;
min-height: 40px;
max-height:
75px
}
.cp_buttons_block {
padding-top:
7px
}
.cp_buttons_block .near_btn {
padding-right:
0
}
.cp_option {
display: block;
padding: 7px 0
0
}
.cp_option .option_row {
display: block
}
.cp_as_group,
.cp_post_as_group .cp_as_user {
display: none
}
.cp_post_as_group
.cp_as_group {
display: inline
}
.create_post_extra {
background-color: #f0f2f4;
border-top: 0;
border-bottom: 1px
solid #dfe3e8;
margin-top: 0
}
.create_post_extra .textfield,
#content > form textarea {
border: 1px solid
#d1d7de
}
.cp_attached_wrap .ph_img, .cp_attached_wrap .sh_img {
border: 2px solid #fff;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .6),
inset 0 0 1px rgba(0, 0, 0, .15);
margin: 0
1px
}
.cp_attached_wrap .medias_share_body {
font-size: medium;
margin-left: 43px;
min-height: 36px
}
.cp_attached_wrap .sh_img
{
margin-right: 7px;
padding: 0
}
.cp_attached_wrap .msh_head
{
margin-left: 44px
}
._hover .attached_block .audio_item:hover,
._hover .cp_attached_wrap .audio_item:hover {
background:
0
}
.cp_attached_wrap .mt_dur {
margin: 4px
5px
}
.cp_attached_wrap .mt_count, .cp_attached_wrap .mt_title {
margin: 2px 3px
}
.cp_attached_wrap .medias_thumb {
margin: 7px
5px 0 0
}
.cp_attached_wrap .medias_row {
padding: 10px 0
0
}
.cp_attached_wrap .medias_map {
background-color: #ced7e0;
border-radius: 4px;
margin-top: 5px;
margin-bottom:
1px
}
.cp_attached_wrap .medias_map_label {
white-space: nowrap;
text-overflow: ellipsis;
color: #677d98;
padding: 7px 8px;
overflow: hidden;
zoom: 1
}
.cp_attached_wrap .medias_map_close
{
border-radius: 0 4px 4px 0;
padding: 7px 6px;
float:
right
}
.cp_attached_wrap .medias_map_close .i_close {
background:
url(/style/themes/vk/img/attach_icons.png?4) no-repeat -198px center;
display: block;
float: left;
width: 20px;
height: auto;
margin: 0;
padding: 0
}
.cp_attached_post {
padding: 7px 0
0
}
.cp_attached_post .post_item {
padding: 0;
border-bottom:
0
}
.cp_attached_post .msg_item {
margin:
0
}
.cp_attached_post .pic_body_full {
margin:
0
}
.cp_attached_post .pi_cont {
margin-left: 0
!important
}
.cp_attached_post .pi_medias {
cursor:
default
}
.cp_publish_block {
min-height:
39px
}
.cp_publish_block .cp_attach_btn {
margin: 7px 0 2px 7px;
position: relative;
z-index: 1
}
.attached_block {
padding: 6px 10px 10px;
border-bottom: 1px solid
#efefef
}
.attached_block .pi_medias {
padding-bottom:
7px
}
.attached_block .pi_medias .poll span.labeled, .attached_block
.pi_medias .poll span.labeled {
font-weight: 400
}
.attached_block
.pi_medias .photo a.act, .attached_block .pi_medias .video a.act {
line-height: normal
}
._hover .attached_block .pi_medias .video
a.act:hover {
text-decoration: underline
}
.attached_block
.medias_row {
padding-top: 10px
}
.attached_block
.media_action_row {
padding: 4px 0 0 16px
}
._hover
.attached_block .medias_link:hover .medias_link_labeled {
text-decoration: none
}
.email_post {
display: block;
text-align: center;
font-weight: 700;
padding: 7px 0;
margin: 5px 0 0
}
.email_post_change {
font-size: small;
padding: 1px 0 0;
text-align: center
}
.create_post_page {
padding: 0;
border-top: 0;
background-color: #e4e8ed;
border-bottom: 0
}
.create_post_page .textfield {
border: 0;
border-radius: 0;
padding: 10px
}
.create_post_page .iwrap {
margin: 0 20px 0 0
}
.create_post_page .ibwrap {
padding: 1px 10px
10px
}
.form_item_page .cp_attached_wrap .pi_medias, .create_post_page
.ibwrap .pi_medias {
padding-top: 3px
}
.create_post_page
.cp_attached_post {
padding: 10px 0 3px
}
.create_post_page
.cp_buttons_block {
padding-top: 10px
}
.create_post_page
.cp_option {
padding: 10px 0 0
}
.cp_pointer {
border-bottom:
1px solid #B9C4DA;
background-color: #E4E8ED
}
.cp_pointer
.i_pointer {
background-position: -15px 0;
left:
23px
}
.cp_icon_btn {
float: right;
cursor:
pointer
}
._hover .cp_icon_btn:hover {
text-decoration:
none
}
.cp_icon_btn .i_icon {
background:
url(/style/themes/vk/img/attach_icons_s.png?4) no-repeat 0 center;
display: block;
outline: 0;
float: right;
width: 26px;
height: 26px;
zoom: 1
}
.cp_attach_btn {
margin-left:
1px
}
.cp_attach_btn .i_icon {
background-position: -182px
center
}
.cp_attach_btn_sel .i_icon {
background-position: -208px
center
}
.cp_inline_attach_btn .i_icon {
background-position: 0
center
}
.cp_geo_btn .i_icon {
background-position: -52px
center
}
.cp_geo_btn_sel .i_icon {
background-position: -78px
center
}
.cp_geo_btn {
float: right;
display:
none
}
.cp_geo_waiting {
display: none
}
.cp_geo_waiting
.i_icon_loading {
background: url(/style/themes/vk/img/mupload.gif?1)
no-repeat left;
display: block;
margin: 4px 5px;
width:
22px;
height: 18px;
zoom: 1
}
.cp_inline_attach_btn {
position: relative;
overflow: hidden
}
.cp_options_btn {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
.cp_options_btn .i_icon {
background:
url(/style/themes/vk/img/attach_icons_s.png?4) no-repeat -109px center;
padding: 3px 8px;
width: 0;
zoom: 1
}
.cp_options_btn_sel
.i_icon {
background-position: -135px center
}
.cp_emojis_btn
.i_icon {
background-position: -234px center
}
.cp_emojis_btn_sel
.i_icon {
background-position: -260px center
}
.nc_reply_name {
background: url(/style/themes/vk/img/reset.gif?1) no-repeat right
center;
padding-right: 15px
}
.nc_current_reply {
display:
none
}
.cp_attach_button {
display: inline-block
}
.poll_block
.medias_poll {
padding: 0;
border-bottom: 1px solid
#E9E9E9
}
.poll_block .medias_poll_title {
padding: 7px 2px 3px;
margin: 0 5px;
border-bottom: 1px solid #E7EAED
}
.poll_block
.medias_poll_body {
padding: 2px 2px 7px;
margin: 0 5px;
border-left: 0
}
.checkin_map {
cursor:
pointer
}
.checkin_map_img {
-moz-box-shadow: inset 0 0 7px
rgba(0, 0, 0, .15);
-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0,
.15);
box-shadow: inset 0 0 7px rgba(0, 0, 0, .15)
}
.place_item
.si_iwrap {
background-color: #fff
}
.new_place_item .si_owner,
.new_place_item .si_label {
color: #999
}
.checkins_cnt {
margin-left: 5px;
float: right;
color: #999
}
.checkins_cnt
.i_icon {
background: url(/style/themes/vk/img/place_icons.png)
no-repeat 0 center;
padding: 0 0 0 11px;
margin-left:
3px
}
.place_add_box {
padding: 0 7px 7px
}
.place_add_box dl
{
padding: 10px 0 3px
}
#places_box div.btns {
padding: 0;
margin: 0
}
#places_box div.btns .btn {
font-weight:
400
}
.place_panel {
background-color:
#f1f1f1
}
.place_map_wrap {
display: block;
text-align:
center;
border: 3px solid #fff;
background: #fff;
border:
1px solid #e6e7e8;
padding: 3px;
margin: 0 0 1px;
border-radius: 4px
}
._hover .place_map_wrap:hover {
text-decoration: none
}
.place_map {
display: inline-block;
position: relative;
text-align: center;
border-radius: 2px;
overflow: hidden
}
.place_map_img {
width: 100%;
vertical-align: top
}
.place_map_point {
border-radius:
2px
}
.place_address {
padding: 0 7px;
color: #777;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.place_address .i_icon {
background:
url(/style/themes/vk/img/place_icons.png) no-repeat -15px center;
padding: 0 0 0 10px;
margin: 0 7px 0 3px
}
.place_map_wrap
.place_address {
padding: 10px 7px 7px 4px
}
.profile_panel
.place_address {
padding: 4px 2px 0
}
.place_checkins {
display: block;
padding: 0 7px;
color: #777
}
._hover
.place_checkins:hover {
text-decoration: none
}
.place_checkins
.i_icon {
background: url(/style/themes/vk/img/place_icons.png)
no-repeat -30px center;
padding: 0 0 0 13px;
margin-right:
7px
}
.place_panel .op_fimg, .place_checkins_panel .op_fimg {
background: 0
}
.map_pointer {
background:
url(/style/themes/vk/img/map_point.png) no-repeat center;
-webkit-animation-name: fall-down;
-webkit-animation-delay: .2s;
-webkit-animation-duration: .3s;
-webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease-in
}
@-webkit-keyframes
fall-down {
from {
-webkit-transform: translate(0, -70%);
-webkit-transform: translate3d(0, -70%, 0);
opacity: .2
}
to {
-webkit-transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1
}
}
.answers_item {
min-height: 40px
}
.answers_item .cont,
.answers_item .has_row_photo {
padding-right: 0
}
.answers_item
.pi_img {
text-align: right
}
.answers_grouped_item .pi_img {
height: auto
}
.answers_item .pi_date {
margin:
0
}
.answer_reply {
border: 1px solid #D5DEE7;
background:
#EDF1F5;
border-top: 0
}
.answer_reply .pi_img, .answer_reply
.pi_iwrap {
display: none;
width: 32px;
height:
32px
}
.answer_reply .pi_cont {
margin-left: 0
}
.answers_item
.pointer {
border-bottom: 1px solid #D5DEE7;
background-color:
#fff;
margin-top: 4px
}
.answers_item .i_pointer {
background-position: 0 0;
left: 7px
}
.answers_item .medias_thumb
{
margin: 6px 6px 0 0
}
.answers_item .medias_thumb .grouped_img
{
width: 25px;
height: 25px;
border-radius:
50%
}
.answers_item .pi_img .i_icon {
background:
url(/style/themes/vk/img/feedback.png?8) no-repeat 15px 0;
padding: 0
0 0 15px
}
.answers_item .pi_img .i_followers {
background-position: 0 0
}
.answers_item .pi_img .i_like {
background-position: -15px 0
}
.answers_item .pi_img .i_copy {
background-position: -30px 0
}
.answers_item .pi_img .i_add {
background-position: -90px 0
}
.answers_item .row_photo {
display:
block;
position: static;
top: 0;
right: 0;
overflow:
hidden;
margin: 4px 0 2px
}
.answers_item .row_photo .th_img,
.answers_item .row_photo .img0_thumb {
max-width:
130px
}
.answers_item .pi_iwrap {
position: relative;
overflow: visible
}
.answers_item .pi_iwrap .i_icon {
background:
url(/style/themes/vk/img/feedback_icons.png?3) no-repeat 0 -84px;
position: absolute;
width: 21px;
height: 21px;
right:
-5px;
bottom: -5px;
display: none
}
.listVIP .i_icon {
background: url(/style/themes/vk/img/feedback_icons.png?3) no-repeat 0
-84px;
width: 21px;
height: 21px;
display:
block
}
.answers_item .pi_iwrap .i_copy {
background-position: 0
0
}
.answers_item .pi_iwrap .i_add, .listVIP .i_add {
background-position: 0 -21px
}
.answers_item .pi_iwrap .i_like {
background-position: 0 -42px
}
.answers_item .pi_iwrap .i_followers {
background-position: 0 -63px
}
.answers_lv {
background:
#f2f2f2;
border-top: #f2f2f2;
border-bottom: #f2f2f2;
padding: 8px 7px;
margin-top: -1px;
font-weight: 700;
position: relative;
color: #999
}
.privacy_item {
display:
block;
padding: 7px;
border-bottom: 1px solid
#e4e7eb
}
._hover .privacy_item:hover {
text-decoration:
none
}
.prv_body {
background:
url(/style/themes/vk/img/prv_arrow.png) no-repeat right center;
padding-right: 15px
}
.prv_title {
color: #111
}
.prv_value
{
font-size: small;
margin-top: 2px;
padding-top: 2px;
color: #99a0a8
}
.prv_private {
background:
url(/style/themes/vk/img/prv_private.png) no-repeat 0 center;
padding-left: 14px
}
.prv_group {
padding: 1px 3px;
line-height: 150%;
white-space: nowrap
}
.prvg0 {
background-color: #F5E9E2;
color: #8B4C23
}
.prvg1 {
background-color: #FAEAD8;
color: #764F14
}
.prvg2 {
background-color: #FAF3D8;
color: #817945
}
.prvg3 {
background-color: #E8F2DC;
color: #37702A
}
.prvg4 {
background-color: #E0ECEA;
color: #4C7171
}
.prvg5 {
background-color: #E4EBF1;
color: #0B5588
}
.prvg6 {
background-color: #E4E7F2;
color: #2F54AA
}
.prvg7 {
background-color: #EDE5F0;
color: #80478F
}
.prvg8 {
background-color: #F5E9E2;
color: #8B4C23
}
.prvg9 {
background-color: #FAEAD8;
color: #764F14
}
.edit_partner_tip {
font-size: small;
background-color: #fafafa;
color:
#777
}
.edit_partner_item {
display: block;
line-height:
1.5em
}
.edit_partner_img {
width: 25px;
height: 25px;
margin-right: 7px;
float: none
}
.edit_partner_body {
padding-right: 25px;
min-height: 25px
}
.edit_partner_img,
.edit_partner_owner {
vertical-align: middle
}
.edit_partner_wrap
{
padding-top: 7px
}
.edit_partner_reset {
background:
url(/style/themes/vk/img/close.png?2) no-repeat center;
width: 25px;
height: 25px;
float: right
}
._hover .edit_partner_reset:hover
{
background-color: #F5F7F9
}
.edit_msg_box {
background-color: #F6F7F9;
border: 1px solid #DBE0EA;
margin: 7px
7px 0;
padding: 7px
}
.settings .msg_box .new_name {
padding:
4px 0
}
.settings .msg_box .more {
display: block;
padding:
4px 0 0
}
.wiki_content {
padding: 10px 7px;
border-bottom:
1px solid #efefef;
word-wrap: break-word
}
.wiki_content
.wiki_title {
font-size: medium;
font-weight: 700;
color:
#4C6B8F;
padding: 0 0 14px
}
.away_page .wiki_content {
border-bottom: 0
}
.away_page .wiki_title {
font-size: large;
font-weight: 400;
padding: 4px 0 14px;
color:
#000
}
.away_page .wiki_cut {
padding: 14px 0 0
}
.away_page
.op_info {
color: #4C6B8F;
overflow: hidden;
text-overflow:
ellipsis
}
.away_page .op_info .label {
color:
#797979
}
.away_bottom {
padding: 0 7px 7px;
border-bottom:
1px solid #EFEFEF
}
.away_bottom_info {
padding: 3px 0 0;
color: #777
}
.away_bottom_btns {
padding: 10px 0
5px
}
.away_bottom .item_like, .away_bottom .item_repost {
padding-left: 10px;
padding-right: 10px;
color:
#fff
}
.away_bottom .i_like, .away_bottom .i_repost {
display:
none;
padding-top: 1px;
margin: 0 6px 0 0
}
.away_bottom
.i_like {
background-position: -52px center
}
.away_bottom
.item_sel .i_like {
background-position: -65px
center
}
.away_bottom .i_repost {
background-position: -39px
center
}
.away_bottom .v_like, .away_bottom .v_repost {
color:
#BFCCD9;
padding-left: 3px
}
.away_bottom .item_like, .away_bottom
.item_repost {
font-size: small
}
.away_bottom_source {
padding: 3px 0 2px;
color: #4C6B8F;
overflow: hidden;
text-overflow: ellipsis
}
.away_bottom_source .label {
color:
#777
}
.away_bottom_owner {
padding: 7px 0
}
.gift_thumb {
display: block;
text-align: center
}
.gift_thumb .th_img {
max-width: 100%;
vertical-align: top
}
.gifts_block {
padding: 1px 7px 7px
}
.gifts_pagination {
padding: 9px 7px
10px;
border-bottom: 1px solid #efefef;
text-align:
center
}
.gift_item {
display: inline;
display:
inline-block;
padding: 6px 6px 0 0;
text-align:
center
}
.gift_price_wrap {
padding: 14px 7px 7px;
text-align: center
}
.gift_price {
background-color: #E4E8ED;
font-weight: 700;
color: #4C6B8F;
padding: 7px 9px;
border-radius: 3px
}
.gift_balance {
padding: 14px 7px;
background-color: #f7f7f7;
border-bottom: 1px solid #efefef;
text-align: center;
line-height: 1.5em
}
.gift_create_post {
background-color: #E4E8ED;
border-top: 1px solid #dfe3e8;
border-bottom: 1px solid #dfe3e8
}
.gift_create_post .textfield {
border: 1px solid #d1d7de
}
.gift_create_post .option_label {
color: #565656
}
.gift_create_post .cp_buttons_block {
padding:
10px 0 3px;
text-align: center
}
.emojis_list {
border-bottom: 1px solid #dfe3e8;
padding: 4px
}
.emojis_item {
display: inline;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 4px
}
.emojis_thumb {
display:
block;
width: 32px;
height: 32px;
text-align: center;
margin: 0 auto
}
.emojis_thumb .th_img {
height:
32px
}
.emojis_item {
padding: 7px;
border-bottom: 1px solid
#efefef
}
._hover .emojis_item:hover {
text-decoration:
none
}
.emojis_null {
text-align: center;
color: #737D87;
padding: 75px 15px 0
}
.emojis_thumb {
width: 35px;
height:
35px;
margin: 0 7px 0 0;
float: left;
text-align: center;
margin: 0 auto
}
.emojis_body {
margin-left: 42px;
min-height: 35px
}
.emojis_thumb .th_img {
width: auto;
height: 100%
}
.emojis_name {
font-weight: 700;
word-wrap:
break-word;
color: #000
}
.emojis_author {
padding: 2px 0
0;
color: #777
}
.emojis_price {
padding: 4px 0
2px
}
.sp_str {
font-size: small;
padding: 2px 5px;
border-radius: 2px;
white-space: nowrap
}
.sp_str, .sp_buy_str {
background: #4bb34b;
color: #fff
}
.sp_add_str {
background: #5b86b6;
color: #fff
}
.sp_added_str {
background: #f2f3f5;
color: #a1afbf
}
.owner_panel .sp_added_str
{
background: #e8eaed;
color: #95a5b7
}
.emojis_balance {
text-align: center;
line-height: 1.5em
}
.emojis_panel {
border-bottom: 1px solid #e0e4e9;
position: relative;
margin-top:
-1px
}
.emojis_panel .pointer {
border-bottom: 1px solid
#d1d7de;
margin-top: -9px
}
.emojis_panel .i_pointer {
background-position: -75px 0;
position: absolute;
right:
82px
}
.sp_tabs {
background-color: #dce1e6;
overflow:
hidden;
zoom: 1
}
.sp_tab {
cursor: pointer;
display:
block;
padding: 6px 10px;
white-space: nowrap;
float:
left;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
._hover
.sp_tab:hover, ._touch .sp_tab.hover {
background-color:
#e5e9ed
}
.sp_emojis_tabs {
overflow: hidden
}
.sp_emojis_cont
{
white-space: nowrap;
float: left
}
.sp_emojis_cont .sp_tab
{
display: inline-block;
float: none
}
.sp_body,
.sp_tab_selected {
background-color: #ebeef2
}
.sp_tab_inactive
.sp_icon {
opacity: .6
}
.sp_close {
padding: 6px;
float: right
}
.sp_icon {
background:
url(/style/themes/vk/img/emojis_icons.png?2) no-repeat 30px 0;
width:
30px;
height: 30px;
vertical-align: top
}
.sp_icon.i_store
{
background-position: 0 0
}
.sp_icon.i_delete {
background-position: -30px 0
}
.sp_icon.i_recent {
background-position: -60px 0
}
.owner_panel {
position:
relative;
}
.photo_bor {
background-color: #F2F2F2;
box-shadow: 1px 0px 5px #989898;
border: 3px solid #FFF;
width:
50px;
height: 50px;
padding: 0px;
margin: 2px;
border-radius: 50%;
transition: all 0.2s ease 0s;
}
.cover_profile
{
height: 100%;
position: absolute;
left: 0;
right:
0;
bottom: 0;
background-repeat: no-repeat;
background-size:
cover;
background-position: 50%;
-moz-filter: blur(10px);
filter: blur(10px);
filter:
progid:DXImageTransform.Microsoft.Blur(pixelRadius=10);
-webkit-filter: blur(10px);
}
.cover_profile:before {
content:
'';
height: inherit;
background-size: 1px 88px;
background-image: url(/style/themes/vk/img/cover_scrim.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
position: absolute;
width: 100%;
}
.sp_body {
height:
216px;
padding-bottom: 20px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.sp_body > * {
-webkit-transform: translateZ(0px);
transform:
translateZ(0px);
}
.scroller_cont {
-webkit-transform: none
!important;
-ms-transform: none !important;
-o-transform: none
!important;
transform: none !important;
}
.scroller_wrap {
overflow: auto;
white-space: normal;
padding-bottom: 20px;
margin-bottom: -20px;
-o-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
overflow-scrolling: touch;
position:
relative;
}
.scroller_wrap:after, .scroller_wrap:before {
position: absolute;
content: '';
height: 100%;
z-index: 1;
top: 0;
width: 0;
-o-transition: width .1s;
-webkit-transition: width .1s;
-moz-transition: width .1s;
transition: width .1s;
}
.msg_item_important .mi_head:after {
content: '';
float: right;
margin-top: 1px;
margin-right:
1px;
width: 11px;
height: 11px;
background-size: 11px;
background-repeat: no-repeat;
background-image:
url(img/star.png);
}
.scroller_wrap.sw_left:before,
.scroller_wrap.sw_right:after {
pointer-events: none;
width:
5px
}
.scroller_wrap:before {
background-image:
-o-linear-gradient(left, #dce1e6, rgba(220, 225, 230, 0));
background-image: -webkit-linear-gradient(left, #dce1e6, rgba(220, 225,
230, 0));
background-image: -moz-linear-gradient(left, #dce1e6,
rgba(220, 225, 230, 0));
background-image: linear-gradient(left,
#dce1e6, rgba(220, 225, 230, 0));
left: 0;
}
.scroller_wrap:after
{
background-image: -o-linear-gradient(left, rgba(220, 225, 230, 0),
#dce1e6);
background-image: -webkit-linear-gradient(left, rgba(220,
225, 230, 0), #dce1e6);
background-image: -moz-linear-gradient(left,
rgba(220, 225, 230, 0), #dce1e6);
background-image:
linear-gradient(left, rgba(220, 225, 230, 0), #dce1e6);
right:
0;
}
.sp_page {
display: inline-block;
vertical-align: top;
white-space: normal;
width: 100%
}
.sp_cont .emojis_list {
padding: 6px 6px 15px;
min-height: 150px;
border:
0
}
.sp_cont .emojis_item {
cursor: pointer;
padding: 11px 0
0;
}
.sp_pages_pts {
padding: 0 0 12px;
text-align: center;
height: 6px
}
.sp_ppt, .sp_pptw {
display: inline-block;
vertical-align: top;
width: 6px;
height: 6px
}
.sp_ppt {
margin-top: -4px;
padding: 4px
}
._hover .sp_ppt {
cursor:
pointer
}
.sp_pptw {
background-color: #ccd1d7;
border-radius: 6px
}
.sp_ppt_sel .sp_pptw {
background-color:
#959da7
}
.app_item {
display: block;
padding: 5px 7px 7px;
border-bottom: 1px solid #efefef
}
.app_inline_item {
display:
block;
padding: 0 0 3px
}
._hover .app_item:hover, ._hover
.app_inline_item:hover {
text-decoration: none
}
.app_item .th_img
{
width: 35px;
height: 35px;
margin: 2px 7px 0 0;
float: left;
border-radius: 50%
}
.app_inline_item .th_img {
width: 25px;
height: 25px;
margin: 0 7px 0 0;
float: left;
border-radius: 50%;
display: none
}
.app_body {
position:
relative;
margin-left: 42px;
min-height: 37px
}
.app_name {
padding: 3px 0 0
}
.app_name_label {
font-size: medium;
word-wrap: break-word;
color: #000
}
.app_genre, .app_label {
font-size: small;
padding: 2px 0 0;
color: #999
}
.app_new
{
font-size: small;
font-style: normal;
vertical-align:
baseline;
background-color: #4A8CD3;
padding: 1px 3px;
margin-left: 1px;
color: #fff;
border-radius: 2px
}
.app_desc
{
padding: 10px
}
.app_message {
padding: 3px 0 0;
color: #000
}
.apps_requests .inline_item_blank .ii_body {
background: 0
}
.apps_feed_item .has_app_photo {
padding-right:
0
}
.apps_feed_item .app_photo {
display: block;
position:
static;
top: 0;
right: 0;
overflow: hidden;
margin: 4px
0 2px;
display: none
}
.apps_feed_item .app_photo .th_img {
border-radius: 3px
}
.apps_feed_item .app_photo .th_img,
.apps_feed_item .app_photo .img0_thumb {
max-width: 40px
}
._hover
.inline_app:hover {
text-decoration: none
}
.app_button_wrap {
position: absolute;
padding: 0;
top: 50%;
right: 0;
margin-top: -1.1em;
line-height: 1.1em
}
.app_button {
border-radius: 2px;
white-space: nowrap;
display: inline-block;
vertical-align: top;
padding: 5px 8px;
font-size: 1em;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
max-width: 49px;
background: #4bb34b;
color:
#fff
}
.app_screenshots {
padding: 10px;
background-color:
#f7f7f7;
overflow: hidden
}
.app_page_wrap .app_name,
.app_page_wrap .app_genre, .app_page_wrap .app_label {
padding-right:
72px;
white-space: nowrap;
overflow: hidden;
text-overflow:
ellipsis
}
.app_ss_cont {
float: left
}
.app_ss_wrap {
vertical-align: top;
display: inline-block;
padding: 0 7px 0 0;
min-width: 188px;
height: 376px;
background-color:
#fafafa
}
.app_ss_cont .app_ss_wrap:last-child {
padding:
0
}
.app_ss_img {
max-height: 100%;
max-height:
100%
}
.create_message {
background-color: #e4e8ed;
position:
relative;
margin-top: -1px
}
.create_message .textfield {
border: 1px solid #d1d7de
}
.di_activity {
padding: 10px 7px;
color: #777;
background-color: #fafafa;
border-bottom: 1px solid
#efefef
}
.di_activity .mlvi {
background-position: -18px
center
}
.di_kicked {
padding: 14px 7px;
background-color:
#f7f7f7;
border-bottom: 1px solid #e9e9e9;
color:
#777
}
.mail .post_add .to {
margin: 0 0 7px
}
.mail form
table .last a {
white-space: nowrap;
display:
block
}
.di_typing {
color: #8795A5;
display: none;
opacity: 0;
text-align: left;
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0
}
.di_typing .i_typing {
background:
url(/style/themes/vk/img/typing.gif?1) no-repeat 0 center;
margin-right: 5px;
padding: 0 15px 0 0
}
.di_typing_now
.di_current_peer {
display: none
}
.di_typing_now .di_typing {
display: block
}
.di_typing_animated .di_typing {
opacity: 1;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s
}
._hover
.di_current_peer .mi_author:hover {
text-decoration:
none
}
.di_current_peer .multichat_count {
background:
url(/style/themes/vk/img/multichat_icon.png) no-repeat 0 center;
padding: 0 0 0 23px;
color: #8d9db0
}
.single_msg_item {
padding: 0 0 7px
}
.single_msg_item .mi_cont {
padding: 5px 7px
0;
margin-left: 0;
min-height: 0
}
.mi_links {
color:
#4c6b8f;
padding: 14px 0 2px
}
.header_before {
display:
block;
margin-top: 1px
}
.peers_header {
display: block;
background-color: #DEE5EB;
padding: 8px 7px;
color: #657e9b;
font-weight: 700;
cursor: pointer
}
._hover .peers_header:hover
{
text-decoration: none
}
.need_peers_label .service_msg_box {
padding: 26px 7px
}
.selected_names {
color: #96A3B2;
font-size: small;
font-weight: 400;
padding: 2px 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: none
}
.selected_users_opened .selected_names,
.selected_users_closed .selected_names {
display:
block
}
.selected_users_closed .chat_selected_users {
display:
none
}
.selected_users_opened .peers_selected_dd {
background:
url(/style/themes/vk/img/up_arrow.png?2) no-repeat right center;
padding-right: 22px
}
.selected_users_closed .peers_selected_dd {
background: url(/style/themes/vk/img/down_arrow.png?2) no-repeat right
center;
padding-right: 22px
}
.selected0 .peers_header {
cursor: auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.selected0 .peers_selected_dd {
background:
none !important
}
.selected0 .selected_users, .selected0
.create_chat_block, .selected1 .create_chat_block, .selected2
.need_peers_label, .selected_all .filter_peer_wrap, .selected_all
.need_peers_label {
display: none
}
.pv_select_label
.service_msg_box {
padding: 2px 7px 3px
}
.selected0
.selected_users, .selected0.selected_min1 .pv_select_block,
.selected0.selected_min0 .pv_select_label, .selected1 .pv_select_label,
.selected2 .pv_select_label, .selected_all .filter_peer_wrap, .selected_all
.pv_select_label {
display: none
}
.topic_item {
padding: 5px
7px 7px;
border-bottom: 1px solid #efefef
}
.ti_title {
display: block;
font-weight: 700;
padding: 2px
0
}
.ti_explain {
color: #999
}
.ti_count {
font-size:
small;
padding: 4px 0;
color: #606060
}
.ti_info {
font-size: small;
color: #999
}
.topic_head_panel {
background-color: #f7f7f7;
border-bottom: 1px solid
#e9e9e9
}
.topic_header {
display: block;
padding:
7px
}
._hover .topic_header:hover {
text-decoration:
none
}
.topic_author {
padding: 0 7px 7px;
margin-top:
-2px
}
.topic_post_edited_a {
font-weight: 400;
color:
#999
}
.search_summary {
overflow: hidden;
zoom:
1
}
.search_summary_rl {
float: right;
font-weight: 400;
color: #4C6B8F
}
.search_summary .i_filter {
background:
url(/style/themes/vk/img/filter_icons.png) no-repeat 0 center;
padding-left: 9px;
margin-left: 4px;
padding-bottom:
2px
}
.filter_panel_opened .i_filter {
background-position: -9px
center
}
.filter_panel {
background-color: #F7F7F7;
border-bottom: 1px solid #E9E9E9;
padding: 4px 0
}
.fp_sect {
display: block;
cursor: pointer
}
._hover .fp_sect:hover {
background-color: #f1f1f1
}
.fp_row {
clear: both;
overflow:
hidden;
zoom: 1;
padding: 2px 7px
}
.fp_hidden {
display: none
}
.filter_panel_none {
display:
none
}
.filter_panel_opened.filter_panel_none {
display:
block
}
.filter_panel_opened .fp_hidden {
display:
block
}
.fp_header_row .fp_label {
color: #999
}
.fp_label {
font-size: small;
padding: 4px 4px 5px 0;
font-weight: 700;
color: #555;
float: left;
margin: 1px 3px 1px
0
}
.fp_filter {
font-size: small;
background-color:
#DEE5EB;
padding: 3px 7px 4px;
border: 1px solid #D3DBE3;
border-radius: 4px;
font-weight: 700;
color: #788DA5;
float:
left;
margin: 1px 3px 1px 0;
-webkit-tap-highlight-color: rgba(0,
0, 0, 0)
}
._hover .fp_filter:hover {
text-decoration:
none
}
.fp_filter_none {
background: 0;
padding: 4px 7px
5px;
border: 0
}
.fp_filter_reset {
font-size: small;
background: 0;
border: 0;
float: right;
padding: 5px 7px
4px;
margin: 1px 0
}
.fp_filter_reset .i_reset {
background:
url(/style/themes/vk/img/filter_icons.png) no-repeat -18px center;
float: right;
width: 11px
}
.search_save_request {
margin:
3px 7px;
padding: 7px;
border: 1px solid #E3E3E3;
background: #fff
}
.ssr_header {
color: #4C6B8F;
font-weight:
700
}
.ssr_text {
padding-top: 7px;
color:
#505050
}
.ssr_buttons {
padding-top: 10px
}
.select_item,
.sel_selected_item, .sel_sample_item {
position: relative;
border-bottom: 1px solid #efefef
}
.sel_row {
display: block;
padding: 7px
}
.sel_reset_btn {
background:
url(/style/themes/vk/img/close.png?2) no-repeat center;
position:
absolute;
right: 0;
top: 0;
bottom: 0;
width:
31px
}
._hover .sel_row:hover, ._hover .sel_reset_btn:hover {
text-decoration: none;
background-color:
#F5F7F9
}
.sel_selected_item .sel_row {
font-weight: 700;
padding: 10px 7px;
margin-right: 31px
}
.sel_sample_item .sel_row
{
padding: 14px 7px;
color: #777
}
.sel_label_a {
color:
#4C6B8F
}
.sel_null .sel_row {
color: #777
}
.sel_selected {
background-color: #F5F7F9
}
.sel_desc {
font-size: small;
color: #777;
padding: 3px 0 0
}
.link_preview {
padding: 4px
1px 0
}
.link_preview_body {
padding: 2px 0 2px 7px;
border-left: 2px solid #C3D1E0
}
.link_preview_image {
float:
left;
margin-right: 7px
}
.link_preview_image img {
max-width: 70px;
max-height: 70px
}
.link_preview_title {
font-weight: 700;
color: #4C6B8F
}
.link_preview_text {
padding-top: 2px;
color: #777
}
.op_payments_info {
color:
#000
}
.op_payments_title {
color:
#565656
}
.op_payments_header {
color:
#4C6B8F
}
.payments_phone_box {
display: block;
background-color: #E4E8ED;
border-radius: 5px;
text-align:
center;
padding: 7px;
margin: 0
}
._hover
.payments_phone_box:hover {
text-decoration:
none
}
.payments_phone_number {
font-size: medium;
font-weight: 700;
color: #000;
padding: 3px 0
0
}
.payments_phone_desc {
text-align: center;
font-size:
small;
padding: 3px 5px 0;
color: #777
}
.payments_text {
padding: 3px 0
}
.payments_votes_options .option_label {
padding-left: 0;
overflow: hidden;
zoom:
1
}
.payments_votes_options .option_value {
color:
#4C6B8F
}
.payments_votes_options .option_tip {
padding: 1px 0
0;
color: #777
}
.payments_help {
font-size: small;
padding: 14px 0 0
}
.join_button {
font-size: large;
display:
block;
background-color: #e4e8ed;
border-radius: 5px;
text-align: center;
padding: 12px 10px;
margin: 3px 0 0;
color: #637fa1
}
.login_help {
font-size: small;
padding:
14px 0 0;
color: #777
}
.login_blocked_panel {
background-color: #fafafa;
text-align:
center
}
.login_blocked_reason {
position: relative;
padding:
10px;
margin: 10px 0 0;
background-color: #E6ECF1;
color:
#000;
text-align: left
}
.login_blocked_reason_photo {
position: absolute
}
.login_blocked_reason_img {
width: 30px;
height: 30px;
overflow: hidden
}
.login_blocked_reason_info {
margin-left: 45px
}
.login_blocked_reason_label {
padding-bottom:
2px;
font-weight: 700;
color:
#45668E
}
.login_blocked_reason_wout_msg {
min-height: 30px;
overflow: hidden
}
.login_blocked_reason_wout_msg
.login_blocked_reason_label {
margin-top:
6px
}
.login_blocked_reason_thumbs {
margin-bottom: 20px;
border-collapse: collapse;
border-spacing:
0
}
.login_blocked_reason_td {
vertical-align:
top
}
.login_blocked_thumb_cell {
overflow: hidden;
text-align: center;
width: 66px
}
.login_blocked_thumb_photo {
margin: 0 8px;
display: block;
padding-bottom: 6px;
height:
50px;
width: 50px
}
.login_blocked_thumb_name {
text-align:
center
}
.login_blocked_photo_cell {
margin: 0 3px 0 2px;
max-height: 130px;
max-width: 130px;
overflow:
hidden
}
.login_blocked_photo_img {
max-width:
130px
}
.login_blocked_photo_caption {
padding:
10px
}
.login_blocked_video_cell_a {
margin: 0 3px 0 2px;
display: block;
height: 57px;
width: 75px;
overflow:
hidden;
background-color: #F1F1F1;
text-align:
center
}
.login_blocked_reason_wrap .login_blocked_reason {
margin-bottom: 0
}
.login_btn_with_arr {
padding-right: 25px;
background: url(/style/themes/vk/img/backlink.gif) no-repeat right
-127px
}
.fb_button {
background-color: #5471a5;
border-radius: 4px
}
.fb_button .i_fb {
background:
url(/style/themes/vk/img/fb_icon.png?1) no-repeat center;
padding: 2px
8px 2px 0;
margin: 0 10px 0 0
}
@media only screen and
(-webkit-min-device-pixel-ratio: 2), only screen and
(min-device-pixel-ratio: 2) {
.fb_button {
border: 0
}
}
.apps_access_item {
margin-top: 5px;
margin-bottom:
15px;
color: #666;
background-position: 0 2px;
background-repeat: no-repeat
}
.apps_access_item b {
display:
block;
padding-bottom: 4px;
color:
#36638E
}
.apps_access_icon {
display: none;
float: left;
height: 33px;
width: 33px;
margin-right: 7px;
background:
url(/style/themes/vk/img/app_settings_icons.png?2px) 0 0
no-repeat
}
.apps_access_photos {
background-position: 0
-74px
}
.apps_access_media {
background-position: 0
-111px
}
.apps_access_docs {
background-position: 0
-185px
}
.apps_access_messages {
background-position: 0
-259px
}
.apps_access_wall {
background-position: 0
-222px
}
.apps_access_offline {
background-position: 0
-407px
}
.apps_access_friends {
background-position: 0
-148px
}
.apps_access_groups {
background-position: 0
-37px
}
.apps_access_stats {
background-position: 0
-296px
}
.apps_access_email {
background-position: 0
-518px
}
.apps_sett_access_list {
padding: 5px 0
15px
}
.apps_sett_line {
border-bottom: 1px solid #E8EBEE;
margin: 0 0 14px
}
.apps_access_item_info {
padding-left:
0
}
.oauth_access_header, .oauth_access_items {
line-height:
1.45em
}
.oauth_access_header {
font-weight: 700;
color:
#222
}
.oauth_access_items {
padding: 3px 0 0;
color:
#7f7f7f
}
.oauth_access_item_allow, .oauth_access_item_deny {
padding: 3px 0 0
}
.oauth_access_email_denied .oauth_access_email_item
{
text-decoration: line-through;
color:
#ccc
}
.oauth_access_item_allow, .oauth_access_email_denied
.oauth_access_item_deny {
display:
none
}
.oauth_access_email_denied .oauth_access_item_allow {
display: block
}
#zhead {
font-size: small;
padding: 7px;
text-align: center;
background-color: #f7f7f7;
color:
#777
}
._zch #zhead {
background-color: #e9c3c1;
color:
#9b4242
}
#zhead .charges_label, ._zch #zhead .null_label {
display: none
}
._zch #zhead .charges_label {
display:
inline
}
.free_terms_box {
font-size: small;
text-align:
center;
background-color: #f7f7f7
}
.free_terms_header {
display: block;
color: #777;
padding: 7px
}
._hover
.free_terms_header:hover {
text-decoration:
none
}
.free_terms_desc {
padding: 7px 0;
margin: 0 7px;
border-top: 1px solid #ccc;
color: #777;
line-height:
1.4em
}
.free_terms_hide {
white-space: nowrap
}
.emoji,
.emoji_css {
width: 16px;
height: 16px;
*height: 17px;
margin: 0;
border: 0;
vertical-align: middle
}
.emoji_css {
background: url(/style/themes/vk/img/im_emoji_2.png?2)
no-repeat
}
#m .bl_item, #m .bl_cont > :last-child, #m .blt_cont
> :last-child .tap, #m .bli_cont > :last-child .bli {
border-bottom: 1px solid #dfe3e8
}
#m .bl_cont .bl_none, #m .bl_cont
.bl_cont:last-child, #m .bl_cont.blt_cont > :last-child .tap, #m
.bl_cont .blt_cont > :last-child .tap, #m .bl_cont.bli_cont >
:last-child .bli, #m .bl_cont .bli_cont > :last-child .bli {
border-bottom: 0
}
.body_fullscreen {
background-color: #fff;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box
}
.body_fullscreen #vk_wrap {
background-color: #fff;
max-width: none;
min-height:
100%
}
.body_only #mcont {
border: 0;
box-shadow:
none
}
.body_fullscreen .wiki_content {
font-family: Georgia,
'Times New Roman', Times, serif;
line-height:
1.6em
}
.body_fullscreen .wiki_content .wiki_title {
font-weight:
700
}
.body_fullscreen .wiki_content .wk_table, .body_fullscreen
.wiki_content .wk_audio {
font-family: Lucida Grande, Verdana, Tahoma,
Arial, Sans-Serif, Lucida Sans
}
.body_fullscreen .wiki_content
.wk_table {
line-height: 1.4em
}
.body_fullscreen .wiki_content
.wk_audio {
line-height: normal
}
.body_fullscreen .away_bottom,
.body_fullscreen .service_msg_page {
border: 0
!important
}
.body_only #vk_head, .body_only #zhead, .body_only #mhead,
.body_only #mfoot {
display: none
}
#vk_wrap {
position:
relative
}
#vk_head {
display: none
}
#vk_head .hb_wrap {
border-right: 0
}
#l {
position: absolute;
margin-right:
36px;
display: none
}
#m {
position: relative;
left:
0
}
._lm #lm_cont {
overflow: hidden
}
#m_helper {
display: none
}
.lm_opened #vk_wrap {
overflow:
hidden
}
.lm_opened #l {
position: relative;
display:
block
}
.lm_opened #m {
position: absolute;
margin-left:
-36px;
top: 0;
left: 100%;
box-shadow: inset 1px 0 0 #eee;
z-index: 1;
width: 100%
}
.lm_opened #m .mhead {
border-left: 1px solid #517399;
box-shadow: none
}
.lm_opened #m
.mcont {
box-shadow: none;
border-left: 1px solid
#dfe2e6
}
.lm_opened #m_helper {
position: absolute;
top:
0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
cursor: pointer;
display: block
}
.lmh_logo_wrap {
padding-right: 12px
}
._ivk .lmh_logo_wrap {
padding-right:
0
}
.m_search_items {
background: #fff
}
.m_search_items
.qs_loading {
padding: 48px 12px
}
.m_search_items {
display:
none
}
.qs_opened .mfoot, .qs_opened .m_search_cont {
display:
none
}
.qs_opened .m_search_items {
display: block
}
#z {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom:
0;
display: none;
-ms-user-select: none;
-moz-user-select:
none;
-webkit-user-select: none
}
.z_opened {
background:
#000
}
.z_opened #z {
display: block
}
.z_opened #l, .z_opened
#m, .z_opened #vk_head {
display: none !important
}
.z_opened
#vk_wrap {
position: static
}
#z_photoview, .zpva, .zpv_body,
.zpv_siblings, .zpv_controls, .zpv_thumb_item, .zpv_img, .zpv_zoom_btns,
.zpv_bottom, .zpv_bottom_bg, .zpv_close_msg_wrap {
position:
absolute;
left: 0;
right: 0;
top: 0;
bottom:
0
}
#z_photoview {
background: #000;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.zpv_siblings,
.zpv_controls, .zpv_thumb_item {
overflow:
hidden
}
.zpv_ti_loading {
background:
url(/style/themes/vk/img/zpv_upload.gif?1) no-repeat
center
}
.zpv_ti_loading .zpv_img {
display:
none
}
#zpv_center.zpv_ti_loading {
background: none
!important
}
#zpv_center.zpv_ti_loading .zpv_img {
background:
url(/style/themes/vk/img/zpv_upload.gif?1) no-repeat center;
min-width: 25px;
min-height: 25px
}
.zpv_img {
max-width:
100%;
max-height: 100%;
margin: auto
}
.zpv_upload_box {
border-radius: 4px;
overflow: hidden;
width: 150px;
height:
150px;
margin: auto
}
.zpv_upload_img {
background: #fff
no-repeat center;
background-size: cover;
display:
inline-block;
vertical-align: top;
border-radius: 4px;
width: 100%;
height: 100%
}
.zpvu_progress_wrap {
position:
absolute;
background: #000;
background: rgba(26, 26, 26, .5);
border-radius: 11px;
margin: 0 7px 7px;
padding: 1px;
bottom: 0;
left: 0;
right: 0;
opacity:
1
}
.zpvu_progress {
background: #fff;
background: rgba(255,
255, 255, .95);
visibility: hidden;
border-radius: 9px;
min-width: 9px;
height: 9px
}
.zpv_crop {
display: none;
max-width: 250px;
margin: auto;
height: 0;
padding:
20px
}
.zpv_crop_box {
box-shadow: inset 0 0 0 1px rgba(255, 255,
255, .4), 0 0 0 1500px rgba(0, 0, 0, .4);
padding-top: 100%;
margin-top: -50%;
-moz-transition: box-shadow .75s;
-webkit-transition: box-shadow .75s;
-o-transition: box-shadow .75s;
transition: box-shadow .75s
}
.zpv_crop_loading {
display:
none
}
.zpv_thumb_uploading {
background: #fff
url(/style/themes/vk/img/uploading.gif) no-repeat
center
}
.zpv_thumb_uploading .zpv_upload_img {
background-color:
transparent
}
.thumb_upload .ph_img, .tu_progress_wrap {
-moz-transition: opacity .75s;
-webkit-transition: opacity .75s;
-o-transition: opacity .75s;
transition: opacity
.75s
}
.zpv_crop_saving .zpv_crop_box {
box-shadow: inset 0 0 0
1px rgba(255, 255, 255, .4), 0 0 0 1500px rgba(0, 0, 0,
1)
}
.zpv_crop_saving .zpv_bottom {
z-index:
0
}
.zpv_crop_saving .zpv_bottom .item_button {
cursor:
auto
}
.zpv_crop_saving .zpv_crop_loading {
background:
url(/style/themes/vk/img/zpv_upload.gif?1) no-repeat center;
height:
60px;
display: block
}
.zpv_tags {
position: absolute;
opacity: 0
}
.zpv_tag {
position: absolute;
border: 1px solid
#fff;
margin: -1px 0 0 -1px;
opacity: .3;
z-index: 2;
cursor: pointer
}
.zpv_tag .fill {
border: 1px solid
#000
}
.zpv_tl_wrap {
position: absolute;
left: 50%;
bottom: 0;
width: 150px;
height: 0;
margin-left: -75px;
text-align: center;
visibility: hidden;
overflow:
hidden
}
.zpv_tl {
display: inline-block;
background: rgba(0,
0, 0, .8);
padding: 2px 8px 4px;
margin-top: 5px;
border-radius: 12px;
color: #fff;
box-shadow: 0 0 1px #fff;
max-width: 150px;
z-index: 7;
white-space: nowrap;
overflow:
hidden;
text-overflow: ellipsis
}
.zpv_tl_plain {
color:
#aaa
}
.zpv_tag_selected {
opacity: 1;
z-index:
7
}
.zpv_tag_selected .zpv_tl_wrap {
visibility: visible;
overflow: visible
}
.zpv_siblings, .zpv_img {
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility:
hidden;
backface-visibility: hidden
}
#zpv_left {
-o-transform: translate(-105%, 0);
-ms-transform: translate(-105%,
0);
-moz-transform: translate(-105%, 0);
-webkit-transform:
translate(-105%, 0);
transform: translate(-105%, 0);
-o-transform: translate3d(-105%, 0, 0);
-ms-transform:
translate3d(-105%, 0, 0);
-moz-transform: translate3d(-105%, 0, 0);
-webkit-transform: translate3d(-105%, 0, 0);
transform:
translate3d(-105%, 0, 0)
}
#zpv_right {
-o-transform:
translate(105%, 0);
-ms-transform: translate(105%, 0);
-moz-transform: translate(105%, 0);
-webkit-transform: translate(105%,
0);
transform: translate(105%, 0);
-o-transform:
translate3d(105%, 0, 0);
-ms-transform: translate3d(105%, 0, 0);
-moz-transform: translate3d(105%, 0, 0);
-webkit-transform:
translate3d(105%, 0, 0);
transform: translate3d(105%, 0,
0)
}
.zpv_header {
background: #666;
background: rgba(81, 81,
81, .75);
background: -moz-linear-gradient(top, rgba(81, 81, 81, .75),
rgba(74, 74, 74, .75));
background: -webkit-gradient(linear, 0 0, 0
100%, from(rgba(81, 81, 81, .75)), to(rgba(74, 74, 74, .75)));
background: -o-linear-gradient(rgba(81, 81, 81, .75), rgba(74, 74, 74,
.75));
border-bottom: 1px solid #111;
border-bottom: 1px solid
rgba(67, 67, 67, .85)
}
.zpv_header .hb_wrap {
border:
0
}
.zpv_header .mh_header {
text-align: left;
padding: 12px
14px;
text-shadow: 0 -1px #000;
text-shadow: 0 -1px rgba(0, 0, 0,
.5)
}
.zpv_close_btn {
display: inline-block;
text-align:
center;
border: 0;
cursor: pointer;
font-weight: 700;
float: right;
padding: 13px 12px 12px 13px
}
._hover
.zpv_close_btn:hover, ._touch .zpv_close_btn.hover, ._touch
.zpv_close_btn.active {
text-decoration: none;
background:
-moz-linear-gradient(top, rgba(52, 52, 52, .6), rgba(30, 30, 30, .6));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(52, 52, 52,
.6)), to(rgba(30, 30, 30, .6)));
background:
-o-linear-gradient(rgba(52, 52, 52, .6), rgba(30, 30, 30,
.6))
}
.zpv_bottom {
top: auto
}
.zpv_bottom_body {
position: relative;
overflow: hidden;
zoom: 1;
background:
#666;
background: rgba(61, 61, 61, .75);
background:
-moz-linear-gradient(top, rgba(61, 61, 61, .75), rgba(64, 64, 64, .75));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(61, 61, 61,
.75)), to(rgba(64, 64, 64, .75)));
background:
-o-linear-gradient(rgba(61, 61, 61, .75), rgba(64, 64, 64, .75));
z-index: 1
}
.zpv_photo_desc_wrap {
position: relative;
padding: 0 14px 7px
}
.zpv_photo_desc {
position: relative;
color: #fff;
text-shadow: 0 1px #000;
text-shadow: 0 1px rgba(0,
0, 0, .5);
z-index: 1;
position: relative;
display: block;
display: -webkit-box;
max-height: 3.8em;
-webkit-line-clamp:
3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.zpv_photo_desc a {
color:
#a0bee1
}
.zpv_bottom_bg {
top: -75px;
background:
-moz-linear-gradient(top, rgba(64, 64, 64, 0), rgba(64, 64, 64, .55));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(64, 64, 64,
0)), to(rgba(64, 64, 64, .55)));
background:
-o-linear-gradient(rgba(64, 64, 64, 0), rgba(64, 64, 64,
.55))
}
.zpv_bottom .item_button {
color: #fff;
padding: 13px
10px;
display: block;
text-align: center;
margin: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-shadow: 0 1px
#000;
text-shadow: 0 1px rgba(0, 0, 0, .5)
}
._hover .zpv_bottom
.item_button:hover, ._touch .zpv_bottom .item_button.hover, ._touch
.zpv_bottom .item_button.active {
text-decoration: none;
background: #999;
background: rgba(255, 255, 255, .3);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
text-shadow:
none
}
._hover .zpv_bottom .item_button.item_disabled, ._touch
.zpv_bottom .item_button.item_disabled {
background: 0;
box-shadow: none;
text-shadow: 0 1px #000;
text-shadow: 0 1px
rgba(0, 0, 0, .5)
}
.zpv_values {
border-top: 1px solid #999;
border-top: 1px solid rgba(59, 59, 59, .45)
}
.zpv_values
.row_table_column {
padding: 0;
border-right: 1px solid
#efefef;
border-right: 1px solid rgba(255, 255, 255,
.15)
}
.zpv_values .row_table_last_column {
border-right:
0
}
.zpv_close_icon, .zpv_zb_wrap .i_icon, .zpv_bottom .item_button
.i_icon {
background: url(/style/themes/vk/img/zpv_icons.png?2)
no-repeat;
padding: 2px 18px 2px 0;
margin: 0;
font-weight:
700
}
.zpv_bottom .item_like .i_like {
background-position: 0
center
}
.zpv_bottom .item_likes_me .i_like {
background-position:
-18px center
}
.zpv_bottom .item_replies .i_replies {
background-position: -36px center
}
.zpv_bottom .item_tags .i_tags {
background-position: -72px center
}
.zpv_bottom .item_tags_me .i_tags
{
background-position: -90px center
}
.zpv_bottom .item_button
.i_save {
background-position: -162px center
}
.zpv_bottom
.item_button .i_cancel {
background-position: -180px
center
}
.zpv_bottom .item_button .v_value {
margin: 0 0 0
7px
}
.zpv_bottom .item_likes_me .v_like, .zpv_bottom .item_tags_me
.v_tags {
color: #86c8fb
}
.zpv_bottom .item_disabled {
opacity: .4
}
.zpv_zoom_btns {
left: auto;
margin: auto
10px;
height: 77px;
background: #333;
background: rgba(0, 0,
0, .65);
border-radius: 4px;
box-shadow: 0 0 1px #fff;
overflow: hidden;
z-index: 3
}
.zpv_zoom_btn {
padding: 0
4px;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0,
0)
}
._hover .zpv_zoom_btn:hover, ._touch .zpv_zoom_btn.hover, ._touch
.zpv_zoom_btn.active {
background: #999;
background: rgba(255,
255, 255, .3)
}
._hover .zpv_zoomout:hover, ._touch .zpv_zoomout.hover,
._touch .zpv_zoomout.active {
box-shadow: 0 -1px 0 rgba(255, 255, 255,
.3)
}
.zpv_zoomin .zpv_zb_wrap {
border-bottom: 1px solid
rgba(255, 255, 255, .4)
}
.zpv_zb_wrap {
display: block;
padding: 10px 6px
}
.zpv_zb_wrap .i_icon {
display: block;
padding: 0;
width: 18px;
height: 18px
}
.zpv_zb_disabled {
opacity: .4;
background: none !important;
box-shadow: none
!important
}
.zpv_close_icon {
background-position: -108px
center
}
.zpv_zoomout .i_icon {
background-position: -144px
0
}
.zpv_zoomin .i_icon {
background-position: -126px
0
}
.zpv_close_msg_wrap {
width: 250px;
white-space:
nowrap;
margin: 0 auto;
opacity: 0;
top: -35px;
bottom:
auto;
z-index: 2
}
.zpv_close_msg {
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNp0klkOgCAMRAlncT8sHyaezj2ut8BOrEkpQvI+GN9ASTTe+5aYiZIwCRpiJRw2k3/XmShBvtnpERTEwcGhSrWQNyL7PpQ/pUiGK6/WpUjWBV365Fw61oTLMql9cANmvsTJpxiv0CNpOefxohLk6keWbwpKCBcOdv1AphKlAUFHjAlZlvBHuEeAAQCzksUZZ4XafQAAAABJRU5ErkJggg==)
no-repeat 0 center;
font-size: medium;
display: inline-block;
padding: 12px 0 12px 29px;
color: #fff;
text-shadow: 0 -1px
#000;
text-shadow: 0 -1px rgba(0, 0, 0, .5);
font-weight:
700
}
.zpv_close_move_down {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAwklEQVQoFa2R0Q3CMAxEEyQWoGzASi3sgRgNMQSiwAKMAR+AFO4qnwVtki8sXeOc/exIjSmlUIib+atcPVZATYw5cJYz4c0Lvtt/3+iTS0npqaV+9wXq9EIlGXr52UF3qK00q9QheUDbgN9xgBhPqIXoUQrd1zDeZu5pLqGrGS+cgs0ahmxwEXRG3mga4Yt1Eu4s5zGB4AWB2ixY0wkq56YFIeobHMOoe/xAcCcg4QbSZpI95JuQZzfqBYRP0DEHEf4Aj4BgLf3hdu0AAAAASUVORK5CYII=)
}
.zpv_close_move_up
{
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAwElEQVQoFa2Raw4BMRRGOx4LYCzKAgjWIXYmYhNYgiX4wT+POl/jNm0zhoibnOl99Mx00sp77xqipreFB4zhBHlILKip92CxIxlAti8rGEo6QBmShxD3x4TmCEy6kVtYrlNE2cRSmprFuoBU1qmcxFS6UktS30L5HDJZzc1rRyqVoupZIq/VWMEFJqDaIA1htVbJZ1hWPHQ/XbjnF+XsgquiH/aaWMxC+U4Mw06T8U3v72L/01d//sdey5uPLTP3BFp8aUyiWDueAAAAAElFTkSuQmCC)
}
.zpv_mode_crop
.zpv_img {
min-height: 0;
max-height: none
}
.zpv_mode_crop
.zpv_body {
left: -1000px;
right: -1000px
}
.zpv_mode_upload
.zpv_zoom_btns, .zpv_mode_upload .zpv_img, .zpv_mode_upload .zpv_tags,
.zpv_mode_crop .zpv_zoom_btns, .zpv_mode_crop .zpv_tags {
display:
none
}
.zpv_mode_crop .zpv_crop {
display: block
}
.img0_thumb
{
width: 65px;
height: 12px;
padding: 17px 0;
border:
1px solid #D5DEE7;
background-color: #EDF1F5;
text-align:
center;
color: #D5DEE7
}
.img0_thumb .i_icon {
background:
url(/style/themes/vk/img/zero.gif) no-repeat center -29px;
padding: 0
8px
}
.pi_medias .img0_thumb .i_icon {
display: block;
margin: 0;
height: 12px
}
.img0_thumb .i_photo, .img0_thumb
.i_graffity {
background-position: center -29px
}
.img0_thumb
.i_video {
background-position: center -74px
}
.img0_thumb .i_map
{
background-position: center -263px
}
._ioff .op_img, ._ioff
.op_iwrap, ._ioff .pp_img, ._ioff .pp_iwrap, ._ioff .op_fimg, ._ioff
.pi_img, ._ioff .pi_iwrap, ._ioff .si_img, ._ioff .si_iwrap, ._ioff
.si_thumb, ._ioff .mi_img, ._ioff .mi_iwrap, ._ioff .di_img, ._ioff
.avatar, ._ioff .di_iwrap {
display: none !important
}
._ioff
.answers_grouped_item .pi_img {
display: block !important
}
._ioff
.op_cont, ._ioff .pp_cont, ._ioff .op_fcont, ._ioff .pi_head, ._ioff
.pi_cont, ._ioff .pic_cont, ._ioff .pai_head, ._ioff .wi_cont, ._ioff
.si_body, ._ioff .mi_head, ._ioff .mi_cont, ._ioff .di_cont, ._ioff
.ii_body, ._ioff .ii_btn, ._ioff .msh_head {
margin-left: 0
!important;
min-height: 0 !important
}
._ioff .main, ._ioff .nav1,
._ioff .nav2, ._ioff .mess {
min-height: 0 !important
}
._ioff
.answers_item, ._ioff .apps_feed_item {
min-height: 0
!important
}
._ioff .ii_btn {
padding: 7px !important
}
._ioff
.ii_with_btn .ii_body {
margin-right: 29px
}
._ioff .create_post
.pi_medias {
cursor: auto
}
._ioff .answers_item .pi_img {
width: 15px !important
}
body, input, textarea, select, .button,
.small_button {
font-size: 12px
}
.mh_header, .hp_header,
.op_header, .fi_fat .textfield, .fi_fat .option_label, .fi_value,
.wiki_content .wiki_title, .payments_phone_number, .join_button,
.zpv_values, .field_prefix, .field_inline .email_post {
font-size:
1.17em
}
.mhb_notify, .mm_label, .lfm_item, .fi_header, .profile_menu,
.zpv_close_msg, .mi_gift .mi_text, .app_name_label, .away_page
.wiki_content, .away_page .wiki_cut, .away_page .away_bottom_source,
.away_page .away_bottom_date, .body_fullscreen #mcont {
font-size:
1.08em
}
.sub_header, .slim_header, .button, .small_button, .near_btn,
.small_near_btn, .fi_fat .fi_subrow .option_label, .zpv_close_btn,
.new_item_link, .fi_header_light, .head_panel, #comments,
ul.sort.sort-justified, .text_panel, .bottom_panel, .owner_panel,
.cp_attached_wrap .msh_desc, .away_bottom .item_like, .away_bottom
.item_repost, .email_post_change, .app_inline_item .app_name_label,
.body_fullscreen .away_page .away_bottom_source, .body_fullscreen
.away_page .away_bottom_date, .foot, #content > form
input[type="submit"] {
font-size: 1em
}
.footer_tip,
.mt_label, .album_cnt, .tab_counter, .slim_header_cnt, .si_slabel,
.si_links, .pi_info, .pi_links, .pi_actions, .pic_desc,
.medias_private_album, .medias_thumb .media_action, .app_genre, .msh_desc,
.medias_poll_type, .poll_option_val, .poll_option_line,
.poll_option_line_val, .poll_option_line_pro, .pi_text_more,
.medias_audio_dur, .ai_dur, .si_date, .vv_not_support, .edit_partner_tip,
.selected_names, #zhead, .free_terms_box, .pp_last_activity, .pp_status,
.pp_no_status, .pp_info, .fi_field_sample, .fi_sample_row, .mi_date,
.di_date, .di_title, .di_chat_user, .mi_failed .explain, .mi_medias_plain,
.di_fld, .sp_str, .app_new, .app_label, .ti_count, .ti_info, .fp_label,
.fp_filter, .fp_filter_reset, .sel_desc, .prv_value, .payments_help,
.payments_phone_desc, .login_help, .checkins_cnt, .zpv_tl, .zpv_tag_label,
.away_page .wk_table, .away_page .wk_audio, .thumb_map_wide .mt_label {
font-size: .92em
}
.body_fullscreen .wiki_content .wk_table,
.body_fullscreen .wiki_content .wk_audio {
font-size:
.87em
}
.mt_dur, .mt_count, .thumb_label {
font-size:
.75em
}
.pointer, .i_pointer {
height: 8px
}
.pm_pointer,
.pem_pointer, .pointer_wrap {
margin-top: -9px
}
.pp_pointer
.i_pointer {
left: 42px
}
.pm_pointer .i_pointer {
left:
30px
}
.pem_pointer .i_pointer {
left: 25px
}
.nobr {
white-space: nowrap
}
.mhi_index_logo {
background-position: 16px
center
}
._ivk .mhi_index_logo {
background-position: 12px
center
}
.mm_item {
padding: 11px 9px 11px 12px
}
.mm_counter
{
padding: 4px 6px
}
.mm_item .i_icon, .lfm_item .i_icon {
margin: 0 20px 0 13px
}
.left_footer_menu {
padding: 7px
0
}
.lfm_item {
padding: 9px 9px 9px 12px
}
.notify_panel {
padding: 12px 12px 0
}
.ni_cont {
margin-left:
49px
}
.ni_top .i_gift {
margin-left: 9px;
margin-right:
24px
}
.ni_bottom .i_gift {
margin-left: 17px;
margin-right:
24px
}
.ni_bottom .ni_body, .ni_bottom .ni_close {
padding:
12px
}
.ni_bottom .ni_cont {
margin-left:
57px
}
.ni_birth_pics {
max-height: 40px
}
.ni_birth_img {
width: 40px;
height: 40px
}
.ni_app .ni_body {
padding:
9px
}
.ni_app_img {
width: 40px;
height: 40px;
margin-right: 8px
}
.fit_box .text_panel {
padding:
12px
}
.fit_box .form_item {
padding: 0 12px 16px
}
.fit_box
.fi_row {
padding: 12px 0 0
}
.fit_box .fi_subrow {
padding:
6px 0 0
}
.fit_box .fi_label, .fit_box .fi_blabel {
padding: 0 0
6px
}
.fit_box .fi_sublabel {
padding: 6px 0
}
.fit_box
.fi_row .option_row {
padding: 6px 0
}
.fit_box .fi_row_new {
padding: 20px 0 0
}
.fit_box .fi_one_row {
padding:
12px
}
.fit_box .sub_header, .fit_box .slim_header {
padding-left:
12px
}
.fit_box .sel_row {
padding: 10px 10px 10px
12px
}
.fit_box .sel_sample_item .sel_row {
padding: 14px 10px
14px 12px
}
.fit_box .pm_item, .fit_box .profile_photo_upload {
padding: 12px
}
.pm_item .i_icon {
display: inline
}
.fit_box
.cm_item {
padding: 10px 12px
}
.fit_box .pinfo_row {
margin:
9px 12px
}
.lm_player .audio_item {
padding: 11px
12px
}
.lm_player .ai_play {
margin-left: 6px
}
.lm_player
.ai_body {
margin-left: 57px
}
.lm_player .ai_play, .notify_item
.i_gift, .mm_item .i_icon, .lfm_item .i_icon {
display:
block
}
.owner_panel {
padding-top: 7px
}
.op_img, .op_iwrap
{
width: 40px;
height: 40px;
margin-top: 0
}
.op_cont
{
margin-left: 47px;
min-height: 40px
}
.op_info {
padding-top: 4px
}
.pp_img, .pp_iwrap {
width: 75px;
height:
75px;
margin: 0 8px 0 0
}
.pp_cont {
margin-left: 83px;
min-height: 75px
}
.op_fimg {
width: 50px;
height: 50px;
margin: 0 8px 0 0
}
.op_fcont {
margin-left: 58px;
min-height: 50px
}
.fit_box .owner_panel {
padding:
12px
}
.fit_box .op_block {
padding: 12px 0
0
}
.profile_photos_block {
margin: 5px 5px
10px
}
.inline_fit_item, .ii_btn {
padding: 7px
12px
}
.ii_with_btn .ii_body {
margin-right: 39px
}
.fit_box
.radio_items {
padding: 5px 0
}
.fit_box .radio_item {
padding: 4px 12px
}
.fit_box .ri_radio {
margin-right:
7px
}
.simple_fit_item .si_img, .simple_fit_item .si_iwrap {
width: 40px;
height: 40px
}
.simple_fit_item .si_thumb {
width: 40px
}
.simple_fit_item .si_body {
margin-left: 47px;
min-height: 42px
}
.simple_fit_item .si_links {
padding: 4px 0
0
}
.pi_img, .pi_iwrap {
width: 40px;
height:
40px
}
.pi_cont {
margin-left: 47px;
min-height:
42px
}
.pi_head {
margin-left: 0
}
.pi_body {
clear:
none
}
.pi_last_replies .pi_img, .pi_last_replies .pi_iwrap {
display: block
}
.pi_last_replies .pi_cont {
margin-left:
39px
}
.pi_medias_owners .ii_img {
width: 32px;
height:
32px
}
.pi_medias_owners .ii_body {
min-height: 32px;
white-space: nowrap
}
.pic_img {
display: block
}
.pic_cont
{
margin-left: 39px;
min-height: 32px
}
.pi_last_replies,
.pic_body_full, .pic_copyof {
padding-left: 8px
}
.comment_item
.pi_img, .comment_item .pi_iwrap {
width: 32px;
height:
32px
}
.comment_item .pi_cont {
margin-left: 39px;
min-height: 34px
}
.pai_img, .pai_right_img {
width: 40px;
height: 40px
}
.pai_head {
margin-left: 47px;
min-height:
40px
}
.pai_right_img {
display: block
}
.pai_has_thumb
.pai_head {
margin-right: 47px
}
.wi_img {
width: 40px;
height: 40px
}
.wi_cont {
margin-left: 47px;
margin-right:
36px;
min-height: 40px
}
.wi_author, .wi_info {
white-space:
nowrap;
padding: 2px 0 0
}
.wall_item {
position:
relative
}
.wi_actions_wrap, .wi_actions {
position: absolute;
width: 100%
}
.wi_actions_wrap .pointer {
display:
block
}
.wi_actions {
padding: 4px 0;
background-color:
#fff;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid
#d6d6d6;
box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
}
.wia_item {
padding: 7px 10px;
white-space: nowrap
}
.wi_actions_btn {
position: absolute;
padding: 0 7px;
margin:
0
}
.wi_actions_btn .i_icon {
display: inline-block;
background-position: -134px center;
padding: 0 22px 0 0;
height:
40px
}
.wi_actions_opened .wi_actions_btn .i_icon {
background-position: -134px center
}
.wi_buttons {
padding-top:
6px
}
.wi_buttons .item_like, .wi_buttons .item_action, .wi_buttons
.item_share, .wi_buttons_ex .item_btn {
float: right;
margin-left: 6px;
margin-right: 0
}
.wi_buttons_ex .item_info {
display: block
}
.wi_buttons_ex .wi_actions_btn {
padding: 0
7px
}
.wi_body {
padding-top: 3px
}
.wi_body.wi_no_text {
margin-top: -10px
}
.wall_item .pi_medias {
padding:
0
}
.wall_item .medias_row {
padding-top: 10px
}
.wall_item
.medias_link {
display: block;
margin-top: 0
}
.wall_item
.medias_link_icon {
background-color: #ebebeb;
display: block;
float: left;
margin: 0 7px 0 0;
border-radius:
3px
}
.wall_item .medias_row .i_icon {
background-image:
url(/style/themes/vk/img/media_thumbs.png?1);
float: left;
width:
24px;
height: 24px;
margin: 8px;
padding: 0
}
.wall_item
.medias_link_label, .wall_item .medias_link_labeled {
display:
none
}
.wall_item .medias_link_title, .wall_item .medias_link_desc,
.wall_item .medias_audio_artist, .wall_item .medias_audio_title {
display: block;
padding-top: 3px;
white-space:
nowrap
}
.wall_item .medias_link_title {
color:
#000
}
.wall_item .medias_link_desc {
font-size:
.92em
}
.wall_item .medias_audio_dur {
float: right;
display:
block
}
.wall_item .medias_audio_title .medias_audio_dur {
display: none
}
.wall_item .medias_link_btn {
display:
none
}
.wall_item .medias_audio .divider {
display:
none
}
._hover .wall_item .medias_link:hover .medias_link_labeled {
text-decoration: none
}
.medias_share .sh_img {
padding-top: 0;
width: 40px;
height: 40px
}
.msh_cont {
min-height:
40px
}
.msh_head {
margin-left: 47px
}
.mlt_thumb {
display: block
}
.mlt_cont {
min-height: 90px
}
.mi_img,
.mi_iwrap {
width: 40px;
height: 40px
}
.mi_cont {
margin-left: 47px;
min-height: 42px
}
.mi_head {
margin-left:
0
}
.mi_body {
clear: none
}
.di_img, .di_iwrap, .avatar {
width: 50px;
height: 50px
}
.di_cont {
margin-left: 57px;
min-height: 52px
}
.di_date, .di_head {
padding: 2px
0
}
.di_unread_outbox .di_body {
padding: 3px 7px;
margin-top: 7px
}
.di_unread_cnt {
border-radius: 4px;
float:
right;
clear: right;
margin-top: 10px;
padding: 3px 6px;
line-height: 1.3em
}
.dmi_l {
padding-right: 1px
}
.dmi_r {
padding-left: 1px
}
.dmi_lt, .dmi_rt {
padding-bottom:
1px
}
.dmi_lb, .dmi_rb {
padding-top: 1px
}
.head_actions
.cm_item {
padding: 10px 7px
}
.album_items {
padding: 7px 0
0
}
.album_item {
display: block;
border-bottom: 0;
padding: 0 7px 7px
}
.album_thumb_wrap {
position: relative;
padding-top: 66.66%
}
.album_item .album_thumb {
position:
absolute;
background: #efefef;
overflow: hidden;
max-height:
none
}
.album_item .album_name {
color: #fff;
padding: 5px
7px;
position: absolute;
overflow: hidden;
background:
#000;
background: rgba(0, 0, 0, .5);
white-space:
nowrap
}
.album_item .album_desc, .album_item .album_count {
display: none
}
.album_item .album_cnt {
display:
block
}
.emojis_list, .emojis_item {
padding:
6px
}
.emojis_thumb {
width: 64px;
height:
64px
}
.emojis_thumb .th_img {
height: 64px
}
.emojis_thumb
{
width: 70px;
height: 70px
}
.emojis_body {
margin-left: 77px;
min-height: 70px
}
.emojis_name {
padding-top: 2px
}
.emojis_author {
padding-top:
3px
}
.emojis_price {
padding: 7px 0 4px
}
.sp_str {
padding: 4px 6px
}
.emojis_my .emojis_thumb {
width: 51px;
height: 51px
}
.emojis_my .emojis_body {
margin-left: 58px;
min-height: 51px
}
.app_item .th_img {
width: 55px;
height:
55px;
border-radius: 4px
}
.app_body {
margin-left: 62px;
min-height: 57px
}
.app_name {
padding-top: 4px
}
.app_genre,
.app_label {
padding-top: 3px
}
.app_friends {
padding-top:
6px;
height: 30px;
display: block
}
.app_friends .ph_img {
width: 30px;
height: 30px;
border-radius:
50%
}
.video_thumb, .video_thumb .th_img {
width: 75px;
height: 55px
}
.vi_body {
margin-left: 82px;
min-height:
55px
}
.pp_edit_status .i_pointer {
left: 18px
}
.create_post
.pi_img, .create_post .pi_iwrap {
display: block
}
.create_post
.pi_cont .textfield {
height: 3.6em
}
.answers_item,
.apps_feed_item {
position: relative
}
.answers_item
.has_row_photo, .apps_feed_item .has_app_photo {
padding-right:
47px
}
.answers_item .medias_thumb .grouped_img {
width: 32px;
height: 32px
}
.apps_feed_item {
min-height:
40px
}
.answers_item .row_photo, .apps_feed_item .app_photo {
position: absolute;
margin: 7px;
max-height:
40px
}
.answers_item .row_photo .th_img, .answers_item .row_photo
.img0_thumb {
max-width: 50px
}
.apps_feed_item .app_photo {
display: block
}
.answers_item .pi_iwrap .i_icon {
display:
block
}
.answer_reply {
padding-left: 7px
}
.answer_reply
.pi_img, .answer_reply .pi_iwrap {
display: block
}
.answer_reply
.pi_cont {
margin-left: 39px
}
.answers_item .pointer {
margin-top: 0
}
.answers_item .i_pointer {
left:
14px
}
.app_inline_item .th_img {
width: 40px;
height:
40px;
display: block
}
.app_inline_item .aii_cont {
min-height: 40px
}
.app_inline_item .app_name {
margin-left:
47px;
padding-top: 2px
}
.privacy_item {
padding: 10px
12px
}
.search_item .si_img, .search_item .si_iwrap {
width:
50px;
height: 50px
}
.search_item .si_body {
margin-left:
57px;
min-height: 52px
}
.fit_box .wiki_content {
padding:
16px 12px
}
.away_bottom {
padding: 0 12px 7px
}
.away_bottom
.i_like, .away_bottom .i_repost {
display: inline
}
.poll_block
.medias_poll_title {
padding: 12px 5px 3px;
margin: 0
7px
}
.poll_block .medias_poll_body {
padding: 7px 5px 12px;
margin: 0 7px
}
.apps_access_icon {
display:
block
}
.apps_access_item_info {
padding-left: 42px
}
.button,
#content > form input[type="submit"] {
padding: 8px
16px
}
#content > form > input[type="submit"] {
margin-top: 8px
}
.near_btn {
padding: 8px
12px
}
.small_button {
padding: 5px 8px
}
.small_near_btn {
padding: 5px 7px
}
.hb_btn {
padding: 12px 0
}
.mhb_home {
width: 43px
}
.mhi_home {
background-image:
url(/style/themes/vk/img/logo.png?2)
}
.mhi_vkhome {
background-image: url(/style/themes/vk/img/vk_logo.png?2)
}
.mhb_notify
{
padding-left: 8px;
padding-right: 7px;
max-height:
3.318em
}
.mhb_no_notify {
width: 18px;
padding-left: 13px;
padding-right: 12px
}
.mh_notify_counter {
padding-left:
6px
}
.mhi_notify {
background-image:
url(/style/themes/vk/img/notify.png?4);
padding-left:
17px
}
.mhb_no_notify .mhi_notify {
background-image:
url(/style/themes/vk/img/no_notify.png?4)
}
.mhb_back {
padding-left: 10px;
padding-right: 5px
}
.mhi_back {
background-image: url(/style/themes/vk/img/back.png?3);
padding-left:
16px
}
.mhb_logo {
padding-left: 9px;
padding-right:
9px
}
.mhi_logo {
background-image:
url(/style/themes/vk/img/logo.png?2)
}
.mhi_search {
background-image:
url(/style/themes/vk/img/search_icon.png?4)
}
.mhu_img, .mhu_iwrap {
width: 32px;
height: 32px
}
._ivk .mhb_logo {
padding-left:
6px
}
._ivk .mhi_logo {
background-image:
url(/style/themes/vk/img/vkn_logo.png?1)
}
._ivk .mhb_home {
width: 51px
}
._ivk .mhi_home {
background-image:
url(/style/themes/vk/img/vkn_logo.png?1)
}
._lm .mhi_home {
background-image: url(/style/themes/vk/img/menu.png?2)
}
._lm .mhb_home
{
width: 43px
}
.head_search {
padding: 8px 7px
7px
}
.head_search .row_table_last_column {
padding-left:
7px
}
.head_search .textfield {
padding: 7px 24px 6px
28px
}
.head_search .iwrap {
margin: 0 52px 0 0
}
.head_search
.i_search {
background-image:
url(/style/themes/vk/img/search_icons.png?2);
background-position: 9px
center;
width: 29px
}
.head_search .button {
padding: 7px 5px
6px !important
}
.qsearch .clear_btn {
background-image:
url(/style/themes/vk/img/search_icons.png?2);
width:
29px
}
.cp_icon_btn .i_icon {
background-image:
url(/style/themes/vk/img/attach_icons.png?4);
width: 32px;
height: 32px
}
.cp_geo_waiting .i_icon_loading {
margin: 5px
6px;
height: 22px
}
.cp_attach_btn .i_icon {
background-position: -224px center
}
.cp_attach_btn_sel .i_icon {
background-position: -256px center
}
.cp_inline_attach_btn .i_icon {
background-position: 0 center
}
.cp_geo_btn .i_icon {
background-position: -64px center
}
.cp_geo_btn_sel .i_icon {
background-position: -96px center
}
.cp_options_btn .i_icon {
background-image: url(/style/themes/vk/img/attach_icons.png?4);
background-position: -134px center;
padding: 4px
10px
}
.cp_options_btn_sel .i_icon {
background-position: -166px
center
}
.cp_emojis_btn .i_icon {
background-position: -288px
center
}
.cp_emojis_btn_sel .i_icon {
background-position: -320px
center
}
.away_bottom .item_like, .away_bottom .item_repost {
padding-left: 14px;
padding-right: 14px
}
.qsearch .button {
padding: 6px 7px
}
#l {
margin-right: 44px
}
.lm_opened #m {
margin-left: -44px
}
@media only screen and
(-webkit-min-device-pixel-ratio: 2), only screen and
(min-device-pixel-ratio: 2) {
.near_btn {
padding-top: 7px
}
.small_near_btn {
padding-top: 5px
}
}
.wk_from_group {
text-align: center;
padding:
10px
}
.wk_right {
padding-right: 1px;
text-align:
right
}
.wk_gray, ul.listing li span .wk_gray {
color:
#777
}
.listing {
list-style: square;
padding-left: 3em;
color: #758EAC;
margin: 0 0 15px
}
ul.listing li span {
color: #000
}
a.wk_ext_link {
border-bottom: 1px dashed #A7B7C9;
padding-right: 10px;
background-image:
url(/style/themes/vk/img/wikiextarr.gif);
background-repeat:
no-repeat;
background-position: right center
}
a.wk_ext_link:hover
{
text-decoration: none;
border-bottom: 1px solid
#A7B7C9
}
a.wk_ext_link_wpreview {
background: #E1E7ED
!important;
padding: 1px 3px
}
a.wk_vk_link {
border-bottom:
1px dashed #A7B7C9
}
a.wk_vk_link:hover {
text-decoration: none;
border-bottom: 1px solid #A7B7C9
}
.wk_header, .wk_sub_header {
color: #45688E;
font-size: 1.09em;
font-weight: 700;
margin-bottom: 5px;
border-bottom: 1px solid
#DAE1E8
}
.wk_sub_header {
font-size: 1em
}
.wk_sub_sub_header
{
color: #45688E;
font-size: 1em;
font-weight: 700;
margin-bottom: 5px
}
.wk_table {
border: 1px solid #DEE4E8;
border-right: 0;
border-top: 0;
padding: 0;
margin: 0 auto
10px;
width: 100%
}
.wk_table td {
border-top: 1px solid
#DEE4E8;
border-right: 1px solid #DEE4E8;
vertical-align: top;
padding: 5px;
margin: 0
}
.wk_table th {
background-color:
#F5F7F8;
border: 0;
margin: 0;
border-top: 1px solid
#DEE4E8;
border-right: 1px solid #DEE4E8;
padding: 5px;
text-align: left
}
.wk_table td.wk_cell_no_padding, .wk_table
th.wk_cell_no_padding {
padding: 0
}
.wk_table caption {
padding: 6px
}
.wk_table.wk_table_no_border, .wk_table_no_border >
tbody > tr > td, .wk_table_no_border > tbody > tr > th {
border: 0
}
.wk_table.wk_table_no_margin {
margin-left: 0;
margin-right: 0;
width: 100%
}
.wk_table.wk_table_fixed {
margin-left: 0;
margin-right: 0;
width: auto
}
.wk_table
.audio_item td {
border: 0;
padding: 0;
margin:
0
}
.wk_table_alt {
border-color: #E9EDF0
}
.wk_table_alt th
{
padding: 7px 8px 9px 5px;
background-color: #E9EDF0;
color: #587183;
border: 0
}
.wk_table_alt tr {
border-left:
1px solid #E9EDF0;
border-right: 1px solid #E9EDF0
}
.wk_table_alt
tr.even {
background-color: #F5F7F7
}
.wk_table_alt td {
padding: 8px 5px;
border: 0
}
.wk_table_alt th:first-child,
.wk_table_alt td:first-child {
padding-left: 10px
!important
}
.wk_table_alt_desktop {
display:
none
}
.wk_mobile_no_padding {
padding: 0
!important
}
.wk_medal_gold, .wk_medal_silver, .wk_medal_bronze {
margin: 0 auto;
background: url(/style/themes/vk/img/medals.png)
no-repeat 0 0;
width: 16px;
height: 16px
}
.wk_medal_silver
{
background-position: -16px 0
}
.wk_medal_bronze {
background-position: -32px 0
}
.wk_hider_header {
color:
#2B587A;
background-color: #F5F7F8;
font-weight: 700;
background-repeat: no-repeat;
background-position: left center;
padding-left: 24px
}
.wk_hider_opened .wk_hider_header,
.wk_hider_box_opened .wk_hider_header {
background-image:
url(/style/themes/vk/img/light_arrow_open.gif);
border-bottom: 1px
solid #ECF0F2
}
.wk_hider_box .wk_hider_header {
background-image:
url(/style/themes/vk/img/light_arrow_shut.gif);
border-bottom:
0
}
.wk_hider_body {
padding: 10px
}
.wk_hider_box
.wk_hider_body {
display: none
}
.wk_hider_box,
.wk_hider_box_opened {
border: 1px solid #DEE4E8;
margin: 5px
auto
}
.wk_hider_table {
width: 90%;
border:
0
}
.wk_hider_table .wk_hider_header {
border: 1px solid
#DEE4E8
}
.wk_hider_table .wk_hider_body {
padding: 0;
margin-top: -1px
}
.wk_hider_table .wk_table {
border-top: 0;
margin: 0;
width: 100%
}
.wk_hider_title {
color: #2B587A;
cursor: pointer;
padding: 5px 0;
width: 100%
}
a.wk_photo
img, a.wk_photo_no_border img, img.wk_photo, img.wk_photo_no_border {
vertical-align: middle;
background-color: #FFF;
margin: 3px 6px
3px 0
}
img.wk_photo_no_padding {
vertical-align:
top
}
.wk_photo_no_padding img {
vertical-align:
middle
}
a.wk_photo img, a.wk_photo_no_border img, img.wk_photo,
img.wk_photo_no_border, img.wk_photo_no_padding, .wk_photo_no_padding img
{
max-width: 100%;
height: auto !important
}
.wk_video img
{
vertical-align: top;
background-color: #FFF;
margin: 3px
6px 3px 0;
width: 160px;
height: 120px
}
.wk_diff_add {
background: #DFD
}
.wk_diff_add_block {
overflow: hidden;
background: #EFE
}
.wk_diff_add_block td {
background:
#F6FFF6
}
.wk_diff_remove {
background:
#FDD
}
.wk_diff_remove_block {
overflow: hidden;
background:
#FEE
}
.wk_diff_remove_block td {
background:
#FFF6F6
}
.wk_diff_arrow {
background: #FEF
}
.wiki_body
blockquote {
padding: 10px;
border-left: 9px solid #C9D8DF;
border-bottom: 2px solid #EBEFF2;
background-color: #F5F7F8;
margin: 10px 0 0
}
.wiki_body pre {
white-space:
pre-wrap
}
.wiki_body dl dd {
margin-left: 2em
}
.wk_no_page
{
margin: 20px;
text-align: center;
font-size: 1.09em;
color: gray
}
hr {
border: 0;
border-bottom: 1px solid
#DAE1E8;
color: #DAE1E8;
height: 1px
}
.wk_doc_thumb {
width: 130px;
min-height: 30px;
background: #000;
text-align: center;
display: inline-block
}
.wk_doc {
display: inline-block;
margin: 5px 10px 5px 0;
position:
relative
}
.wk_doc_thumb_hint {
width: 120px;
text-align:
center;
color: #fff;
background: rgba(0, 0, 0, .5);
position: absolute;
margin-top: -18px;
height: 14px;
padding: 2px 5px;
font-size: .81em;
margin-bottom: 5px;
z-index: 1
}
.wk_doc a {
text-decoration: none;
color:
#777
}
.wk_doc .a {
color: #2B587A
}
.wk_doc a:hover .a {
text-decoration: underline
}
.wk_doc_icon {
width: 15px;
height: 11px;
margin-top: 3px;
background:
url(/style/themes/vk/img/icons/mono_iconset.png?1) no-repeat 0
-280px
}
.listing, ol {
padding-bottom: 0;
margin-bottom:
0
}
.wk_comment {
display: none
}
a.wk_photo_right,
img.wk_photo_right {
margin: 5px 0 5px 15px;
display: block;
float: right
}
a.wk_photo_left, img.wk_photo_left {
margin: 5px
15px 5px 0;
display: block;
float: left
}
a.wk_photo_right
img {
margin: 0;
float: right
}
a.wk_photo_left img {
margin: 0;
float: left
}
a.wk_photo_no_padding,
img.wk_photo_no_padding {
margin: 0
}
a.wk_photo_right,
img.wk_photo_right, a.wk_photo_left, img.wk_photo_left {
max-width:
40%
}
.alex {
color: #4C6B8F;
text-decoration: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
cursor: pointer;
}
#content > div.nav2 > a > img, #content
> div.nav1 > a > img {
max-width: 50px;
vertical-align:
middle
}
.mail_search_button {
position: absolute;
top:
3px;
right: 0;
width: .95em;
height: 1.6em;
padding:
5px .92em;
background: url(/style/themes/vk/img/send.svg) no-repeat;
border: 0px;
outline: none;
}
.mail_search_button:hover {
cursor: pointer;
opacity: .5;
}
.star_button:before {
content: '';
display: block;
width: 15px;
height: 15px;
background-size: 15px;
background-repeat: no-repeat;
background-image:
url(/style/themes/vk/img/star_white.png);
}
.star_button:before {
display: inline-block;
vertical-align: middle;
margin-top:
-3px;
margin-right: 3px;
}
.row_table_last_column {
white-space: nowrap;
}
.dialogs_filter_button_important {
display:
inline-block;
margin-left: 7px;
box-sizing: border-box;
padding-left: 10px !important;
padding-right: 10px
!important;
}
.cp_icon_btn {
background:
url(/style/themes/vk/img/attach_icons.png?4) no-repeat;
background-position: -224px 9px;
display: block;
outline: 0;
float: right;
width: 32px;
height: 32px;
zoom: 1;
position: relative;
}
.mi_selected {
position:
relative;
}
.di_unread_inbox, .mi_selected, .mi_unread {
background-color: #edf1f5;
border-bottom: 1px solid #dfe5eb;
border-top: 1px solid #dfe5eb;
margin-top:
-1px;
}
.mi_selected:before {
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
z-index:
100;
top: 27px;
right: 8px;
background-image:
url(/style/themes/vk/img/msg_check.png);
background-repeat:
no-repeat;
background-size: 16px 36px;
}
.ai_download {
background: #5e80aa;
width: 24px;
border-radius: 2px;
display: block;
float: right;
margin: 1px 0px 0px
7px
}
.i_download {
background:
url(/mail/resource/images/load.png) no-repeat;
background-position:
6px 4px;
float: left;
width: 24px;
height:
22px;
}
img.m.p16 {
margin: 0 4px -3px 0;
}
.no-radius {
border-radius: 0px
}
.listVIP {
display: block;
text-align:
center;
padding: 3px 3px;
margin: auto;
position:
relative;
border-bottom: 1px solid #efefef;
}
.listVIPava {
display: inline-block;
position: relative;
border-radius: 50%;
border: 3px solid #fff;
background: transparent;
box-shadow:
inset 0 0 0 1px rgba(0, 0, 0, .15), inset 0 0 2px 0 rgba(0, 0, 0, .2);
background-size: contain;
width: 50px;
height:
50px;
}
.listVIPava > a {
height: inherit;
width:
inherit;
display: block;
cursor: pointer;
}
.listVIPava >
a:hover {
background: rgba(255, 255, 255, 0.4);
}
.emojibtn:hover,
.emojis_item:hover .emojibtn {
background: #d5dde5;
text-decoration: none;
border-radius: 2px;
}
.emojibtn {
display: inline-block;
zoom: 1;
padding: 3px 2px;
}
.emojibtn
img {
vertical-align: top;
}
form button[name="emoji"]
{
width: 26px;
height: 26px;
float: right;
outline:
none;
margin-top: 7px;
cursor: pointer;
border: 0px;
background: url("/style/emoji/263a.png") no-repeat;
}
form
button[name="emoji"]:hover {
width: 26px;
height:
26px;
float: right;
outline: none;
margin-top: 7px;
cursor: pointer;
border: 0px;
background:
url("/style/emoji/1f609.png") no-repeat;
}
.audio_next,
.audio_prev {
padding: 4px 0px;
cursor: pointer;
opacity:
0.8;
float: left;
border: none;
outline: none;
background: none;
margin: 0;
position: relative;
z-index:
9999;
}
.audio_next:hover, .audio_prev:hover {
opacity:
1
}
.audio_prev {
margin-left: 10px;
}
.audio_next {
margin-right: 10px;
}
.audio_next .icon, .audio_prev .icon {
display: block;
width: 10px;
height: 24px;
background-repeat: no-repeat;
background-position:
50%;
}
.audio_prev .icon {
background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%2240%209%209%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M42%2013.05V9.5c0-.27-.2-.5-.5-.5h-1c-.27%200-.5.23-.5.5v9c0%20.27.2.5.5.5h1c.27%200%20.5-.23.5-.5v-3.55l6.15%203.9c.47.3.85.1.85-.45V9.6c0-.55-.38-.75-.85-.45L42%2013.05z%22%20fill%3D%22%235E80A7%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")
}
.audio_next
.icon {
background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%2259%209%209%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M66%2013.05V9.5c0-.27.2-.5.5-.5h1c.27%200%20.5.23.5.5v9c0%20.27-.2.5-.5.5h-1c-.27%200-.5-.23-.5-.5v-3.55l-6.15%203.9c-.47.3-.85.1-.85-.45V9.6c0-.55.38-.75.85-.45l6.15%203.9z%22%20fill%3D%22%235E80A7%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")
}
.eltt.eltt_vis
{
opacity: 1;
pointer-events: all;
}
.eltt {
background-color: #fff;
min-width: 60px;
border: 1px solid
#c5d0db;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0, 0, 0,
.1);
opacity: 0;
cursor: default;
z-index: 110;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
display: block;
pointer-events: none;
-o-transition: opacity 100ms linear, margin
100ms ease;
transition: opacity 100ms linear, margin 100ms ease;
padding: 5px;
margin-top: 10px;
}
.eltt:after, .eltt:before {
position: absolute;
pointer-events: none;
border: solid
transparent;
content: '';
height: 0;
width: 0;
bottom:
100%;
left: 34px;
}
.eltt:before {
border-width: 8px;
margin: 0 -6px;
border-bottom-color: #c5d0db;
}
.eltt:after {
border-width: 7px;
margin: 0 -5px;
border-bottom-color:
#fff;
}
.eltt b, .eltt strong {
-webkit-font-smoothing:
antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ytp-button {
border: none;
background-color: transparent;
padding: 0;
color: inherit;
text-align: inherit;
font-size: 100%;
font-family: inherit;
cursor: default;
line-height:
inherit;
}
.ytp-large-play-button {
position: absolute;
left:
50%;
top: 50%;
width: 68px;
height: 48px;
margin-left:
-34px;
margin-top: -24px;
-moz-transition: opacity .25s
cubic-bezier(0.0, 0.0, 0.2, 1);
-webkit-transition: opacity .25s
cubic-bezier(0.0, 0.0, 0.2, 1);
transition: opacity .25s
cubic-bezier(0.0, 0.0, 0.2, 1);
z-index:
63;
}
.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true])
{
cursor: pointer;
}
.ytp-button:focus, .ytp-button {
outline: 0;
}
.ytp-large-play-button svg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width:
100%;
}
.ytp-large-play-button-bg {
-moz-transition: fill .1s
cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1,
1);
-webkit-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1),
fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
transition: fill .1s
cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1,
1);
fill: #212121;
fill-opacity:
.8;
}
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg {
-moz-transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s
cubic-bezier(0.0, 0.0, 0.2, 1);
-webkit-transition: fill .1s
cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0,
0.2, 1);
transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1),
fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
fill: #f00;
fill-opacity: 1;
}
.ytp-cued-thumbnail-overlay {
position:
absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
-moz-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
-webkit-transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
cursor:
pointer;
}
.unstarted-mode:not(.playing-mode)
.ytp-cued-thumbnail-overlay:not([aria-hidden=true]), .ended-mode
.ytp-cued-thumbnail-overlay:not([aria-hidden=true]) {
cursor:
pointer;
}
.ytp-cued-thumbnail-overlay-image {
background-size:
cover;
-moz-background-size: cover;
-webkit-background-size:
cover;
background-position: center;
background-repeat:
no-repeat;
width: 100%;
height: 100%;
position:
absolute;
}
.html5-video-player {
position: relative;
width:
100%;
height: 350px;
overflow: hidden;
outline: 0;
font-family: "YouTube Noto", Roboto, Arial, Helvetica,
sans-serif;
color: #eee;
text-align: left;
direction: ltr;
font-size: 11px;
line-height: 1.3;
-webkit-font-smoothing:
antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
touch-action: manipulation;
contain: strict;
-ms-high-contrast-adjust: none;
}
.notification {
display:
-webkit-flex;
display: -ms-flexbox;
display: flex;
position:
relative;
}
.notification a {
position:
relative;
}
.notification__avatar .avatar {
float:
none
}
.notification__left {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right:
8px;
}
.notification__right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.notification__fillLink
{
position: absolute !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.notification__avatar {
display:
block;
position: relative;
}
.notification__center {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0px !important
}
.notification__media {
display: block;
width: 48px;
height: 48px;
margin-left: 8px;
border-radius: 2px;
background-size: cover;
background-position:
50%;
background-repeat: no-repeat;
}
.notification__avatarIcon {
position: absolute;
right: -2px;
bottom:
-2px;
}
.notification__avatarIcon.icon {
display:
block;
}
.icon_notify_mini_birthday, .icon_notify_mini_error,
.icon_notify_mini_comment, .icon_notify_mini_follow,
.icon_notify_mini_friend_accepted, .icon_notify_mini_gift,
.icon_notify_mini_interesting, .icon_notify_mini_invite_app,
.icon_notify_mini_invite_group, .icon_notify_mini_invite_group_accepted,
.icon_notify_mini_like, .icon_notify_mini_live, .icon_notify_mini_mention,
.icon_notify_mini_new_post, .icon_notify_mini_photo_tag,
.icon_notify_mini_private_post, .icon_notify_mini_repost,
.icon_notify_mini_request_money, .icon_notify_mini_story_reply,
.icon_notify_mini_transfer_money,
.icon_notify_mini_transfer_money_cancelled,
.icon_notify_mini_transfer_votes, .icon_notify_mini_wall {
width:
20px;
height: 20px;
}
.notification__avatarIcon.icon:before {
content: '';
display: block;
background-size: 100%;
background-repeat: no-repeat;
}
.icon_notify_mini_birthday:before,
.icon_notify_mini_error:before, .icon_notify_mini_comment:before,
.icon_notify_mini_follow:before, .icon_notify_mini_friend_accepted:before,
.icon_notify_mini_gift:before, .icon_notify_mini_interesting:before,
.icon_notify_mini_invite_app:before, .icon_notify_mini_invite_group:before,
.icon_notify_mini_invite_group_accepted:before,
.icon_notify_mini_like:before, .icon_notify_mini_live:before,
.icon_notify_mini_mention:before, .icon_notify_mini_new_post:before,
.icon_notify_mini_photo_tag:before, .icon_notify_mini_private_post:before,
.icon_notify_mini_repost:before, .icon_notify_mini_request_money:before,
.icon_notify_mini_story_reply:before,
.icon_notify_mini_transfer_money:before,
.icon_notify_mini_transfer_money_cancelled:before,
.icon_notify_mini_transfer_votes:before, .icon_notify_mini_wall:before {
width: 20px;
height: 20px;
background-image:
url(img/notifications_mini.png?6);
}
.icon_notify_mini_like:before {
background-position: 0 0
}
.icon_notify_mini_error:before {
background-position: 0 -320px
}
.icon_notify_mini_repost:before {
background-position: 0 -20px
}
.icon_notify_mini_mention:before {
background-position: 0 -80px
}
.icon_notify_mini_follow:before {
background-position: 0
-100px
}
.icon_notify_mini_friend_accepted:before,
.icon_notify_mini_invite_group_accepted:before {
background-position:
0 -120px
}
.icon_notify_mini_invite_group:before {
background-position: 0 -160px
}
.icon_notify_mini_invite_app:before {
background-position: 0 -180px
}
.icon_notify_mini_wall:before {
background-position: 0 -200px
}
.icon_notify_mini_new_post:before {
background-position: 0
-220px
}
.icon_notify_mini_transfer_money:before {
background-position: 0
-260px
}
.icon_notify_mini_transfer_money_cancelled:before {
background-position: 0 -280px
}
.icon_notify_mini_transfer_votes:before
{
background-position: 0 -300px
}
.icon_notify_mini_gift:before
{
background-position: 0
-340px
}
.icon_notify_mini_photo_tag:before {
background-position:
0 -360px
}
.icon_notify_mini_live:before {
background-position: 0
-380px
}
.icon_notify_mini_birthday:before {
background-position:
0 -420px
}
.icon_notify_mini_interesting:before {
background-position: 0 -460px
}
.icon_notify_mini_request_money:before
{
background-position: 0 -480px
}
.icon_notify_mini_comment:before
{
background-position: 0
-500px
}
.icon_notify_mini_private_post:before {
background-position: 0 -520px
}
.icon_notify_mini_story_reply:before
{
background-position: 0 -540px
}
i.gender-ico {
display:
inline-block;
width: 18px;
height: 14px;
background:
url(/style/icons/sex.png);
margin: 0 5px 0
0;
}
i.gender-ico.gender-ico-male {
background-position: 0
0;
}
i.gender-ico.gender-ico-female {
background-position: -21px
0px;
}
.verified {
background-image:
url(/style/icons/verified.png);
background-size: 20px;
background-repeat: no-repeat;
width: 17px;
min-width: 17px;
height: 16px;
display: inline-block;
vertical-align: bottom;
padding: 0;
margin: -2px 0 -1px 1px;
zoom: 1;
}
.wall_item
.medias_thumbs .thumbs_map_wrap {
margin: 0
auto;
}
.thumb_map_img_as_div {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position:
50%;
background-repeat: no-repeat;
margin:
0!important;
}
.wall_item .medias_thumbs .thumb_map_img {
display:
none;
}
.wall_item .medias_thumbs .thumb_map_img_as_div {
display:
block;
margin: 0!important;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
}
div.ny2017_link
{
cursor: pointer;
background-color: #5db0ec;
border-bottom:
1px solid #46b9f3;
position: relative;
height: 43px;
background-image: url(img/season_menu_bg_ny.png?v=2);
background-repeat: repeat-x;
background-position: center
top;
}
div.ny2017_link:before{
content: '';
position:
absolute;
width: 93px;
height: 43px;
top: 0;
left: 0;
background: url(img/header-calendar-ny.png) no-repeat center 0;
pointer-events: none;
}
div.ny2017_link:hover:before{
background-position: center -44px;
}
span.ny2017_link {
color:
#fdfdfd;
font-weight: 700;
position: absolute;
cursor:
pointer;
top: 14px;
left: 100px;
}
/*
._hfixed .lm_anim_start
#l,._hfixed .lm_anim_start #m
.mhead{transform:translate(-276px,0);transform:translate3d(-276px,0,0)}
._hfixed
.lm_anim_end #l,._hfixed .lm_anim_end #m
.mhead{-webkit-transform:translate(0,0);-webkit-transform:translate3d(0,0,0)}
._hfixed.lm_opened
.lm_anim #m:after{-o-transition:opacity .15s ease-out;transition:opacity
.15s ease-out}
._hfixed.lm_opened .lm_anim_start
#m:after{opacity:0}
._hfixed.lm_opened .lm_anim_end
#m:after{opacity:1}*/