Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2025-07-01 21:48:17 +03:00
Code Issues Projects Releases Packages Wiki Activity

update(openvk_modern): expand & actualize stylesheet, add minor fixes

Browse source
This commit is contained in:
Mikita Wiśniewski 2025-06-03 21:24:01 +07:00 committed by Mikita Wiśniewski
parent b90a0fa013
commit c19765d48e
1 changed files with 377 additions and 321 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

154
themepacks/openvk_modern/stylesheet.css
View file

@ -1,30 +1,34 @@
body { body {
background: url("/themepack/openvk_modern/0.0.1.0/resource/1.png") repeat-x fixed; background: url("/themepack/openvk_modern/0.0.1.0/resource/1.png") repeat-x
fixed;
} }
.page_header { .page_header {
position: fixed; position: fixed;
height: 42px; height: 42px;
background: #3C3C3C; background: #3c3c3c;
z-index: 199; z-index: 199;
} }
.home_button { .home_button {
background: #3C3C3C url("/themepack/openvk_modern/0.0.1.0/resource/2.png") no-repeat; background: #3c3c3c url("/themepack/openvk_modern/0.0.1.0/resource/2.png")
no-repeat;
background-size: 80%; background-size: 80%;
background-position-y: 0px; background-position-y: 0px;
background-position-x: 1px; background-position-x: 1px;
} }
.home_button_custom { .home_button_custom {
background: #3C3C3C url("/themepack/openvk_modern/0.0.1.0/resource/4.png") no-repeat; background: #3c3c3c url("/themepack/openvk_modern/0.0.1.0/resource/4.png")
no-repeat;
background-size: 80%; background-size: 80%;
background-position-y: 0px; background-position-y: 0px;
background-position-x: 1px; background-position-x: 1px;
text-shadow: none; text-shadow: none;
} }
.header_navigation .link, .header_navigation .header_divider_stick { .header_navigation .link,
.header_navigation .header_divider_stick {
background: unset !important; background: unset !important;
} }
@ -32,9 +36,21 @@ body {
text-decoration: none; text-decoration: none;
} }
.header_navigation #search_box .search_box_button {
border: solid 1px #606060;
box-shadow: unset;
}
.header_navigation #search_box .search_box_button:active {
background-color: #606060;
box-shadow: unset;
}
.sidebar { .sidebar {
margin-top: 47px; margin-top: 47px;
position: fixed; position: fixed;
background-color: #fff;
z-index: 199;
} }
.page_body { .page_body {
@ -59,8 +75,8 @@ body {
} }
.content_subtitle { .content_subtitle {
border-top: #F0F0F0 solid 1px; border-top: #f0f0f0 solid 1px;
border-bottom: 1px solid #F0F0F0; border-bottom: 1px solid #f0f0f0;
} }
.user-alert { .user-alert {
@ -80,15 +96,18 @@ body {
} }
.navigation .link:hover { .navigation .link:hover {
border-top: 1px solid #E4E4E4; border-top: 1px solid #e4e4e4;
} }
#profile_link, .profile_link { #profile_link,
.profile_link {
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.completeness-gauge-gold { .completeness-gauge {
border: 1px solid #f6ebbb; width: 100%;
border: unset;
border-top: unset;
} }
.post-author { .post-author {
@ -103,18 +122,18 @@ body {
} }
.page_yellowheader { .page_yellowheader {
background: #E2E2E2; background: #e2e2e2;
border-right: solid 1px #E2E2E2; border-right: solid 1px #e2e2e2;
border-left: solid 1px #E2E2E2; border-left: solid 1px #e2e2e2;
border-bottom: solid 1px #E2E2E2; border-bottom: solid 1px #e2e2e2;
} }
.page_yellowheader span { .page_yellowheader span {
color: #BBBBBB; color: #bbbbbb;
} }
.page_yellowheader a { .page_yellowheader a {
color: #5C5C5C; color: #5c5c5c;
} }
.page-wrap { .page-wrap {
@ -130,8 +149,8 @@ body {
} }
#wrapHI { #wrapHI {
border-right: solid 1px #E2E2E2; border-right: solid 1px #e2e2e2;
border-left: solid 1px #E2E2E2; border-left: solid 1px #e2e2e2;
} }
.left_small_block { .left_small_block {
@ -139,35 +158,44 @@ body {
} }
.menu_divider { .menu_divider {
background: #E5E5E5; background: #e5e5e5;
} }
.postFeedWrapper { .postFeedWrapper {
border-bottom: 1px solid rgb(240,240,240); border-bottom: 1px solid rgb(240, 240, 240);
} }
.container_gray { .container_gray {
border-top: #EBEBEB solid 1px; border-top: #ebebeb solid 1px;
} }
.container_gray .content { .container_gray .content {
border: #E5E5E5 solid 1px; border: #e5e5e5 solid 1px;
} }
.accent-box { .accent-box {
border: 1px solid white; border: 1px solid white;
} }
input[type="text"], input[type="password"], input[type~="text"], input[type="text"],
input[type~="password"], input[type="email"], input[type="phone"], input[type="password"],
input[type~="email"], input[type~="phone"], input[type="date"], input[type~="text"],
input[type~="date"], input[type="search"], input[type~="search"], input[type~="password"],
textarea, select { input[type="email"],
border: 1px solid #E5E5E5; input[type="phone"],
input[type~="email"],
input[type~="phone"],
input[type="date"],
input[type~="date"],
input[type="search"],
input[type~="search"],
textarea,
select {
border: 1px solid #e5e5e5;
} }
input[type=checkbox] { input[type="checkbox"] {
background-image: url("/themepack/openvk_modern/0.0.1.0/resource/6.png") background-image: url("/themepack/openvk_modern/0.0.1.0/resource/6.png");
} }
ul { ul {
@ -175,6 +203,16 @@ ul {
list-style-type: disc; list-style-type: disc;
} }
.like_tooltip_wrapper .like_tooltip_head {
background: #515151;
box-shadow: unset;
border: solid 1px #515151;
}
.like_tooltip_wrapper .like_tooltip_body {
border: 1px solid #515151;
}
.mb_tab#active div { .mb_tab#active div {
border: 2px solid #898989; border: 2px solid #898989;
} }
@ -197,20 +235,20 @@ ul {
} }
.crp-entry:first-of-type { .crp-entry:first-of-type {
border-color: #E5E5E5; border-color: #e5e5e5;
} }
.crp-entry { .crp-entry {
width: 593px; width: 593px;
border-color: #E5E5E5; border-color: #e5e5e5;
} }
#faqhead { #faqhead {
border: 1px solid #FBF3C3; border: 1px solid #fbf3c3;
} }
#faqcontent { #faqcontent {
border: 1px solid #FAFAFA; border: 1px solid #fafafa;
} }
.ovk-diag { .ovk-diag {
@ -233,23 +271,25 @@ ul {
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
#votesBalance { #votesBalance,
border-bottom: none; #news {
border-bottom: unset;
} }
.floating_sidebar,.floating_sidebar.show { .floating_sidebar,
display:none .floating_sidebar.show {
display: none;
} }
#backdrop:before { #backdrop:before {
content:""; content: "";
display:block; display: block;
position:fixed; position: fixed;
top:0; top: 0;
left:0; left: 0;
height:42px; height: 42px;
width:100%; width: 100%;
background-color:#3c3c3c background-color: #3c3c3c;
} }
.search_box_button { .search_box_button {
@ -276,6 +316,7 @@ ul {
.verticalGrayTabsWrapper { .verticalGrayTabsWrapper {
border-top: unset; border-top: unset;
border-left: unset;
} }
.sugglist { .sugglist {
@ -291,11 +332,13 @@ ul {
filter: contrast(2) !important; filter: contrast(2) !important;
} }
.audioEmbed .track > .selectableTrack, .bigPlayer .selectableTrack { .audioEmbed .track > .selectableTrack,
.bigPlayer .selectableTrack {
border-top: #404040 1px solid !important; border-top: #404040 1px solid !important;
} }
.bigPlayer .paddingLayer .slider, .audioEmbed .track .slider { .bigPlayer .paddingLayer .slider,
.audioEmbed .track .slider {
background: #3c3c3c !important; background: #3c3c3c !important;
} }
@ -318,4 +361,17 @@ ul {
.bigPlayer { .bigPlayer {
position: sticky; position: sticky;
top: 42px; top: 42px;
box-shadow: unset;
}
#audio_upload {
border: 1px solid #ccc;
}
#wallAttachmentMenu {
box-shadow: unset;
}
#backdropEditor {
border: unset;
} }