mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
Michael Gordeev
2eae09583c
- Updated repository documentation: added contribution guidelines, Code of Conduct, GitHub templates - Updated README - Added confirmation dialog for tabs and collections deletion (#17) - Complete code refactoring (HTML/JS/CSS) - Implemented <iframe> base for embedded pane (#13) (Fixed CSS instability on some websites) - Improved dark theme - Added opensource fonts to replace Segoe UI on Unix systems (#11, #17) - Fixed invisible vertical scrollbar - Code polish and improvement Co-authored-by: Amine A. <15179425+AmineI@users.noreply.github.com> Co-Authored-By: Michael Gordeev <michael@xfox111.net>
115 lines
1.9 KiB
CSS
115 lines
1.9 KiB
CSS
/* Custom scrollbar */
|
|
.tabsAside ::-webkit-scrollbar
|
|
{
|
|
height: 6px;
|
|
width: 6px;
|
|
}
|
|
|
|
.tabsAside ::-webkit-scrollbar-thumb
|
|
{
|
|
background: darkgray;
|
|
border-radius: 3px;
|
|
}
|
|
.tabsAside ::-webkit-scrollbar-thumb:hover
|
|
{
|
|
background: gray;
|
|
}
|
|
|
|
.tabsAside
|
|
{
|
|
font-family: 'DefaultFont';
|
|
font-size: 14px;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Links style */
|
|
.tabsAside a
|
|
{
|
|
color: #0078d7;
|
|
}
|
|
.tabsAside a:hover
|
|
{
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tabsAside a:visited
|
|
{
|
|
color: #0078d7;
|
|
}
|
|
|
|
/* Buttons style */
|
|
.tabsAside button
|
|
{
|
|
width: 32px;
|
|
height: 32px;
|
|
background-color: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
.tabsAside button:hover
|
|
{
|
|
background-color: #c6c6c6;
|
|
}
|
|
.tabsAside button:active
|
|
{
|
|
background-color: gray;
|
|
}
|
|
|
|
/* Context menus style */
|
|
.tabsAside nav
|
|
{
|
|
user-select: none;
|
|
|
|
position: absolute;
|
|
width: 250px;
|
|
|
|
box-shadow: 0px 0px 10px black;
|
|
background-color: white;
|
|
border-radius: 5px;
|
|
|
|
z-index: 10;
|
|
|
|
visibility: hidden;
|
|
}
|
|
|
|
.tabsAside nav button
|
|
{
|
|
text-align: start;
|
|
|
|
padding: 0px 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.tabsAside button + nav:active,
|
|
.tabsAside button:focus + nav
|
|
{
|
|
visibility: visible;
|
|
}
|
|
|
|
/* Icon buttons style */
|
|
.btn
|
|
{
|
|
background-repeat: no-repeat;
|
|
background-size: 15px;
|
|
background-position: center;
|
|
}
|
|
|
|
.btn.more
|
|
{
|
|
background-image: url("chrome-extension://__MSG_@@extension_id__/icons/more.svg");
|
|
}
|
|
|
|
.btn.remove
|
|
{
|
|
background-image: url("chrome-extension://__MSG_@@extension_id__/icons/cancel.svg");
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: 'DefaultFont';
|
|
src: local("Segoe UI"),
|
|
url("chrome-extension://__MSG_@@extension_id__/fonts/WeblySleekUI/weblysleekuisemilight.ttf") format("truetype"),
|
|
url("chrome-extension://__MSG_@@extension_id__/fonts/WeblySleekUI/weblysleekuisemilight.woff") format("woff"),
|
|
url("chrome-extension://__MSG_@@extension_id__/fonts/WeblySleekUI/weblysleekuisemilight.woff2") format("woff2");
|
|
} |