Skip to content

VK Messanger Enhanced by mtkusbdevice

Write a review Install Get Stylus

Details

Authormtkusbdevice

LicenseNo License

Categoryweb.vk.me

Created

Updated

Size10 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Enhanced version on VK Messanger

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         VK Messanger Enhanced
@version      20240613.15.42
@namespace    https://userstyles.world/user/mtkusbdevice
@description  Enhanced version of VK Messanger
@author       mtkusbdevice
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://web.vk.me/") {
:root {
    --vkui--size_switch_height--regular: 14px;
    --vkui--size_switch_height--compact: 26px;
    --vkui--size_switch_width--regular: 34px;
    --vkui--size_switch_width--compact: 44px;
    --vkui--size_switch_pin--regular: 20px;
    --vkui--size_switch_pin--compact: 20px;
}
.vkuiSwitch--sizeY-none,
.vkuiSwitch__pseudo:after {
    transition: 0.2s;
}
.BaseModal__backdrop {
    backdrop-filter: blur(0.24rem);
}
.RE_ModalBackdrop,
.RE_ModalBackdrop--tinted {
    backdrop-filter: blur(0.24rem);
}
.vkuiIconButton {
    transition: 0.4s;
}
.vkuiIconButton:hover {
    transition: 0.4s;
    transform: scale(1.1);
}
.vkuiIconButton:active {
    transition: 0.4s;
    transform: scale(0.9);
}
.CallSettingsDropdown__outer {
    transition: 1s;
}
.ConvoHistory__unreadSeparator, .ConvoHistory__unreadSeparator--themed {
    backdrop-filter: blur(1rem);
}
.CallSettingsDropdown__outer:hover {
    transition: 1s;
    transform: rotate(360deg);
}
.MediaViewer__closer:hover {
    transition: 0.4s;
    transform: rotate(90deg);
}
.MediaViewer__closer:active {
    transition: 0.4s;
    transform: scale(0.9);
}
.Call {
    background: #19191ad6;
    backdrop-filter: blur(1rem);
    border-radius: 1rem;
}
.CallOrator__orator {
    border-radius: 0.8rem;
}
.OratorTitle {
    backdrop-filter: blur(1rem);
    border-radius: 256rem;
    transform: scale(0.9);
    margin-left: -0.7rem;
}
.StreamModeSwitcher.vkuiSegmentedControl {
    backdrop-filter: blur(1rem);
}
.RoundedGroupItem-module__rootModeNegative--Vkqgc, .calls_modal_header_close_button {
    transition: 1s;
}
.RoundedGroupItem-module__rootModeNegative--Vkqgc:hover, .calls_modal_header_close_button:hover {
    transition: 1s;
    transform: rotate(360deg);
}
.VideoZoomControls {
    backdrop-filter: blur(1rem);
    border-radius: 256rem;
    border: .5px solid rgba(255, 255, 255, .12);
    transform: scale(0.8);
    margin-right: -0.8rem;
}
.Participant::after {
    border-radius: 12px;
}
.Participant--isInteractive {
    border-radius: 12px;
}
.Participant__wrapper {
    border-radius: 12px;
}
.Participant {
    border-radius: 12px;
}
.CallOrator__participant {
    border-radius: 12px;
    transition: 0.2s;
}
.CallOrator__participant:active {
    transform: scale(0.98);
}
.ConvoMessageBottomInfo__date {
    font: 500 var(--messageDateFontSize) / var(--messageDateFontSize) var(--font);
}
.PhotoItem {
    border-radius: 8px;
}
.PhotoItem__blur,
.PhotoItem__nothumbhash {
    border-radius: 8px;
}
.PhotoItem__img,
.PhotoItem__img--loaded {
    border-radius: 8px;
}
.AttachVideos__videoPlay {
    backdrop-filter: blur(1px);
}
.ConvoMessageBottomInfo,
.ConvoMessage__info,
.ConvoMessage__info--clickable {
    backdrop-filter: blur(4px);
}
.CallBaseWidget,
.vkui--vkBase--dark {
    border-radius: 20px;
}
.ConvoListItem,
.ConvoListItem--click,
.ConvoListItem--selected {
    border-radius: 12px;
}
.OrganiserViewHorizontal__gear {
    transition: 1s;
}
.OrganiserViewHorizontal__gear:hover {
    transform: rotate(360deg);
    transition: 1s;
}
.OrganiserViewHorizontal__gear:active {
    transform: scale(0.9);
    transition: 0.4s;
}
.SettingsMenu__item {
    margin: 6px 0;
}
.vkuiInternalGroup,
.vkuiGroup,
.vkuiGroup--sizeX-none,
.vkuiInternalGroup--sizeX-none,
.vkuiGroup--mode-card,
.vkuiInternalGroup--mode-card,
.vkuiGroup--padding-m,
.SettingsMenu__group {
    padding-bottom: 2px;
}
.MediaViewerPhoto__imgView {
    border-radius: 0.2rem;
}
.DateSeparator,
.DateSeparator--active,
.DateSeparator--visible {
    border-radius: 2rem;
    padding-top: 5px;
    backdrop-filter: blur(1rem);
}
.ConvoMessage,
.ConvoMessage--in,
.ConvoMessage--withText,
.ConvoMessage--withAuthorName {
    transition: 0.3s;
}
.ConvoMessage:hover,
.ConvoMessage--in:hover,
.ConvoMessage--withText:hover,
.ConvoMessage--withAuthorName:hover {
    filter: brightness(1.1);
    transition: 0.3s;
}
.ConvoMessage:active,
.ConvoMessage--in:active,
.ConvoMessage--withText:active,
.ConvoMessage--withAuthorName:active {
    transform: scale(0.99);
    transition: 0.3s;
}
.vkuiTabsItem,
.vkuiTabsItem--mode-accent,
.vkuiTabsItem--selected,
.vkuiTabsItem--sizeY-none,
.vkuiTabsItem--withGaps,
.OrganiserViewHorizontal__item,
.TabsItem-module__rootNoMinWidth--S9zZb,
.vkuiTappable,
.vkuiInternalTappable,
.vkuiTappable--sizeX-none,
.vkuiTappable--hasHover,
.vkui-focus-visible {
    border-radius: 1.4rem;
}
.vkuiTabsItem:active,
.vkuiTabsItem--mode-accent:active,
.vkuiTabsItem--selected:active,
.vkuiTabsItem--sizeY-none:active,
.vkuiTabsItem--withGaps:active,
.OrganiserViewHorizontal__item:active,
.TabsItem-module__rootNoMinWidth--S9zZb:active,
.vkuiTappable:active,
.vkuiInternalTappable:active,
.vkuiTappable--sizeX-none:active,
.vkuiTappable--hasHover:active,
.vkui-focus-visible:active {
    transform: scale(0.97);
    transition: 0.3s;
}
.vkuiTabsItem__label {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    text-align: center;
}
.vkuiSearch__field {
    border-radius: 8rem;
    border: .5px solid rgba(255, 255, 255, .12);
    transition: 0.3s;
}
.vkuiSearch__field:active {
    transform: scale(0.97);
    transition: 0.3s;
}
.ConvoList__search {
    padding-bottom: 0px;
}
.ConvoAttachPhoto__img {
    border-radius: 0.3rem;
}
.ActionCell,
.ConvoProfileActions__action {
    border-radius: 0.8rem;
    border: .5px solid rgba(255, 255, 255, .03);
}
.ActionCell:active,
.ConvoProfileActions__action:active {
    transform: scale(0.97);
    transition: 0.3s;
}
.CallSettings__cameraStream,
.CallSettings__cameraContent,
.CallSettings__camera {
    border-radius: 1rem;
}
.BurgerMenu__button {
    border-radius: 16rem;
}
.BurgerMenu__button:active {
    transform: scale(0.92);
    transition: 0.3s;
}
.BannerPanel__close {
    transition: 1s;
}
.BannerPanel__close:hover {
    transition: 1s;
    transform: rotate(360deg);
}
.BannerPanel__close:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.ConvoHeader__action {
    border-radius: 16rem;
}
.ConvoHeader__action:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.vkmListHeader__button,
.ConvoList__topMenuAction {
    border-radius: 16rem;
}
.vkmListHeader__button:active,
.ConvoList__topMenuAction:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.ConvoComposer__buttonIcon {
    border-radius: 16rem;
}
.ConvoComposer__buttonIcon:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.ConvoComposer__button {
    border-radius: 16rem;
}
.ConvoComposer__button:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.ConvoMain__composerContent,
.ComposerSelecting {
    border-radius: 1.45rem;
}
.vkuiScrollArrow__icon {
    border-radius: 20rem;
}
.vkuiScrollArrow__icon:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.RightPanelControl,
.RightPanelControl--left {
    border-radius: 16rem
}
.RightPanelControl:active,
.RightPanelControl--left:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.MediaViewerToolbar__action {
    border-radius: 16rem
}
.MediaViewerToolbar__action:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.MediaViewer__footer {
    border-radius: 16rem;
    padding: 0 9px;
}
.HopNavigationButton__icon {
    transition: 0.3s;
}
.HopNavigationButton,
.HopNavigationButton--enter-done {
    border-radius: 16rem;
}
.HopNavigationButton:active,
.HopNavigationButton--enter-done:active {
    transition: 0.3s;
    transform: scale(0.92);
}
.CallPhoto,
.Participant__oratorPhoto,
.CallPhoto--200,
.BlurredBackground,
.CallOrator,
.Participant__main,
.CallOrator__others,
.CallOrator__toggleOthers,
.ConvoProfileMembers__member,
.ConvoProfileMembers__member--clickable,
.Participant--withAnimation,
.Participant--isInteractive {
    transition: 0.3s;
}
.ConvoComposer__stickerEmojiMenuPopper,
.StickerEmojiMenuPopper__content {
    border-radius: 1rem;
    transition: 0.3s;
}
.CallNotification {
    border-radius: 8rem;
    backdrop-filter: blur(1rem);
}
.vkuiIcon--cancel_outline_24:hover {
    transform: rotate(360deg);
    transition: 1s;
}
.vkuiIcon--download_outline_20:hover {
    animation: 1.5s dlbutton-20 infinite;
    transition: 0.3s
}
.vkuiIcon--magnifier_plus_outline_20:hover,
.vkuiIcon--voice_outline_24:hover,
.vkuiIcon--phone_outline_24:hover,
.vkuiIcon--phone_add_outline_24:hover,
.vkuiIcon--search_outline_16:hover,
.vkuiIcon--search_outline_24:hover {
    animation: 0.7s zoominbutton-20 ease-out;
}
.vkuiIcon--magnifier_minus_outline_20:hover {
    animation: 0.7s zoomoutbutton-20 ease-out;
}
.vkuiIcon--rotate_left_20:hover {
    transition: 1s;
    transform: rotate(-360deg);
}
.vkuiIcon--rotate_left_20:active {
    animation: 0.3s rotbutton-20 ease-out;
}

@keyframes dlbutton-20 {
    0% {
        transform: translate(0.1px, 0%);
    }
    25% {
        transform: translate(0.1px, 10%);
    }
    50% {
        transform: translate(0.1px, 0%);
    }
    75% {
        transform: translate(0.1px, 10%);
    }
    100% {
        transform: translate(0.1px, 0%);
    }
}
@keyframes zoominbutton-20 {
    0% {
        transform: rotate(0deg);
        scale: 1;
    }
    25% {
        transform: rotate(10deg);
        scale: 1.05;
    }
    50% {
        transform: rotate(-10deg);
        scale: 1.05;
    }
    75% {
        transform: rotate(10deg);
        scale: 1.05;
    }
    100% {
        transform: rotate(0deg);
        scale: 1;
    }
}
@keyframes zoomoutbutton-20 {
    0% {
        transform: rotate(0deg);
        scale: 1;
    }
    25% {
        transform: rotate(20deg);
        scale: 0.95;
    }
    50% {
        transform: rotate(0deg);
        scale: 0.95;
    }
    75% {
        transform: rotate(20deg);
        scale: 0.95;
    }
    100% {
        transform: rotate(0deg);
        sc...

Reviews

No reviews yet.