ft. TideVKonnekte by ssaperr

Details

Authorssaperr
LicenseNo License
Categoryvepurovk
Created2 years, 6 months ago
Updated2 years, 6 months ago
Size23 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Отдельные фишки стиля TideVKonnekte для OpenVK Modern.
Набросал за пару часов.
Notes

Сработает только для темы OpenVK Modern!
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         ft. TideVKonnekte
@version      20220601.13.53
@namespace    userstyles.world/user/ssaperr
@description  Отдельные фишки стиля TideVKonnekte для OpenVK Modern.
Набросал за пару часов.
@author       ssaperr
@license      No License
==/UserStyle== */

@-moz-document domain("vepurovk.xyz") {
.home_button {
    background: url(https://tidevk.ru/extra/vepurlogoHMa.png) no-repeat;
    background-position-y: 0px;
    background-position-x: 1px;
}

body {
    background: #edf3eb;
}

.page_header {
    width: 783px;
    position: fixed;
    height: 42px;
    background: #fff;
    z-index: unset !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}
.sidebar {
    margin-top: 43px;
    position: fixed;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    background: #fff;
    width: 134px;
}
.navigation .link {
    display: block;
    padding: 3px 3px 3px 6px;
    text-decoration: none;
    border-top: unset;
    color: #171717;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
    background: none;
    margin-bottom: 1px;
    font-family: "Montserrat", sans-serif;
}
.navigation .link:hover {
    background-color: #33cc33;
    color: #edf3eb;
    border-top: 0px solid #E4E4E4;
}
a {
    text-decoration: none;
    color: #33cc33;
    cursor: pointer;
}
.home_button:hover {
    background-color: #eeeeee;
}
.home_button {
    position: absolute;
    width: 146px;
    height: 42px;
    margin-left: 32px;
}

.header_navigation .link a {
    color: #33cc33;
    text-decoration: none;
    font-weight: unset;
    font-family: "Montserrat", sans-serif;
}
.header_navigation .link a:hover {
    text-decoration: none;
    background-color: unset;
    color: #33cc33;
}
.link:hover {
    background: #eeeeee;
}
.page_yellowheader {
    padding: 4px 10px;
    font-weight: bold;
    background: url(https://tidevk.ru/extra/header.gif) repeat-x;
    background-color: #f9f9f9;
    border-right: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-bottom: solid 1px #dedede;
    overflow: hidden;
    padding: 4px 10px 7px;
    color: #33cc33;
    font-family: "Montserrat", sans-serif;
    margin-left: 1px;
    position: fixed;
    width: 613px;
}
.page_yellowheader span {
    color: #aeaeae;
}
#wrapHI {
    border-right: unset;
    border-left: unset;
}
#wrapH {
    border-right: unset;
    border-left: unset;
}

.page-wrap {
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
}
.wrap2 {
    border-right: unset;
    border-top: 0;
}

.ovk-diag-head {
    height: 25%;
    padding: 5px;
    background-color: #757575;
    border-bottom: unset;
    color: #fff;
    font-weight: 900;
    font-size: 15px;
    background: url(https://tidevk.ru/templates/Default/images/head.png);
}
.ovk-diag {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: calc(100% - 20px);
    background-color: #fff;
    border: unset;
}
.ovk-diag-action {
    padding: 10px;
    height: 25%;
    background-color: #edf3eb;
    text-align: right;
}
img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
input[type=checkbox] {
    background-image: url(https://tidevk.ru/templates/Default/images/checkbox.gif);
}
.button {
    background: -webkit-linear-gradient(top, #33cc33, #00ff00);
    background: -moz-linear-gradient(top, #33cc33, #00ff00);
    background: -ms-linear-gradient(top, #33cc33, #00ff00);
    background: -o-linear-gradient(top, #33cc33, #00ff00);
    background: linear-gradient(top, #33cc33, #00ff00);
    color: #fff;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 0px 1px 0px #33cc33;
    border: 0px;
    padding: 4px 15px 4px 15px !important;
    cursor: pointer;
    margin: 0px;
    font-weight: bold;
    border: 1px solid #33cc33;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.button:hover {
    background: -webkit-linear-gradient(top, #00ff00, #33cc33);
    background: -moz-linear-gradient(top, #00ff00, #33cc33);
    background: -ms-linear-gradient(top, #00ff00, #33cc33);
    background: -o-linear-gradient(top, #00ff00, #33cc33);
    font-family: "Montserrat",sans-serif;
}
.button:hover {
    color: #ffffff;
}
.msg {
    margin-top: 28px;
    margin-bottom: -15px;
    border: 3px solid #ffffff !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#votesBalance {
    margin-top: 50px;
    padding: 7px;
    background-color: #fefefe;
    border-bottom: unset;
    text-align: center;
    user-select: none;
}
}

@-moz-document url-prefix("https://vepurovk.xyz/id"), url-prefix("https://vepurovk.xyz/club"), url-prefix("https://vepurovk.xyz/openvkfun"), url-prefix("https://vepurovk.xyz/shahtrp") {
.left_small_block {
    float: left;
    width: 195px;
    margin-right: 10px;
    border-right: unset;
    background: #ffffff;
    padding: 10px;
    margin-left: -9px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    margin-top: 16px;
        margin-right: 0px;
}

.right_big_block {
    border-right: unset;
    background: #ffffff;
    padding: 10px;
    margin-right: -14px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    margin-top: 16px;
}

.right_big_block {
    width: 390px;
    float: right;
}
.completeness-gauge {
    width: 99%;
}
#profile_link:hover, .profile_link:hover {
    background: #edf3eb;
}
.page_status_popup {
    position: absolute;
    border: 1px solid #33cc33;
    background-color: #edf3eb;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    padding: 10px;
    float: right;
    margin-top: 5px;
    margin-left: -6px;
}
.profileName h2 {
    color: #33cc33;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}
h4 {
    color: #33cc33;
    font-family: "Montserrat", sans-serif;
}
.content_title_expanded {
    cursor: pointer;
    background-image: unset;
    padding: 3px 7px !important;
    border-top: unset;
    margin-bottom: 3px;
}

.content_title_expanded {
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 3px 8px 3px 24px;
    margin-top: 5px;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    display: block;
    font-family: "Montserrat", sans-serif;
}
.content_subtitle {
    background-color: #edf3eb;
    display: block;
    font-size: 11px;
    border-bottom: 1px solid #EEEEEE;
    color: #777777;
    padding: 3px 8px;
    border-top: #ccc solid 1px;
}
.heart {
    background: url(https://tidevk.ru/templates/Default/images/icons/index2.png) no-repeat right -234px;
    margin: 0px 3px 0;
    width: 16px;
    float: left;
    opacity: unset;
    height: 15px;
}
.heart:hover {
    background: url(https://tidevk.ru/templates/Default/images/icons/index2.png) no-repeat right -251px;
    width: 15px;
    height: 12px;
}
        body.scrolled #auth > div > div.left_small_block{
            display: none !important;
        }
        body.scrolled #auth > div > div.right_big_block{
            width: 613px !important;
        }
}

@-moz-document url-prefix("https://vepurovk.xyz/friends"), url-prefix("https://vepurovk.xyz/groups"), url-prefix("https://vepurovk.xyz/notifications"), url-prefix("https://vepurovk.xyz/albums"), url-prefix("https://vepurovk.xyz/search"), url-prefix("https://vepurovk.xyz/videos"), url-prefix("") {
.page_wrap.padding_top {
    padding-top: 36px;
}
.container_gray {
    border-top: unset;
}
.container_gray {
    background: none;
    padding: unset;
}
.wrap1 {
    border: none;
    border-top: 0;
    width: auto;
}
.page_wrap {
    border-bottom: solid 0px #c3cad2;
    border-left: solid 0px #d5dde6;
    border-right: solid 0px #d5dde6;
    margin-left: 3px;
}
.tabs.stupid-fix {
    margin-left: 0;
    width: auto;
    background: #ffffff;
    height: 24px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 11px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    margin-right: -3px;
}
#act_tab_a {
    color: #edf3eb;
}
#activetabs {
    background: #33cc33;
}

.tab {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 5px 7px 4px 7px;
    font-family: "Montserrat", sans-serif;
}
.tab:hover {
    background: #edf3eb;
}
.tabs {
    border-bottom: 0px solid #707070;
}
.summaryBar {
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    height: 24px;
    padding: 11px;
    padding-bottom: 11px;
    margin-top: -9px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-bottom: 4px !important;
    margin-top: 10px;
    margin-right: -3px;
    background: #ffffff;
}
.summaryBar .summary {
    color: #33cc33;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 4px;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
}
.container_gray .content {
    border: #FFF solid 1px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: -3px;
    padding: 11px;
}
#profile_link:hover, .profile_link:hover {
    background: #edf3eb;
    b...
Reviews

No reviews yet.