121 lines
4.7 KiB
CSS
121 lines
4.7 KiB
CSS
#main-window {
|
|
--uc-sidebar-width: 34px;
|
|
--uc-sidebar-hover-width: 170px;
|
|
--uc-transition: 200ms ease-in-out;
|
|
--uc-mouseout-delay: 250ms;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar-header {
|
|
display: none;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-splitter {
|
|
display: none !important;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box {
|
|
position: relative;
|
|
z-index: 10;
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
width: var(--uc-sidebar-width) !important;
|
|
max-width: var(--uc-sidebar-width) !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box:not(:hover) #sidebar-header {
|
|
overflow: clip !important;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) .sidebar-browser-stack {
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
width: var(--uc-sidebar-width) !important;
|
|
max-width: var(--uc-sidebar-width) !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) :is(.sidebar-browser-stack, #sidebar, #sidebar-header, #sidebar-header #sidebar-switcher-target) {
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
width: var(--uc-sidebar-width) !important;
|
|
max-width: var(--uc-sidebar-width) !important;
|
|
transition:
|
|
min-width var(--uc-transition) var(--uc-mouseout-delay),
|
|
max-width var(--uc-transition) var(--uc-mouseout-delay),
|
|
width var(--uc-transition) var(--uc-mouseout-delay) !important;
|
|
will-change: min-width;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box:hover>.sidebar-browser-stack,
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box:hover>.sidebar-browser-stack>#sidebar,
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box:hover>#sidebar-header,
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box:hover>#sidebar-header>#sidebar-switcher-target {
|
|
transition:
|
|
min-width var(--uc-transition),
|
|
max-width var(--uc-transition),
|
|
width var(--uc-transition) !important;
|
|
min-width: var(--uc-sidebar-hover-width) !important;
|
|
width: var(--uc-sidebar-hover-width) !important;
|
|
max-width: var(--uc-sidebar-hover-width) !important;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box[positionend="true"] {
|
|
direction: rtl;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box[positionend="true"]>* {
|
|
direction: ltr;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box[positionend="true"]:-moz-locale-dir(rtl) {
|
|
direction: ltr;
|
|
}
|
|
|
|
#main-window:not([customizing]):has(#sidebar-box[checked="true"] #sidebar-title[value="Sidebery"]) #sidebar-box[positionend="true"]:-moz-locale-dir(rtl)>* {
|
|
direction: rtl;
|
|
}
|
|
|
|
#main-window[sizemode="fullscreen"] #PersonalToolbar {
|
|
overflow: hidden !important;
|
|
min-height: 0 !important;
|
|
max-height: 0 !important;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
border-top-width: 0 !important;
|
|
transition:
|
|
min-height var(--uc-transition) var(--uc-mouseout-delay),
|
|
max-height var(--uc-transition) var(--uc-mouseout-delay) !important;
|
|
will-change: min-height;
|
|
}
|
|
|
|
#main-window[sizemode="fullscreen"] #navigator-toolbox:hover #PersonalToolbar {
|
|
min-height: 28px !important;
|
|
max-height: 28px !important;
|
|
transition:
|
|
min-height var(--uc-transition),
|
|
max-height var(--uc-transition) !important;
|
|
}
|
|
|
|
#main-window[sizemode="fullscreen"] #PersonalToolbar {
|
|
overflow: hidden !important;
|
|
min-height: 0 !important;
|
|
max-height: 0 !important;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
border-top-width: 0 !important;
|
|
transition:
|
|
min-height var(--uc-transition) var(--uc-mouseout-delay),
|
|
max-height var(--uc-transition) var(--uc-mouseout-delay) !important;
|
|
will-change: min-height;
|
|
}
|
|
|
|
#main-window[sizemode="fullscreen"] #navigator-toolbox:hover #PersonalToolbar {
|
|
min-height: 28px !important;
|
|
max-height: 28px !important;
|
|
transition:
|
|
min-height var(--uc-transition),
|
|
max-height var(--uc-transition) !important;
|
|
}
|