124 lines
1.6 KiB
CSS
124 lines
1.6 KiB
CSS
|
|
||
|
|
/* Add rounded bezel to browser elements */
|
||
|
|
/*
|
||
|
|
browser {
|
||
|
|
|
||
|
|
border-radius: 10px !important;
|
||
|
|
|
||
|
|
margin: 5px !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* hides the native tabs */
|
||
|
|
|
||
|
|
#TabsToolbar {
|
||
|
|
|
||
|
|
visibility: collapse;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* remove sidebar header */
|
||
|
|
|
||
|
|
#sidebar-header {
|
||
|
|
|
||
|
|
display: none;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Makes the window draggable from urlbar when urlbar is not focused. This means you can't click the urlbar text to activate it normally. But right-click works to activate urlbar. */
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
.urlbar-input-box,#urlbar-input,#urlbar-scheme,#urlbar-container{
|
||
|
|
|
||
|
|
-moz-window-dragging: drag;
|
||
|
|
|
||
|
|
cursor: default;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#urlbar-input-container > box,
|
||
|
|
|
||
|
|
#page-action-buttons,
|
||
|
|
|
||
|
|
#urlbar-container:focus-within,
|
||
|
|
|
||
|
|
#urlbar-container:focus-within :is(.urlbar-input-box,#urlbar-input,#urlbar-scheme,#urlbar-container){
|
||
|
|
|
||
|
|
-moz-window-dragging: no-drag;
|
||
|
|
|
||
|
|
cursor: auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Show sidebar only when the cursor is over it */
|
||
|
|
|
||
|
|
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#sidebar-box{
|
||
|
|
|
||
|
|
--sidebar-width: 60px !important;
|
||
|
|
|
||
|
|
--sidebar-hover-width: 300px;
|
||
|
|
|
||
|
|
--autohide-sidebar-delay: 0ms;
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
min-width: var(--sidebar-width) !important;
|
||
|
|
|
||
|
|
width: var(--sidebar-width) !important;
|
||
|
|
|
||
|
|
max-width: var(--sidebar-width) !important;
|
||
|
|
|
||
|
|
z-index:1;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#sidebar-splitter {
|
||
|
|
|
||
|
|
display: none
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box > #sidebar {
|
||
|
|
|
||
|
|
transition: min-width .1s cubic-bezier(.83, 0, .17, 1) var(--autohide-sidebar-delay) !important;
|
||
|
|
min-width: var(--sidebar-width) !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#sidebar-box:hover > #sidebar{
|
||
|
|
|
||
|
|
min-width: var(--sidebar-hover-width) !important;
|
||
|
|
|
||
|
|
transition-delay: var(--autohide-sidebar-delay) !important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|