openvk/themepacks/midnight/stylesheet.css
lalka2018 77bd393215 feat(profiles): add ability to crop avatar
Closes #1068 and maybe slash 106
2024-02-04 18:59:34 +03:00

392 lines
No EOL
11 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

* {
scrollbar-color: #3f365b #1d192b;
}
html {
color-scheme: dark !important;
}
body, #backdropDripper, #standaloneCommentBox {
background-color: #0e0b1a;
color: #c6d2e8;
}
#backdropDripper {
box-shadow: -30px 0px 20px 20px #0e0b1a, -50px 0px 20px 20px hsl(252 41% 7% / 59%), -70px 0px 20px 20px hsl(252 41% 7% / 43%), -90px 0px 20px 20px hsl(252 41% 7% / 35%), -110px 0px 20px 20px hsl(252 41% 7% / 28%), -130px 0px 20px 20px hsl(252 41% 7% / 16%), 30px 0px 20px 20px #0e0b1a, 50px 0px 20px 20px hsl(252 41% 7% / 59%), 70px 0px 20px 20px hsl(252 41% 7% / 43%), 90px 0px 20px 20px hsl(252 41% 7% / 35%), 110px 0px 20px 20px hsl(252 41% 7% / 28%), 130px 0px 20px 20px hsl(252 41% 7% / 16%);
}
span, .post-author .date, .crp-entry--message---text, .messenger-app--messages---message .time, .navigation-lang .link_new, .tippy-box text {
color: #8b9ab5 !important;
}
.nobold, nobold {
color: #6f82a8;
}
.page_status {
color: #c6d2e8;
}
.profileName h2 {
color: #8eb2d0;
}
.wrap1, .wrap2, .page-wrap, #wrapH, #wrapHI {
border-color: #1c202f;
}
.accountInfo, .left_small_block, #profile_link, .profile_link, .navigation .link, .navigation .link:hover, .navigation_footer .link, .navigation_footer .link:hover, .completeness-gauge, 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"], input[type~="date"], select, .content_title_expanded, .content_title_unexpanded, .content_subtitle, textarea, .post-content, .post-author, hr, h4, .postFeedWrapper, .tabs, #wallAttachmentMenu, .ovk-diag, .ovk-diag-head, #ovkDraw, #ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar, .page_wrap, .container_gray .content, .summaryBar, .groups_options, form[action="/search"] > input, .header_search_input, .header_search_inputbt, .accent-box, .page_status_popup, .messenger-app--input, .messenger-app, .crp-entry:first-of-type, .crp-list, .crp-entry, .note_footer, .page_content > div, #editor, .note_header, center[style="background: white;border: #DEDEDE solid 1px;"], .album-photo img, .mb_tabs, .mb_tab#active div, .navigation-lang .link_new, #faqhead, #faqcontent, .post-divider, .comment, .commentsTextFieldWrap, tr, td, th, #votesBalance, .paginator a.active, .paginator a:hover, .topic-list-item, #userContent blockquote, .tippy-box[data-theme~="vk"], .poll, #standaloneCommentBox, .searchBtn, .searchList #used, .searchOptionName, .borderup, #tour, #auth, .ovk-photo-view, .searchOptions {
border-color: #2c2640 !important;
}
.tippy-box[data-theme~="vk"][data-placement^='top'] > .tippy-arrow::before, .tippy-box[data-theme~="vk"][data-placement^='bottom'] > .tippy-arrow::before {
border-top-color: #1e1a2b;
border-bottom-color: #1e1a2b;
}
hr {
background-color: #2c2640 !important;
}
.cookies-popup {
background: linear-gradient(#1e1a2b, #231e33);
box-shadow: unset;
}
.button, #activetabs, .messagebox-content-header, .accent-box, .button_search, .searchBtn, .searchOptionName {
background-color: #383052;
}
.tab:hover {
background-color: #40375e;
}
.menu_divider, .ovk-diag-action, .minilink .counter {
background-color: #2c2640;
}
.bsdn_contextMenu {
background-color: #1f1a2c;
border-color: #2c2640;
}
.bsdn_contextMenuElement:hover, .searchList li:hover {
background-color: #29223a;
}
#ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar, .mb_tab#active {
background-color: #453e5e !important;
}
.ovk-diag-cont {
background-color: #272e4894;
}
a, .page_footer .link, #profile_link, .profile_link {
color: #8fb9d8;
}
.page_footer .link:hover, .navigation .link:hover, .navigation .edit-button:hover, #profile_link:hover, .profile_link:hover, #wallAttachmentMenu > a:hover, .crp-entry:hover, .navigation-lang .link_new:hover, .paginator a:hover, .post-share-button:hover, .post-like-button:hover, .searchBtn:active {
background-color: #272138 !important;
}
.header_navigation .link a, .searchOptionName {
color: #bcc3d0;
}
.header_navigation .link a:hover, .home_button_custom {
color: #c7cdd9;
}
.navigation .link {
color: #d9e0ee;
}
.navigation .edit-button {
background-color: #0e0b1a !important;
color: #7b94c4 !important;
}
#test-label, .msg.msg_err {
background-color: #30161d;
}
.msg.msg_succ {
background-color: #163f13;
}
h4, .content_title_expanded, .summaryBar .summary, .content_title_unexpanded {
color: #7c94c5;
}
.notes_titles small, .post-upload, .post-has-poll {
color: #6f82a8;
}
.content_title_expanded, .content_title_unexpanded, .ovk-diag, .settings_delete, center[style="background: white;border: #DEDEDE solid 1px;"], .album-photo img, #faqhead, td.e, tr.e {
background-color: #231e33 !important;
}
.content_subtitle, .postFeedWrapper, .ovk-diag-head, .container_gray, .page_status_popup, .messenger-app--input, .note_header, #faqcontent, .commentsTextFieldWrap, td.v, tr.v, #votesBalance, .expand_button, #userContent blockquote, .tippy-box[data-theme~="vk"], .searchOptions {
background-color: #1e1a2b !important;
}
.post-author {
background-color: #1e1a2b;
/* this is fix to correct the unexpected behavior of the microblog style lol */
}
.content_title_expanded {
background-image: url("/themepack/midnight/0.0.2.8/resource/flex_arrow_open.png") !important;
}
.content_title_unexpanded {
background-image: url("/themepack/midnight/0.0.2.8/resource/flex_arrow_shut.gif") !important;
}
.ovk-video > .preview, .video-preview {
box-shadow: inset 0 0 0 1px #231e33, inset 0 0 0 2px #1e1a2b;
}
#wallAttachmentMenu, .container_gray .content, .mb_tabs {
background-color: #120e1f;
}
#wallAttachmentMenu > .header, .messenger-app--messages---message.unread, tr.h {
background-color: #1d192b;
}
.toTop {
background-color: #272138;
color: #c6d2e8;
}
.page_yellowheader {
color: #c6d2e8;
background-image: url("/themepack/midnight/0.0.2.8/resource/header_purple.png") !important;
background-color: #231f34;
border-color: #231f34;
}
.page_header {
background-image: url("/themepack/midnight/0.0.2.8/resource/header.png") !important;
}
.page_custom_header {
background-image: url("/themepack/midnight/0.0.2.8/resource/header_custom.png") !important;
}
.page_yellowheader span, .page_yellowheader a {
color: #a48aff !important;
}
.completeness-gauge, .poll-result-bar {
background-color: #231e33;
}
.completeness-gauge > div, .poll-result-bar-sub {
background-color: #2c2640;
}
form[action="/search"] > input, .header_search_input, textarea, 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"], input[type~="date"], select, .crp-entry--message.unread {
background-color: #181826 !important;
}
input[type="checkbox"] {
background-image: url("/themepack/midnight/0.0.2.8/resource/checkbox.png") !important;
}
input[type="radio"] {
background-image: url("/themepack/midnight/0.0.2.8/resource/radio.png") !important;
}
.header_navigation .link {
background: unset;
}
.heart {
background-image: url("/themepack/midnight/0.0.2.8/resource/like.gif") !important;
}
.pinned-mark, .post-author .pin {
background-image: url("/themepack/midnight/0.0.2.8/resource/pin.png") !important;
}
.repost-icon {
background-image: url("/themepack/midnight/0.0.2.8/resource/published.gif") !important;
}
.post-author .delete {
background-image: url("/themepack/midnight/0.0.2.8/resource/input_clear.gif") !important;
}
.user-alert {
background-color: #41311a;
color: #d5b88c;
border-color: #514534;
}
.searchBtn {
box-shadow: 0px 2px 0px 0px rgba(111, 111, 111, 0.18) inset;
}
.searchBtn:active {
box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.18) inset;
}
.searchList #used {
background: #463f60 !important;
}
#backdropEditor {
background-image: url("/themepack/midnight/0.0.2.8/resource/backdrop-editor.gif") !important;
border-color: #473e66 !important;
}
.sugglist {
background-color: #231e33;
border-color: #2c2640 !important;
}
.sugglist a {
color: #7c94c5;
}
.button.loaded {
background: #383052 url("/assets/packages/static/openvk/img/loading_mini.gif") no-repeat 50% 50% !important;
}
.bigPlayer {
background-color: rgb(30, 26, 43) !important;
}
.bigPlayer .selectableTrack, .audioEmbed .track > .selectableTrack {
border-top: #b9b9b9 1px solid !important;
}
.bigPlayer .paddingLayer .slider, .audioEmbed .track .slider {
background: #b9b9b9 !important;
}
.musicIcon {
filter: invert(81%) !important;
}
.audioEntry.nowPlaying {
background: #463f60 !important;
border: 1px solid #645a86 !important;
}
.preformer {
color: #b7b7b7 !important;
}
.bigPlayer .paddingLayer .trackPanel .track .timeTip {
background: #b9b9b9 !important;
color: black !important;
}
.audioEntry.nowPlaying:hover {
background: #50486f !important;
}
.audioEntry:hover {
background: #19142D !important;
}
.audioEntry .performer a {
color: #a2a1a1 !important;
}
.musicIcon.lagged {
opacity: 49%;
}
.bigPlayer .paddingLayer .bigPlayerTip {
color: black !important;
}
.searchList a {
color: #bbb !important;
}
.searchList a:hover {
color: #eeeeee !important;
background: #332d46 !important;
}
.friendsAudiosList .elem:hover {
background: #332d46 !important;
}
.audioEntry .playerButton .playIcon {
filter: invert(81%);
}
img[src$='/assets/packages/static/openvk/img/camera_200.png'], img[src$='/assets/packages/static/openvk/img/song.jpg'] {
filter: invert(100%);
}
.audioStatus {
color: #8E8E8E !important;
}
.audioEntry .withLyrics {
color: #6f6497 !important;
}
#listensCount {
color: unset !important;
}
#upload_container, .whiteBox {
background: #1d1928 !important;
border: 1px solid #383052 !important;
}
ul {
color: #8b9ab5 !important;
}
#audio_upload {
border: 2px solid #383052 !important;
background-color: #262133 !important;
}
/* вот бы css в овк был бы написан на var()'ах( */
#upload_container.uploading {
background: #121017 url('/assets/packages/static/openvk/img/progressbar.gif') !important;
}
.musicIcon.pressed {
opacity: 41% !important;
}
.ovk-diag-body .searchBox {
background: #1e1a2b !important;
}
.audioEntry.nowPlaying .title {
color: #fff !important;
}
.attachAudio:hover {
background: #19142D !important;
cursor: pointer;
}
.showMore, .showMoreAudiosPlaylist {
background: #181826 !important;
}
/* Tour */
.rightNav h1{
background: #000;
}
.tabcontent{
background: #2c2640 !important;
}
.add_image_text {
z-index: 999;
}