html { overflow-y: scroll; } body { margin: 0; padding: 0; background-color: #fff; text-align: left; font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; word-break: break-word; word-wrap: break-word; } span { padding: 0 0 2px; color: gray; font-weight: bold; } .nobold, nobold { font-weight: normal; color: gray; } .hidden { display: none; } a { text-decoration: none; color: #2B587A; cursor: pointer; } .layout { width: 791px; margin: 0 auto; } .page_header { position: relative; width: 791px; height: 45px; background-repeat: no-repeat; background-position: 0; background: url('../img/header.png'); } .page_custom_header { background: url('../img/header_custom.png'); } #page_act { border-bottom: 1px solid #d5dde6; padding: 2px 10px 5px 10px; color: #2B587A; width: 608px; margin-left: -10px; } .home_button { position: absolute; width: 145px; text-indent: -999px; height: 42px; } .home_button_custom { width: 175px; text-indent: 58px; line-height: 41px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); font-weight: bold; color: white; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .header_navigation { text-align: center; line-height: 20px; padding-right: 8px; text-transform: lowercase; float: right; } .header_navigation .link { display: inline-block; height: 29px; padding: 11px 4px 0 7px; background-size: 1.5px 41px; background: url('../img/divider.png') no-repeat; } .header_navigation .link a { color: #D7D7D7; text-decoration: none; font-weight: bold; } .header_navigation .link a:hover { text-decoration: underline; color: #fff; } .sidebar { width: 118px; margin: 4px 0 0 4px; float: left; } .navigation { position: relative; padding: 0; } .navigation .link { display: block; padding: 3px 3px 3px 6px; text-decoration: none; border-top: 1px solid #fff; color: #000; border-bottom: 0; border-left: 0; border-right: 0; font-size: 11px; text-align: left; cursor: pointer; background: none; margin-bottom: 1px; } .navigation .link:hover { background-color: #E4E4E4; border-top: 1px solid #CCCCCC; } .navigation .edit-button { background-color: #fff !important; color: gray !important; position: absolute; right: 0; } .navigation .group_link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navigation_footer { padding: 0; } .navigation_footer .link { display: block; padding: 3px 3px 3px 6px; text-decoration: none; border-top: 1px solid #fff; /* fix */ color: #000; } .navigation_footer .link:hover { background-color: #E4E4E4; border-top: 1px solid #CCCCCC; } .page_body { width: 632px; float: right; margin-right: 15px; margin-top: -2px; font-size: 11px; text-align: left; } .wrap1 { border: 1px solid #EBF0F4; border-top: 0px; width: auto; } .wrap2 { border-right: 1px solid #F6F8FA; border-top: 0px; } .page_yellowheader { padding: 4px 10px 4px; font-weight: bold; background: url('../img/header_yellow.png') repeat-x; background-color: #EEE5B8; border-right: solid 1px #DCD4A4; border-left: solid 1px #E4DDB4; border-bottom: solid 1px #D7CF9E; overflow: hidden; } #wrapHI { border-right: solid 1px #D5DDE6; border-left: solid 1px #D5DDE6; } #wrapH { border-right: solid 1px #EAEEF3; border-left: solid 1px #EAEEF3; } .page_yellowheader span { color: #C8BF85; } .page_yellowheader a { color: #696029; } .page_content { display: inline-block; width: 610px; } .page_wrap { border-bottom: solid 1px #c3cad2; border-left: solid 1px #d5dde6; border-right: solid 1px #d5dde6; padding: 12px; width: 604px; margin-left: 1px; } .content-main-tile { margin: -10px; margin-top: 3pt; padding: 7pt; border-top: 1px solid #ebf0f4; background-color: #fbfbfb; } .float-right { float: right; } .lowercase { text-transform: lowercase; } .album { margin: 8px; padding: 8px; width: 95%; background-color: #fff; border: 1px solid #ebf0f4; } .album-photo { position: relative; width: 25%; max-height: 140px; margin-bottom: 8px; text-align: center; display: flex; align-items: center; justify-content: center; } .album-photo img { width: unset; max-height: 120px !important; max-width: 83%; vertical-align: top; border: 1px #ccc solid; padding: 8px; background-color: #fff; } .album-photo > .album-photo--delete { position: absolute; right: 0; top: 0; padding: 5px; margin: 4px; color: #fff; background-color: hsla(0, 0%, 0%, 0.3); width: 10px; height: 10px; line-height: 10px; opacity: 0; transition: .1s opacity ease-out; } .album-photo:hover > .album-photo--delete { opacity: 1; } .album-flex { display: flex; flex-wrap: wrap; } .name-checkmark { margin-left: 2pt; } #profile_link, .profile_link { display: block; box-sizing: border-box; padding: 3px; background: transparent; border: none; border-bottom: 1px solid #CCC; font-size: 11px; color: #2b587a; width: 200px; text-align: left; cursor: pointer; } .profile_link_form { margin-bottom: 0; } #profile_links { margin: 10px 0; } #profile_link:hover, .profile_link:hover { background: #ECECEC; } .action_links > .profile_link, .action_links > .profile_link_form > .profile_link { width: 150px; } .profile_link.disable > a, .profile_link.disable { cursor: not-allowed; color: grey; } .profile_link.loading > a::after, .profile_link.loading::after { content: ""; display: inline-block; background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); width: 30px; height: 7px; margin-left: 5px; } .page_footer { margin-left: 95px; padding-top: 5px; clear: both; text-align: center; } table { font-size: 11px; text-align: left; } .information { padding: 9px; background-color: #c3e4ff; } .error { padding: 9px; background-color: #ffc3c3; } .page_footer .link { padding: 3px 7px; display: inline-block; color: #444; text-decoration: none; } .page_footer .link:hover { background-color: #DFDFDF; } .content_divider { margin-bottom: 6px; } .menu_divider { height: 1px; background: #CCC; margin: 4px 0 2px; } .page_status { font-weight: normal; font-size: 11px; padding: 3px 1px 3px; color: #000; width: 380px; height: auto !important; overflow: hidden; } .page_status_edit_button { cursor: pointer; } .page_status_edit_button:hover { text-decoration: underline; } .page_status_popup { position: absolute; border: 1px solid #CCC; background-color: #f7f7f7; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);; padding: 10px; float: right; margin-top: 5px; margin-left: -6px; } .page_status_popup form { margin: 0; } .button { border-radius: 2px; border: #595959; font-size: 11px; outline: none; white-space: nowrap; background: #595959; background-position: 0px -16px; color: #fff; padding: 4px 8px 4px; text-shadow: 0 1px 0 #686868; cursor: pointer; text-decoration: none; } .button:hover { color: #e8e8e8; } .button-loading { display: inline-block; background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); width: 30px; height: 7px; margin-left: -3px; } input[class=button] { padding: 5px 7px 4px; } input[type=checkbox], input[type=radio] { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; height: 14px; width: 14px; outline: none; cursor: pointer; vertical-align: middle; margin: 4px 3px 3px 3px; } input[type=checkbox] { background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw=="); } input[type=radio] { background-image: url("../img/radio.png"); } input[type=checkbox]:hover, input[type=radio]:hover { background-position: 0 -28px; } input[type=checkbox]:checked, input[type=radio]:checked { background-position: 0 -14px; } #auth { padding: 10px; } .left_small_block { float: left; width: 200px; margin-right: 10px; border-right: 1px #eeeeee solid; } .left_big_block { width: 397px; float: left; margin-right: 13px; } .right_small_block { float: right; width: 200px; } .right_big_block { width: 399px; float: right; } .content_title_expanded { background-image: url('../img/flex_arrow_open2.png'); background-repeat: no-repeat; background-color: #e6e6e6; border-top: #8B8B8B solid 1px; padding: 3px 8px 3px 24px; font-weight: bold; color: #626262; font-size: 11px; cursor: pointer; display: block; } .content_title_unexpanded { background-image: url('../img/flex_arrow_shut.gif'); background-repeat: no-repeat; background-color: #eee; border-top: solid 1px #ccc; padding: 3px 8px 3px 24px; font-weight: bold; color: #888; font-size: 11px; cursor: pointer; display: block; margin-top: 5px; } .content_subtitle { background-color: #F0F0F0; padding: 0; display: block; font-size: 11px; border-bottom: 1px solid #EEEEEE; color: #777777; padding: 3px 8px; border-top: #ccc solid 1px; } .content { padding: 8px; } .content-withouttop { padding-top: 0px; } input[type="text"], input[type="password"], input[type~="text"], input[type~="password"], input[type="email"], input[type="phone"], input[type~="email"], input[type~="phone"], input[type="search"], input[type~="search"], select { border: 1px solid #C0CAD5; padding: 3px; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; width: 100%; box-sizing: border-box; } h4 { border-bottom: 1px solid #E8EBEE; color: #45688E; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px 0px 3px; font-family: verdana, arial, sans-serif; } .post { width: 100%; overflow: hidden; display: block; } .post-online { color: #AAA; text-align: center; width: 50px; padding-top: 5px; display: block; } .post-author { background-color: #F6F6F6; border-top: #8B8B8B solid 1px; border-bottom: #ECECEC solid 1px; font-size: 11px; padding: 3px 5px 3px; line-height: 125%; } .post-author .date { font-size: 9px; color: black; } .post-content { border-bottom: #ECECEC solid 1px; font-size: 9px; } .post-content .text { padding: 4px; font-size: 11px; hyphens: manual; line-height: 130%; } .post-content .attachments_b { margin-top: 8px; } .attachment .post { width: 102%; } .post-content .media { max-width: 100%; image-rendering: -webkit-optimize-contrast; } .post-signature { margin: 4px; margin-bottom: 2px; } .post-signature span { color: grey; } .post-signature a { font-weight: 700; } .post-menu { height: 12px; padding: 4px; font-size: 9px; color: #bcbcbc; } .post:target { animation-duration: 5s; animation-name: post-target; } @keyframes post-target { from { background-color: rgba(208, 208, 208, 1); } to { background-color: rgba(208, 208, 208, 0); } } .small-textarea { height: 24px; } .expanded-textarea { min-height: 48px; } ul { list-style-type: square; color: #a2a2a2; } span { padding: 0 0 2px; color: black; font-weight: normal; } #logininput { width: 123px; height: 21px; padding: 3px; border: 1px solid #C0CAD5; font-size: 11; margin: 3px 0; } #fastLogin { min-width: 122px; } #fastLogin input { margin-bottom: 5px; } #fastLogin input[type=submit] { margin-top: 5px; } #fastlogin input[type=text], #fastlogin input[type=password] { width: 100%; } .ovk-avView { padding: 8px; } .ovk-avView--el { width: 32%; max-height: 90px; text-align: center; display: inline-block; vertical-align: text-top; } .ovk-avView--el .ava { max-width: 80%; max-height: 63px; } .content_list { display: flex; width: 200px; flex-wrap: wrap; } .content_list.long { width: 397px; } .content_list .cl_element { width: 33%; } .content_list.long .cl_element { width: 16.5%; } .content_list .cl_element .cl_avatar { padding: 7px 7px 0 7px; text-align: center; } .content_list .cl_element .cl_name { padding: 0 3px; text-align: center; display: flex; flex-direction: column; } .content_list .cl_element .cl_name .cl_lname { font-size: 7pt; } .ava { width: 45px; } table.User { vertical-align: text-top; } .container_gray { background: #F7F7F7; width: 604px; padding: 12px; border-top: #EBEBEB solid 1px; margin-left: -12px; margin-bottom: -12px; } .container_gray.bottom { border-bottom: #ebebeb solid 1px; } #auth .container_gray { margin-left: -10px; margin-bottom: -10px; width: 603px; } .container_gray .content { background: #fff; padding: 5px; border: #DEDEDE solid 1px; clear: both; } .tabs { border-bottom: 1px solid #707070; margin-right: -12px; margin-left: -12px; } #activetabs { background: #707070; border-radius: 3px 3px 0px 0px; } #activetabs:hover { color: #e8e8e8; } .tab { display: inline-block; padding: 4px 6px; margin-left: 15px; } #act_tab_a { color: white; } .container_gray .content { background: #fff; padding: 4px; border: #DEDEDE solid 1px; clear: both; margin-bottom: 12px; overflow: hidden; word-break: break-word; } .gray-block { background: #F7F7F7; border: #DEDEDE solid 1px; padding: 6px; margin-top:6px; } .ovk-album { width: 100%; } .ovk-album:not(:first-child), .ovk-note:not(:first-child) { display: inline-block; margin-top: 10px; } .msg { width: 70%; margin: auto; margin-bottom: 5pt; padding: 8pt; border: 1pt solid #667e96; background-color: #e6f2f3; } #wrapHI > .msg { margin-top: 15pt; } .msg.msg_succ { border-color: #3b584f; background-color: #ddf3d7; } .msg.msg_err { border-color: #9a205e; background-color: #f5e9ec; } .edit_link { color: #c5c5c5; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; } .crp-list { margin: 10px -6px -10px -11px; display: flex; flex-direction: column; border-top: 1px solid #d6d6d6; max-height: 70%; overflow-y: auto; width: 628px; } .crp-entry { display: flex; padding: 8px; cursor: pointer; margin-left: 1px; border-bottom: 1px solid #d6d6d6; } .crp-entry:hover { background-color: #f9f9f9; } .crp-entry:first-of-type { border-top: 1px solid #d6d6d6; } .crp-entry--image, .crp-entry--info { margin-right: 15px; } .crp-entry--info { width: 190px; } .crp-entry--image > img { max-width: 64px; } .crp-entry--info span { color: grey; } .crp-entry--info a { font-weight: 900; } .crp-entry--message.unread { background-color: #ededed; padding: 5px; width: 346px; } .messenger-app--messages---message.unread { background-color: #ededed; padding: 5px; margin: -5px; padding-bottom: 1.2rem; margin-bottom: 0; } .messenger-app--messages---message.unread:first-of-type { border-top-left-radius: 3px; border-top-right-radius: 3px; padding-bottom: 5px; margin-bottom: 1.2rem; } .messenger-app--messages---message.unread:last-of-type { padding-bottom: 5px; margin-bottom: 1.2rem; } .crp-entry--message---av img { max-width: 42px; } .crp-entry--message---av, .crp-entry--message---text { display: inline-block; vertical-align: top; } .crp-entry--message---text { max-height: 45px; max-width: 260px; overflow: hidden; text-overflow: ellipsis; } .crp-entry--message---text, .messenger-app--messages---message .time { color: #404036; } .messenger-app--messages, .messenger-app--input { padding: 10px; } .messenger-app--messages, .messenger-app--input { padding: 10px 70px; } .messenger-app--messages { height: 360px; overflow-y: auto; } .messenger-app--messages---message, .messenger-app--input { display: flex; align-items: flex-start; justify-content: space-between; } .messenger-app--messages---message { margin-bottom: 1.2rem; } .messenger-app--messages---message .ava, .messenger-app--input > .ava { max-width: 64px; } .messenger-app--messages---message .ava, .messenger-app--input > .ava { width: 52px; height: 52px; } .messenger-app--messages---message ._content { padding-left: 20px; width: 300px; } .messenger-app--messages---message ._content span, .messenger-app--messages---message ._content > a { display: block; } .messenger-app--messages---message ._content span { width: 100%; height: fit-content; overflow: hidden; } .messenger-app--messages---message ._content .attachments { width: 100%; } .messenger-app--messages---message ._content .attachments > .msg-attach-j * { max-width: 86%; } .messenger-app--messages---message ._content .attachments:not(:empty) { margin-top: 15px; } .messenger-app--messages---message .time { width: 100px; } .messenger-app--input { background-color: #f9f9f9; height: 80px !important; border-top: 1px solid #d6d6d6; } .messenger-app--input---messagebox { box-sizing: border-box; padding: 0 10px; width: calc(100% - 128px); } .messenger-app--input---messagebox textarea { width: 100%; height: 50px !important; resize: none; margin-bottom: 8px !important; } .messenger-app--input---messagebox { float: right; } .messenger-app--input .blocked { width: 100%; height: 100%; position: relative; } .messenger-app--input .blocked::after { content: attr(data-localized-text); position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); font-weight: 900; } .messenger-app { width: 628px; border-right: 1px solid #d5dde6; border-left: 1px solid #d5dde6; margin-left: 1px; border-bottom: 1px solid #c3cad2; } .music-app { display: grid; } .music-app--player { display: grid; grid-template-columns: 32px 32px 32px 1fr; padding: 8px; border-bottom: 1px solid #c1c1c1; border-bottom-style: solid; border-bottom-style: dashed; } .music-app--player .play, .music-app--player .perv, .music-app--player .next { -webkit-appearance: none; -moz-appearance: none; background-color: #507597; color: #fff; height: 20px; margin: 5px; border: none; border-radius: 5px; cursor: pointer; padding: 0; font-size: 10px; } .music-app--player .info { margin-left: 10px; width: 550px; } .music-app--player .info .song-name * { color: black; } .music-app--player .info .song-name time { float: right; } .music-app--player .info .track { margin-top: 8px; height: 5px; width: 70%; background-color: #fff; border-top: 1px solid #507597; float: left; } .music-app--player .info .track .inner-track { background-color: #507597; height: inherit; width: 15px; opacity: .7; } .settings_delete { margin: -12px; padding: 12px; margin-top: -8px; background: #fff; text-align: center; } textarea { font-family: unset; border: 1px solid #C0CAD5; font-size: 9pt; min-height: 24px; width: 100%; padding: 4px; resize: none; box-sizing: border-box; } #faqhead { background: #fbf3c3; margin: 0px 5px 0px 5px; padding: 5px; font-weight: bold; border: 1px solid #d7cf9e; border-bottom: 0px; } #faqcontent { background: #fafafa; margin: 0px 5px 10px 5px; padding: 5px 5px 5px 10px; border: 1px solid #ddd; } .ovk-lw-container { display: flex; border-bottom: solid 1px #c4c4c4; } .ovk-lw-container > .ovk-lw--list { flex: 9; border-right: 1px solid #BEBEBE; } .ovk-lw-container > .ovk-lw--list > .post { margin-left: 10px; margin-top: 10px; } .ovk-lw-container > .ovk-lw--actions { flex: 5; } .ovk-lw-container > .ovk-lw--actions > .tile { display: flex; flex-direction: column; padding: 10px 5px; } .ovk-lw-container > .ovk-lw--actions > .tile > .profile_link { width: auto!important; } .ovk-lw-container > .ovk-lw--actions > hr { margin: 0; } .profile-hints a { display: block; margin-bottom: 2px; } .profile-hints a img { vertical-align: bottom; } .completeness-gauge { position: relative; width: 95%; height: 16px; background-color: #e6e6e6; border-top: 1px solid #bbb; } .completeness-gauge > div { height: 100%; background-color: #d4d4d4; } .completeness-gauge > span { position: absolute; top: 55%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .completeness-gauge-gold { background-color: #f6ebbb; border-top: 1px solid #b9b597; } .completeness-gauge-gold > div { background-color: #e1d7a2; } .toTop { position: fixed; padding: 20px; width: 100px; height: 100%; background-color: #f3f3f3; font-weight: 900; color: #2b2b2b; box-sizing: border-box; opacity: 0; transition: .1s all; } body.scrolled .toTop:hover { opacity: .5; cursor: pointer; } .ugc-table.slim { width: 100%; } .ugc-table tr > td { word-break: break-word; } .ugc-table tr > td:nth-of-type(1) { width: 120px; vertical-align: super; } .ugc-table tr > td:nth-of-type(2) { display: block; width: 270px; overflow: hidden; } .ugc-table.slim tr > td:nth-of-type(1) { width: unset; } .ugc-table.slim tr > td:nth-of-type(2) { width: 75%; } #sudo-banner { background: #fffae6; border-color: #fffae6; color: #172b4d; padding: 8px; text-align: center; } #sudo-banner p { margin: 0; font-size: 15px; } .post-upload { margin-top: 11px; margin-left: 3px; color: #3c3c3c; display: none; } .post-upload::before { content: " "; width: 8px; height: 8px; display: inline-block; vertical-align: bottom; background-color: #4f4f4f; margin: 3px; margin-left: 2px; } .post-opts { margin-top: 10px; } .post-opts label { width: 100%; display: block; } .like_wrap { color: #2F5879; font-size: 10px; cursor: pointer; float: right; } .heart { background: url('/assets/packages/static/openvk/img/like.gif') no-repeat 1px 0px; height: 10px; margin: 2px 3px 0px; width: 11px; float: left; opacity: 0.4; } .likeCnt { font-size: 10px; margin-right: 3px; float: left; } .heart:hover { opacity: 1 !important; } #liked { opacity: 1 !important; } .content_title_expanded { margin-top: 5px; } .page-wrap { border-bottom: solid 1px #C3CAD2; border-left: solid 1px #DAE1E8; border-right: solid 1px #DAE1E8; padding: 10px; } .wrap1 { width: auto; border: 1px solid #EBF0F4; border-top: 0px; } .wrap2 { border-right: 1px solid #F6F8FA; border-top: 0px; } #wrapH { border-right: solid 1px #EAEEF3; border-left: solid 1px #EAEEF3; } #wrapHI { border-right: solid 1px #D5DDE6; border-left: solid 1px #D5DDE6; } .ugc-table td { vertical-align: top !important; font-size: 11px; line-height: 13px; margin: 0px; padding: 1px 0px 1px 0px; } .label { width: 120px !important; color: gray; } .ugc-table tr > td:nth-of-type(2) { display: block; width: unset; overflow: hidden; } .right_big_block { width: 396px; float: right; } #basicInfo { padding: 5px 0px 15px 8px; } .accountInfo { padding: 0px; margin: 0px 0px 0px 8px; border-bottom: solid 1px #DAE1E8; display: block; } .profileName { /* width: 225px; */ color: #45688E; font-size: 11px; font-weight: bold; margin: 0px; /* padding: 2px 5px 0px 0px; */ } .profileName h2 { color: #45688E; font-size: 13px; padding-bottom: 0px; margin: 0px; padding: 0px; } .notes_titles { margin: 0px; padding: 0px; list-style: none; } .written { background: url('/assets/packages/static/openvk/img/note.gif') no-repeat 0px 1px; padding: 0px 0px 6px 22px; } .written a { display: block; padding: 0px 0px 1px 0px; } .notes_titles small { color: #333; font-weight: normal; display: block; font-size: 9px; } .notes_titles small a { display: inline; font-weight: normal; } .data { width: 260px !important; } .right_big_block h4 { margin: 1px 0px 0px; padding: 4px 0px 2px !important; } .knowledgeBaseArticle ul { color: unset; } .gift_grid { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .gift_sel { display: grid; box-sizing: border-box; padding: 15px 8px; justify-items: center; cursor: pointer; border-radius: 10px; } .gift_pic { max-width: 70%; } .gift_sel:hover { background-color: #f1f1f1; } .gift_sel.disabled:hover { cursor: not-allowed; } .gift_sel > .gift_price, .gift_sel > .gift_limit { visibility: hidden; } .gift_sel:hover > .gift_price, .gift_sel:hover > .gift_limit { visibility: unset; } .gift_sel.disabled { opacity: .5; } .ovk-video { margin-bottom: 1rem; padding: 0 6px; } .ovk-video > .preview { width: 170px; height: 127px; border: 1px solid #ccc; align-content: center; display: flex; padding: 1px; } #wallAttachmentMenu { position: absolute; margin-top: 20px; border: 1px solid darkgrey; background-color: white; z-index: 32; } #wallAttachmentMenu > a { display: block; padding: 2px 6px; cursor: pointer; } #wallAttachmentMenu > a > img { vertical-align: middle; } #wallAttachmentMenu > a:hover { background-color: #f0f0f0; } #ovkDraw { border: 1px solid #757575; } #ovkDraw .lc-drawing.with-gui { background-color: white !important; } #ovkDraw .literally { border-radius: 0; } #ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar { background-color: #f7f7f7; border-color: rgba(0, 0, 0, 0.15); } #ovkDraw .literally .lc-picker .toolbar-button.selected:not(.disabled), #ovkDraw .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) { background-color: #cdcdcd; } #ovkDraw .literally .lc-picker .toolbar-button:hover:not(.disabled), #ovkDraw .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) { border-color: #cdcdcd; } .postFeedWrapper { padding: 4px 8px; background-color: rgb(240, 240, 240); border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .user-alert { margin-left: 8px; margin-bottom: 8px; padding: 4px; border: 1px solid #c3a476; font-weight: 900; background-color: #f3ddbd; color: #58462a; } .knowledgeBaseArticle { margin-top: -11px; /* this is very stupid fix but nah */ } .avatar-list { padding: 4px 8px 4px 8px; } .avatar-list-item { padding: 4px 0 4px 0; } .avatar-list-item::after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .avatar-list-item .avatar { float: left; } .avatar-list-item .avatar img { width: 32px; height: 32px; object-fit: cover; } .avatar-list-item .info { float: left; padding-left: 8px; width: 134px; } .avatar-list-item .info-centered { padding-top: 8px; } .avatar-list-item .info .title { font-size: 11px; } .avatar-list-item .info .subtitle { color: rgb(128, 128, 128); font-size: 10px; } .paginator { float: right; margin-top: -1px; } .paginator-at-bottom { margin-top: -6px; } .paginator a { border-top: 3px solid transparent; display: inline-block; padding: 4px 5px; } .paginator a:hover { border-top: 3px solid rgb(170, 170, 170); background-color: rgb(230, 230, 230); } .paginator a.active { border-top: 3px solid rgb(130, 130, 130); font-weight: bold; } .accent-box { background-color: white; padding: 10px; margin: 5px; border: 1px solid #C0CAD5; } .header_search { background: #f7f7f7; width: 607px; padding: 10px; border-bottom: 1px solid #e1e1e1; } .header_search_inputbt { padding: 10px; border-top: 1px solid #ebebeb; display: flex; margin-bottom: 0; } .header_search_input { border: 1px solid #C0CAD5; padding: 3px; padding-left: 19px; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; width: 549px; background: #fff url('/assets/packages/static/openvk/img/search_icon.png') no-repeat; background-position-x: 4px; background-position-y: 4px; } .button_search { border-radius: 2px; border: #595959; font-size: 11px; outline: none; white-space: nowrap; background: #595959; background-position: 0px -16px; color: #fff; padding: 4px 8px 4px; text-shadow: 0 1px 0 #686868; cursor: pointer; text-decoration: none; margin-left: 10px; width: 7.5%; } .content_search { width: 607px; } .content_search_list { display: flex; width: 100%; padding: 10px; } .content_search_list:hover { background: #f5f5f5; } .content_search_list_ava img{ width: 75px; } .content_search_list_ava{ width: 85px; } .content_search_list_name_h4 { color: #2b587a; font-weight: bold; } .content_search_list_span { color: #7b7b7b; margin-top: 5px; } .pinned-mark { display: inline-block; height: 16px; width: 16px; overflow: auto; background: url("/assets/packages/static/openvk/img/pin.png") no-repeat 0px 0px; vertical-align: middle; } .topic-list-item { border-bottom: #e6e6e6 solid 1px; padding: 4px; } .messagebox-content-header { background: #F7F7F7; margin: -20px; padding: 10px; } .hover-box { background-color: white; padding: 10px; margin: 5px; border: 1px solid #C0CAD5; cursor: pointer; user-select: none; } .hover-box:hover { background-color: #C0CAD5; } .summaryBar { border-bottom: 1px solid #DAE2E8; clear: both; padding: 11px 10px; color: black; font-weight: normal; line-height: normal; margin-left: -12px; margin-right: -12px; } .summaryBar .summary { color: #45688E; font-weight: bold; padding-top: 3px; padding-bottom: 4px; display: inline-block; } .note_header { background: #f7f7f7; border-bottom: solid 1px #DAE1E8; border-top: solid 1px #45688E; padding: 4px 6px 5px 6px; } .note_header .note_title { color: #45688E; font-size: 13px; font-weight: bold; line-height: 15px; margin: 0; padding: 0 0 1px 0; } .note_footer { border-top: 1px solid #ddd; clear: both; margin-top: 10px; padding: 0px 2px 0px 6px; } .comments_count { padding: 5px 0px 0px 0px; } .groups_options { padding: 10px 20px 20px; border-top: #DEDEDE solid 1px; margin-top: 12px; margin-left: -12px; margin-right: -12px; } #gp_container { display: inline-block; } #gp_container span { display: block; margin: 10px 0 15px; } #gp_container h4 { font-size: 11px; } .container_gray .content:last-child { margin-bottom: 0; } .group_info { padding: 0 0 0 5px !important; } .group_info .label { width: auto !important; padding-right: 5px; } .border-block { box-shadow: inset 0px 0 0px 1px #b6bfca, inset 0px 0 0px 10px #d8dfe7; width: 300px; padding: 20px; } .center { margin: 0 auto; }