Description
Yandex.Disk Dark Mode by unsmo
Details
Authorunsmo
LicenseNo License
Categorydisk.yandex.com
Created
Updated
Size2.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name disk.yandex.com - 10/26/2022, 4:52:23 AM
@namespace github.com/openstyles/stylus
@version 1.0.1
@description boop
@author unsmo@yahoo.com
==/UserStyle== */
@-moz-document domain("disk.yandex.com") {
}
html:not(.m-mobile) .root__content-wrap {
min-width: 0;
background: #11110d;
padding: 8px;
}
.root:not(.root_with-cover-layer) {
background: #11110d;
}
.listing-item {
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
padding: 16px 20px;
color: #fbfbfb;
font-size: 13px;
line-height: 22px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
}
.listing-item.listing-item:not(.listing-item_disabled):hover, .listing-item.listing-item_highlighted, .listing-item.listing-item_selected, .utilityfocus .listing-item.listing-item:focus {
background: #5c5e62;
}
.root {
background: #11110d;
padding-top: 60px;
}
.LeftColumn, .LeftColumn::after {
border-top-left-radius: var(--radius-mg-l-base);
}
.LeftColumnNavigation__Item {
display: block;
height: var(--button-size-s-height);
font-size: var(--button-size-s-font);
line-height: -webkit-calc(var(--button-size-s-lineHeight) - 4px);
line-height: calc(var(--button-size-s-lineHeight) - 4px);
color: #fff;
position: relative;
padding-left: calc(var(--button-size-s-icon-width) - 2px);
border-radius: var(--button-borderRadius);
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid transparent;
}
.LeftColumn::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
box-shadow: 0 0 2px rgba(58,66,75,.1),0 2px 4px rgba(58,66,75,.2);
-webkit-clip-path: inset(0 0 0 -4px);
clip-path: inset(0 0 0 -4px);
}
.element {
}
.LeftColumn, .LeftColumn::after {
border-top-left-radius: var(--radius-mg-l-base);
}
.LeftColumn, .LeftColumn::after {
border-top-left-radius: var(--radius-mg-l-base);
}
.LeftColumn {
position: -webkit-sticky;
position: sticky;
z-index: 11;
top: var(--layout-header-height);
width: var(--layout-left-column-width);
height: -webkit-calc(100vh - var(--layout-header-height));
height: calc(100vh - var(--layout-header-height));
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
background: #11110d;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}