Hi, Horstmann, hab ja doch noch eine ''Design-Frage'' zu FFX 115.
Wo hakt's hier in der UserChrome?
CSS
#toolbar-menubar {
max-height:7px !important;
}
#toolbar-menubar .toolbarbutton-1 {
max-height:7px !important;
margin-top: 7px !important;
}
#nav-bar {
max-height:25px !important;
}
#nav-bar .toolbarbutton-1 {
max-height:10px !important;
margin-top: 9px !important;
}
/* Test tab height 3 */
:root {
--tab-min-height: 20px !important;
--tabs-navbar-shadow-size: 0px !important;
--inline-tab-padding: 4px !important;
--ug_tab_gap: 4px;
}
#TabsToolbar, #TabsToolbar-customization-target {
max-height: calc(var(--tab-min-height) + var(--ug_tab_gap)) !important;
}
/* tabs connected bottom */
.tab-background {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-block: var(--ug_tab_gap) -1px !important;
}
.tab-content {
margin-top: var(--ug_tab_gap) !important;
padding: var(--inline-tab-padding) !important;
}
.tab-label {
margin-block: 0 !important;
}
.tab-close-button {
/*margin-inline-end: calc(var(--inline-tab-padding) / -2) !important;*/
width: calc(var(--tab-min-height) - 4px) !important;
height: calc(var(--tab-min-height) - 4px) !important;
padding: var(--toolbarbutton-inner-padding) !important;
}
#scrollbutton-up,
#scrollbutton-down {
border-top-width: 2px !important;
border-bottom-width: 2px !important;
}
/* Tabs in Tableiste mittig */
scrollbox:not(#PlacesToolbarItems) {
justify-content: center !important;
}
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
display: none !important;
}
.tabbrowser-tab:not([pinned], [hidden]):first-of-type {
margin-left: auto !important;
}
.tabbrowser-tab:not([pinned], [hidden]):last-of-type {
margin-right: auto !important;
}
.tabbrowser-tab:nth-last-child(1 of [pinned]) {
margin-right: auto !important;
}
/* Tabs Breite */
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
min-width: 60px !important;
flex: 0 !important;
}
/* Tableiste Hg Farbe */
#TabsToolbar {
background: #FAC559;
}
/*Aktiver Tab HG orange*/
.tabbrowser-tab[visuallyselected="true"] .tab-background{
background: orange !important;
}
/*Inaktiver Tab Schrift schwarz = Standard*/
.tabbrowser-tab:not([visuallyselected="true"]) {
color: white !important;
}
/* Tabs Ende */
/* Farbe 1: Thumb - Farbe 2: Hintergrund*/
:root {
scrollbar-color: grey transparent;
}
/* Farbe 1: Thumb - Farbe 2: Hintergrund*/
:root:active {
scrollbar-color: gold transparent;
}
#statuspanel-label {
border: none !important;
background: royalblue !important;
color: white !important;
font-size: 12pt;
font-weight: normal !important;
}
#sidebar-box {
max-width: 20px;
}
/* POPUP und KONTEXT Menus */
arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
-moz-appearance: none!important;
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
border-radius: 6px !important;
# border: 1px grey !important; /* Umrandung/Farbe */
# padding: 10px 10px 10px 10px !important; /* Ausrichtung */
}
/* Zeilen anpassen */
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem {
-moz-appearance: none !important;
min-height: 16px !important; /* vorgegebene Hoehe der Zeilen */
max-height: 20px !important;
-moz-opacity: 1.0 !important;
border-radius: 6px !important;
border: 1px solid grey !important; /* Umrandung/Farbe */
}
/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup {
border: 2px grey !important; /* Umrandung/Farbe */
padding: 6px 6px 6px 6px !important; /* Ausrichtung */
background: #transparent /* #lightgrey */ !important; /* Hintergrund */
font-size: 11pt !important; /* Schriftgroesse */
border-radius: 10px !important;
}
#main-menubar > menu {
font-size: 8pt!important;
}
#main-menubar > menu:is(:hover,[open],[_moz-menuactive]) {
background-color: darkorange !important;
}
Alles anzeigen