mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
Michael Gordeev
126 lines
2.5 KiB
CSS
126 lines
2.5 KiB
CSS
/* Custom scrollbar */
|
|
.tabsAside ::-webkit-scrollbar
|
|
{
|
|
height: 6px !important;
|
|
}
|
|
|
|
.tabsAside ::-webkit-scrollbar-thumb
|
|
{
|
|
visibility: hidden !important;
|
|
background: darkgray !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
.tabsAside ::-webkit-scrollbar-thumb:hover
|
|
{
|
|
background: gray !important;
|
|
}
|
|
|
|
.tabsAside::-webkit-scrollbar
|
|
{
|
|
width: 6px !important;
|
|
}
|
|
|
|
.tabsAside::-webkit-scrollbar-thumb
|
|
{
|
|
background: gray !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
.tabsAside::-webkit-scrollbar-thumb:hover
|
|
{
|
|
background: darkgray !important;
|
|
}
|
|
|
|
/* Links style */
|
|
.tabsAside a
|
|
{
|
|
font-family: 'Segoe UI', 'Segoe MDL2 Assets' !important;
|
|
color: #0078d7 !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
.tabsAside a:hover
|
|
{
|
|
text-decoration: underline !important;
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.tabsAside a:visited
|
|
{
|
|
color: #0078d7 !important;
|
|
}
|
|
|
|
/* Buttons style */
|
|
.tabsAside button
|
|
{
|
|
font-family: 'Segoe MDL2 Assets' !important;
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
cursor: pointer !important;
|
|
box-shadow: initial !important;
|
|
font-size: inherit !important;
|
|
padding: initial !important;
|
|
position: initial !important;
|
|
box-sizing: initial !important;
|
|
line-height: initial !important;
|
|
text-align: center !important;
|
|
border-radius: 2px !important;
|
|
min-height: initial !important;
|
|
display: initial !important;
|
|
min-width: initial !important;
|
|
}
|
|
.tabsAside button:hover
|
|
{
|
|
background-color: #c6c6c6 !important;
|
|
}
|
|
.tabsAside button:active
|
|
{
|
|
background-color: gray !important;
|
|
}
|
|
|
|
/* Context menus style */
|
|
.tabsAside nav
|
|
{
|
|
font-family: 'Segoe UI' !important;
|
|
user-select: none !important;
|
|
|
|
position: absolute !important;
|
|
width: 250px !important;
|
|
|
|
box-shadow: 0px 0px 10px black !important;
|
|
background-color: white !important;
|
|
border-radius: 5px !important;
|
|
|
|
z-index: 10 !important;
|
|
|
|
visibility: hidden !important;
|
|
|
|
display: initial !important;
|
|
left: initial !important;
|
|
bottom: initial !important;
|
|
padding: initial !important;
|
|
min-height: initial !important;
|
|
font-size: inherit !important;
|
|
}
|
|
|
|
.tabsAside nav button
|
|
{
|
|
font-family: 'Segoe UI' !important;
|
|
cursor: pointer !important;
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
box-sizing: border-box !important;
|
|
|
|
font-size: medium !important;
|
|
text-align: start !important;
|
|
|
|
padding: 10px !important;
|
|
width: 100% !important;
|
|
height: initial !important;
|
|
}
|
|
|
|
.tabsAside button + nav:active,
|
|
.tabsAside button:focus + nav
|
|
{
|
|
visibility: visible !important;
|
|
} |