89 lines
2.0 KiB
CSS
89 lines
2.0 KiB
CSS
#sidebar-box {
|
|
margin: 8px;
|
|
border: var(--border-width) solid var(--tf-border);
|
|
border-radius: var(--tf-rounding) !important;
|
|
transition: border-color var(--tf-border-transition);
|
|
background: var(--tf-bg) !important;
|
|
&:hover {
|
|
border-color: var(--tf-accent) !important;
|
|
}
|
|
&::before {
|
|
display: var(--tf-display-titles);
|
|
content: "tabs";
|
|
color: var(--lwt-text-color);
|
|
background-color: var(--tf-bg);
|
|
position: absolute;
|
|
margin: -0.85rem 0.85rem;
|
|
padding: 0 4px;
|
|
}
|
|
&:hover::before {
|
|
color: var(--tf-accent);
|
|
}
|
|
}
|
|
|
|
#sidebar {
|
|
border-radius: var(--tf-rounding) !important;
|
|
}
|
|
|
|
#sidebar-header {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar-splitter {
|
|
display: none;
|
|
}
|
|
|
|
@media (-moz-bool-pref: "sidebar.revamp") {
|
|
#sidebar {
|
|
box-shadow: none !important;
|
|
}
|
|
#sidebar-main {
|
|
:root[lwtheme] & {
|
|
background-color: var(--tf-bg) !important;
|
|
background-image: unset !important;
|
|
}
|
|
}
|
|
#sidebar-box {
|
|
font-size: unset !important;
|
|
padding: 8px !important;
|
|
&::before {
|
|
margin: -20px 4px;
|
|
margin: -1.75rem 0rem;
|
|
content: "tool";
|
|
}
|
|
}
|
|
|
|
.tools-and-extensions {
|
|
display: var(--tf-display-sidebar-tools) !important;
|
|
margin: 8px;
|
|
border: var(--border-width) solid var(--tf-border);
|
|
border-radius: var(--tf-rounding) !important;
|
|
transition: border-color var(--tf-border-transition);
|
|
&:hover {
|
|
border-color: var(--tf-accent) !important;
|
|
}
|
|
&::before {
|
|
content: "tools";
|
|
color: var(--lwt-text-color);
|
|
background-color: var(--tf-bg);
|
|
margin: -1rem .75rem 0rem;
|
|
padding: 0 4px;
|
|
}
|
|
&:hover::before {
|
|
color: var(--tf-accent);
|
|
}
|
|
}
|
|
#tabbrowser-tabs[orient="vertical"] {
|
|
&:not([expanded]) {
|
|
#vertical-pinned-tabs-container, .tab-stack {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*Floorp sidebar fix*/
|
|
#sidebar-select-box {
|
|
background-color: var(--lwt-accent-color) !important;
|
|
background-image: var(--lwt-accent-color) !important;
|
|
} |