vepurovk.xyz VK 2015 myfix by ssaperr

/* ==UserStyle==
@name       vepurovk.xyz - янв. 2024 г.
@version    20240126.16.23
@namespace  ?
==/UserStyle== */

@-moz-document domain("vepurovk.xyz"), domain("ovk.to") {
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;
}
span {
    padding: 0 0 2px;
    color: gray;
    font-weight: bold;
}
.nobold {
    font-weight: normal;
    color: gray;
}
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(https://i.imgur.com/EcrJXro.png);
}
#page_act {
    border-bottom: 1px solid #d5dde6;
    padding: 2px 10px 5px 10px;
    color: #2b587a;
    width: 608px;
    margin-left: -10px;
}

.header_navigation {
    text-align: center;
    line-height: 20px;
    padding-right: 8px;
    text-transform: lowercase;
    float: right;
    margin-top: -3px;
}
.header_navigation .link {
    display: inline-block;
    height: 29px;
    padding: 11px 4px 0 5px;
    background-size: 1.5px 41px;
    background: none;
    margin-top: -13px;
}
.header_navigation .link a {
    color: #e8eff7;
    text-decoration: none;
    font-weight: bold;
}
.header_navigation .link a:hover {
    text-decoration: underline;
    color: #fff;
}
.sidebar {
    width: 135px;
    margin: 4px 0 0 4px;
    float: left;
    margin-top: 1px;
}
.navigation {
    padding: 0;
}
.navigation .link {
    display: block;
    padding: 3px 3px 4px 6px;
    text-decoration: none;
    border-top: none;
    color: #285473;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
    background: none;
    margin-bottom: 1px;
    border-radius: 2px;
}
.navigation .edit-button {
    display: none;
}
.navigation .link:hover {
    background-color: #e2e8ee;
    border-top: none;
}
.navigation_footer {
    padding: 0;
}
.navigation_footer .link {
    display: block;
    padding: 3px 3px 3px 6px;
    text-decoration: none;
    border-top: 1px solid #fff;
    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 #fff;
    border-top: 0px;
    width: 630px;
}
.wrap2 {
    border-right: 1px solid #f6f8fa;
    border-top: 0px;
}
.page_yellowheader {
    padding: 3px 10px 5px;
    font-weight: bold;
    background: url(/themepack/vk2015/0.0.1.0/resource/3.png) repeat-x;
    background-color: #e9edf1;
    border-right: solid 1px #e9edf1;
    border-left: solid 1px #e9edf1;
    border-bottom: solid 1px #e9edf1;
    color: #2b587a;
}
#wrapHI {
    border-right: solid 1px #d9e0e7;
    border-left: solid 1px #d9e0e7;
}
#wrapH {
    border-right: solid 1px #f3f3f3;
    border-left: solid 1px #f3f3f3;
}
.page_yellowheader span {
    color: #aab7c5;
}
.page_yellowheader a {
    color: #2b587a;
}
.page_content {
    display: inline-block;
    width: 610px;
}
.page_wrap {
    border-bottom: solid 1px #c3cad2;
    border-left: solid 1px #d9e0e7;
    border-right: solid 1px #d9e0e7;
    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;
}
.album {
    margin: 8px;
    padding: 8px;
    width: 95%;
    background-color: #fff;
    border: 1px solid #ebf0f4;
}
.album-photo {
    position: relative;
    background-color: darkgrey;
    margin: 5pt;
    width: calc(33% - 10pt);
    height: 82px;
    text-align: center;
    vertical-align: text-top;
}
.album-photo img {
    width: 100%;
    max-height: 82px;
    vertical-align: top;
}
.album-photo > .album-photo--delete {
    position: absolute;
    right: 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: 0.1s opacity ease-out;
}
.album-photo:hover > .album-photo--delete {
    opacity: 1;
}
.name-checkmark {
    margin-left: 2pt;
}
img.name-checkmark {
    margin-bottom: -1px;
    content: url(/themepack/vk2015/0.0.1.0/resource/check.png);
}
.post-author img.name-checkmark {
    content: url(/themepack/vk2015/0.0.1.0/resource/check2.png);
    margin-left: 0px;
    margin-bottom: 0.3px;
    width: 10px;
}
#profile_link,
.profile_link {
    display: block;
    box-sizing: border-box;
    padding: 3px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    color: #2b587a;
    width: 200px;
    text-align: left;
    cursor: pointer;
}
#profile_links {
    margin: 10px 0;
}
#profile_link:hover,
.profile_link:hover {
    background: #e9edf1;
    border-bottom: 1px solid #e9edf1;
}
.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: #e2e8ee;
    border-top: none;
    border-radius: 2px;
}
.content_divider {
    margin-bottom: 6px;
}
.page_info {
    margin-top: 3px;
    margin-left: 5px;
    margin-bottom: 2px;
}
.page_status {
    font-weight: normal;
    font-size: 11px;
    padding: 3px 1px 3px;
    color: #000;
    width: 380px;
    max-height: 39px;
    height: auto !important;
}
.button {
    border-radius: 2px;
    border: #597da3;
    font-size: 11px;
    outline: none;
    white-space: nowrap;
    background: #597da3;
    background-position: 0px -16px;
    color: #fff;
    padding: 4px 8px 4px;
    text-shadow: 0 1px 0 #597da3;
    cursor: pointer;
    text-decoration: none;
}
input[class="button"] {
    padding: 7px 16px 7px 16px;
}
input[class="button"]:hover {
    background: #6d8cb0;
}
input[class="button"]:active {
    background: #5c7ca1;
    padding-top: 8px;
    padding-bottom: 6px;
}
.checkbox {
    background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw==");
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    height: 14px;
    width: 14px;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
}
.checkbox:hover {
    background-position: 0 -28px;
}
.checkbox:checked {
    background-position: 0 -14px;
}
#auth {
    padding: 10px;
}
.left_small_block {
    float: left;
    width: 200px;
    margin-right: 10px;
    border-right: 1px #f1f1f1 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,
.content_title_unexpanded {
    background-color: #dfe6ec;
    background-image: unset !important;
    border-top: none;
    border-bottom: #dfe6ec solid 1px;
    font-weight: bold;
    color: #36638e;
    font-size: 11px;
    display: block;
    pointer-events: none;
    padding: 3px 10px;
}
.content_subtitle {
    background-color: #f0f0f0;
    padding: 0;
    display: block;
    font-size: 11px;
    border-bottom: 1px solid #eeeeee;
    color: #666;
    padding: 3px 8px;
    border-top: #dfe6ec 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"],
select {
    border: 1px solid #c3cbd4;
    padding: 3px;
    font-size: 11px;
    font-family: tahoma, verdana, arial, sans-serif;
    height: 26px;
}
input[type~="search"] {
    border: 1px solid #4e729a;
    padding: 3px;
    font-size: 11px;
    font-family: tahoma, verdana, arial, sans-serif;
    border-radius: 3px;
    height: 24px;
    width: 169px;
    position: absolute;
    margin-left: -630px;
    margin-top: 13px;
}
input[type~="search"][name~="query"] {
    width: 169px !important;
    background: url(/themepack/vk2015/0.0.1.0/resource/4.gif) no-repeat 3px 4px !important;
    background-color: #fff !important;
    padding-left: 22px !important;
    background-position-y: 5px !important;
    background-position-x: 6px !important;
    padding-bottom: 5px !important;
}
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-content {
    border-bottom: #f1f1f1 solid 1px;
    font-size: 9px;
}
.post-content .text {
    padding: 4px;
    font-size: 11px;
    word-break: break-word;
    word-wrap: break-word;
    hyphens: manual;
}
.post-content .attachments_b {
    margin-top: 8px;
}
.attachment .post {
    width: 102%;
}
.post-content img.media {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.post-menu {
    height: 12px;
    padding: 4px;
    font-size: 9px;
    color: #bcbcbc;
}
.post-menu > a:hover {
    text-decoration: underline;
}
ul {
    list-style-type: square;
    color: #a2a2a2;
}
span {
    padding: 0 0 2px;
    color: black;
    font-weight: ...