En: A theme inspired by modern VK design
Ru: Тема, вдохновлённая современным дизайном VK
Authorthejenja
LicenseNo License
Categoryopenvk, ovk.to, vepurovk.xyz
Created
Updated
Size141 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
En: A theme inspired by modern VK design
Ru: Тема, вдохновлённая современным дизайном VK
Также вы можете установить пользовательский скрипт, он позволяет
/* ==UserStyle==
@name VKUI for OpenVK
@version 20240903.17.41
@namespace https://userstyles.world/user/thejenja
@description En: A theme inspired by modern VK designRu: Тема, вдохновлённая современным дизайном VK
@author thejenja
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://ovk.to/"), url-prefix("https://vepurovk.xyz/"), url-prefix("https://social.fetbuk.ru/") {
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
html {
color-scheme: dark !important;
}
* {
font-family: "Roboto", "Inter" !important
}
body {
color: #e1e3e6;
font-family: "Inter",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Geneva,arial,Tahoma,verdana,sans-serif;
line-height: 1.154;
font-size: 13px !important;
font-weight: 400;
background: #141414 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAwAQMAAAAByjnBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFIiIiKSkpb1F8ywAAAA1JREFUeJxjYKApOAAAASAAwSaHGcAAAAAASUVORK5CYII=) repeat-x!important
}
.page_body {
background-color: #222
}
.scrolled .page_header{
position: fixed;
z-index: 2;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAwAQMAAAAByjnBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFIiIiKSkpb1F8ywAAAA1JREFUeJxjYKApOAAAASAAwSaHGcAAAAAASUVORK5CYII=) repeat-x!important;
}
.scrolled .page_header:before{
content: '';
display: block;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAwAQMAAAAByjnBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFIiIiKSkpb1F8ywAAAA1JREFUeJxjYKApOAAAASAAwSaHGcAAAAAASUVORK5CYII=) repeat-x!important;
width: 100%;
height: 48px;
position: fixed;
left: 0;
z-index: -1
}
.scrolled .navigation{
position: fixed;
width: 164px;
top: 58px;
}
.page_header {
width: 1076px;
height: 48px;
background: 0 0;
transition: .5s
}
.home_button {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI3NiA0OCIgd2lkdGg9IjI3NiIgaGVpZ2h0PSI0OCI+PHN0eWxlPi5he2ZpbGw6IzA3Zn0uYntmaWxsOiNmZmZ9LmN7ZmlsbDojZTFlM2U2fTwvc3R5bGU+PHBhdGggY2xhc3M9ImEiIGQ9Im0wIDIzYzAtMTAuOCAwLTE2LjMgMy40LTE5LjYgMy4zLTMuNCA4LjgtMy40IDE5LjYtMy40aDJjMTAuOCAwIDE2LjMgMCAxOS42IDMuNCAzLjQgMy4zIDMuNCA4LjggMy40IDE5LjZ2MmMwIDEwLjggMCAxNi4zLTMuNCAxOS42LTMuMyAzLjQtOC44IDMuNC0xOS42IDMuNGgtMmMtMTAuOCAwLTE2LjMgMC0xOS42LTMuNC0zLjQtMy4zLTMuNC04LjgtMy40LTE5LjZ6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iYiIgZD0ibTM4LjQgMjUuMmMtMC4yIDMuNS0xLjEgNi4yLTIuOCA4LjYtMi4xIDIuOC01LjMgNC40LTkuMyA0LjktMy41IDAuMy02LjgtMC4yLTkuNC0xLjQtMy41LTEuNy01LjktNS02LjgtOS4yLTAuMy0xLjUtMC4zLTIuMi0wLjMtNC4xIDAtMS45IDAtMi42IDAuMy00IDEuMS02IDUuMi05LjggMTEuMy0xMC42IDIuMi0wLjMgNS4yLTAuMiA3LjIgMC40IDMuOCAwLjkgNi42IDMuMSA4LjIgNi41IDEuMiAyLjQgMS44IDUuNSAxLjYgOC45em0tMTAuOSA2LjFjMC45LTAuOSAxLjYtMi40IDEuOS00LjQgMC4yLTEuMSAwLjItNC40IDAtNS42LTAuNC0yLjgtMS41LTQuNi0zLTUuNC0wLjctMC4zLTEuMy0wLjQtMi4zLTAuNC0xLjUgMC0yLjUgMC4zLTMuMyAxLjEtMSAxLTEuNyAyLjQtMiA0LjQtMC4yIDEuNS0wLjIgNC40IDAgNS45cTAgMC4zIDAuMSAwLjYgMC4xIDAuMyAwLjEgMC42IDAuMSAwLjMgMC4yIDAuNiAwLjEgMC4zIDAuMiAwLjZjMC44IDEuOSAxLjkgMi44IDMuOCAzLjEgMS41IDAuMyAzLjMtMC4yIDQuMy0xLjF6Ii8+PHBhdGggY2xhc3M9ImMiIGQ9Im03NS4zIDM1LjRxLTMuMyAwLTUuOS0xLjQtMi42LTEuNC00LTMuOC0xLjUtMi41LTEuNS01LjcgMC0zLjEgMS41LTUuNiAxLjQtMi41IDQtMy45IDIuNi0xLjQgNS45LTEuNCAzLjMgMCA1LjkgMS40IDIuNiAxLjQgNCAzLjkgMS40IDIuNSAxLjQgNS42IDAgMy4yLTEuNCA1LjctMS40IDIuNC00IDMuOC0yLjYgMS40LTUuOSAxLjR6bTAtNC45cTIuNSAwIDQuMS0xLjcgMS42LTEuNiAxLjYtNC4zIDAtMi42LTEuNi00LjMtMS42LTEuNi00LjEtMS42LTIuNiAwLTQuMiAxLjYtMS41IDEuNy0xLjUgNC4zIDAgMi43IDEuNSA0LjMgMS42IDEuNyA0LjIgMS43em0yMC41IDEyLjdoLTUuNHYtMjkuMmg0LjJsMSAzLjNxMS4yLTEuNSAzLjItMi41IDIuMS0xLjIgNC42LTEuMiAzIDAgNS4zIDEuNCAyLjMgMS40IDMuNiAzLjkgMS4zIDIuNSAxLjMgNS42IDAgMy4xLTEuMyA1LjYtMS4zIDIuNS0zLjYgMy45LTIuMyAxLjQtNS4zIDEuNC0yLjQgMC00LjQtMS0xLjktMS0zLjItMi40em02LjItMTIuNnEyLjYgMCA0LjMtMS43IDEuNy0xLjcgMS43LTQuNCAwLTIuNi0xLjctNC4zLTEuNy0xLjgtNC4zLTEuOC0yLjggMC00LjUgMS44LTEuNyAxLjctMS43IDQuMyAwIDIuNyAxLjcgNC40IDEuNyAxLjcgNC41IDEuN3ptMzYuMy02LjRxMCAwLjgtMC4xIDEuN2gtMTYuNXEwLjQgMi4yIDEuOSAzLjUgMS42IDEuMiAzLjkgMS4yIDEuNiAwIDIuOC0wLjYgMS4zLTAuNiAyLTEuNmw1LjEgMC44cS0xLjEgMy0zLjkgNC42LTIuOSAxLjYtNi4zIDEuNi0zLjIgMC01LjctMS40LTIuNS0xLjQtMy45LTMuOS0xLjQtMi41LTEuNC01LjYgMC0zLjEgMS40LTUuNiAxLjQtMi41IDQtMy45IDIuNS0xLjQgNS42LTEuNCAzLjIgMCA1LjcgMS40IDIuNSAxLjQgMy45IDMuOSAxLjUgMi40IDEuNSA1LjN6bS0xMS4xLTZxLTEuOCAwLTMuMiAxLTEuNCAxLjEtMiAyLjhoMTAuNHEtMC42LTEuNy0yLTIuOC0xLjMtMS0zLjItMXptMTkuOCAxNi44aC01LjR2LTIxaDQuMmwxIDMuMXExLTEuNiAyLjYtMi41IDEuNy0xIDMuNi0xIDIuMiAwIDQuMSAxLjIgMS44IDEuMSAyLjkgMy4yIDEgMiAxIDQuNHYxMi42aC01LjR2LTExLjhxMC0yLjEtMS4yLTMuNC0xLjItMS40LTMtMS40LTIgMC0zLjIgMS40LTEuMiAxLjItMS4yIDMuNHptMzguOC0yMWwtNy43IDIxaC03LjNsLTcuNi0yMWg1LjdsNS4yIDE1aDAuOWw1LjMtMTV6bTEzLjYgMTBsOS40IDExaC02LjhsLTYuOS04LjJoLTF2OC4yaC01LjR2LTI4LjJoNS40djE1LjJoMWw2LjctOGg2LjN6Ii8+PC9zdmc+");
background-size: 136px;
background-position: 0 12px;
background-repeat: no-repeat;
margin-left: 15px
}
.layout {
width: 1106px
}
.sidebar {
width: 164px;
margin: 10px 8px 0 10px;
transition: .5s;
}
#wallAttachmentMenu>a,.navigation .link {
color: #e1e3e6;
display: flex;
align-items: center
}
.navigation .link {
padding: 0 0 0 10px;
border: 0;
font-size: 13px!important;
margin-bottom: 0;
height: 30px;
border-radius: 4px;
display: flex;
}
.navigation .group_link {
height: 30px !important;
padding-top: 0px !important;
display: flex !important;
}
#wallAttachmentMenu>.header,.content>table td[width="120"],a.link.edit-button, div.left_small_block > br, div.left_small_block > br, #votesBalance,.floating_sidebar.show {
display: none
}
.summaryBar{
border: 0;
}
input[style="width:603px;"], #editor, .monaco-editor, .monaco-editor .overflow-guard{
width: 100% !important;
}
.monaco-editor .margin, .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input{
background-color: #333 !important;
}
.page_body {
width: 911px;
float: left;
margin-left: 0;
margin-right: 0;
margin-top: 15px;
font-size: 11px;
text-align: left;
border-radius: 12px;
border: 1px solid #424242
}
input[type=email],input[type=password],input[type=phone],input[type=search],input[type=text],input[type~=email],input[type~=password],input[type~=phone],input[type~=text] {
width: 100%;
padding: 8px 12px;
font-size: 13px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,.16);
background-color: #333;
color: #e1e3e6
}
input[type~=date],input[type~=search],select,textarea {
padding: 8px 12px !important;
border: 1px solid rgba(255,255,255,.16)
}
input[type~=date],select,textarea {
width: 100%;
font-size: 13px;
border-radius: 8px;
background-color: #333;
color: #e1e3e6
}
#wallAttachmentMenu>a {
font-size: 13px;
gap: 5px;
padding: 7px 22px 7px 8px;
cursor: pointer;
width: 110px
}
#wallAttachmentMenu>a:hover,.bsdn_contextMenuElement:hover, .audioEntry:hover, .attachAudio:hover {
background-color: rgba(255,255,255,.08)
}
#wallAttachmentMenu,.bsdn_contextMenu {
position: absolute;
border: 1px solid #424242;
background-color: #292929;
z-index: 32;
margin-top: 20px;
margin-left: -6px;
box-shadow: none
}
img[src="/assets/packages/static/openvk/img/oxygen-icons/16x16/mimetypes/application-x-egon.png"] {
content: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M5.5 5.5c.57 0 1-.2 1.34-.52.24-.24.43-.54.55-.74l.06-.1c.15-.23.26-.37.39-.47.11-.08.3-.17.66-.17h3c.36 0 .55.09.66.17.13.1.24.24.4.48l.05.09c.12.2.3.5.55.74.33.32.77.52 1.34.52.73 0 .99 0 1.19.04.9.18 1.59.88 1.77 1.77.04.2.04.46.04 1.19v3.45c0 .85 0 1.45-.04 1.9-.04.46-.1.72-.2.92-.22.42-.57.77-.99.98-.2.1-.46.17-.91.21-.46.04-1.06.04-1.91.04h-6.9c-.85 0-1.45 0-1.91-.04a2.4 2.4 0 0 1-.91-.2 2.25 2.25 0 0 1-.99-.99 2.4 2.4 0 0 1-.2-.91c-.04-.46-.04-1.06-.04-1.91V8.5c0-.73 0-.99.04-1.19.18-.9.88-1.59 1.77-1.77.2-.04.46-.04 1.19-.04zm3-3.5c-.64 0-1.14.16-1.54.46-.39.27-.62.63-.78.9l-.08.11c-.13.22-.2.34-.3.43-.06.05-.12.1-.3.1h-.09c-.61 0-1.03 0-1.4.07a3.75 3.75 0 0 0-2.94 2.95C1 7.38 1 7.8 1 8.42v3.56c0 .81 0 1.47.04 2 .05.55.14 1.03.37 1.47.36.7.93 1.28 1.64 1.64.44.23.92.32 1.47.37.53.04 1.18.04 2 .04H13.48c.81 0 1.47 0 2-.04a3.84 3.84 0 0 0 1.47-.37c.7-.36 1.28-.93 1.64-1.64.23-.44.32-.92.37-1.47.04-.53.04-1.19.04-2V8.41c0-.61 0-1.03-.07-1.4a3.75 3.75 0 0 0-2.95-2.94 7.5 7.5 0 0 0-1.4-.07h-.08c-.18 0-.24-.05-.3-.1-.1-.1-.17-.2-.3-.43l-.08-.12c-.16-.26-.4-.62-.78-.9-.4-.29-.9-.45-1.54-.45zm3.75 8.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0zm1.5 0a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0z' fill='%238a8a8a' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}
img[src="/assets/packages/static/openvk/img/oxygen-icons/16x16/mimetypes/application-vnd.rn-realmedia.png"] {
content: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M10 17a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm-8.5-7a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0zm8.65 3.38 2.7-1.56a2.1 2.1 0 0 0 0-3.64l-2.7-1.56A2.1 2.1 0 0 0 7 8.44v3.12a2.1 2.1 0 0 0 3.15 1.82zm1.95-3.9c.4.23.4.8 0 1.04l-2.7 1.56a.6.6 0 0 1-.9-.52V8.44c0-.46.5-.75.9-.52z' fill='%238a8a8a' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}
img[src="/assets/packages/static/openvk/img/oxygen-icons/16x16/actions/draw-brush.png"] {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%238a8a8a' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M6.67 12.5c-1 0-1.77.76-1.82 1.72a3.54 3.54 0 0 1-1.28 2.65c.5...