Hallo einige Probleme
nach dem Update vom Firefox 90 da ist alles anders
eingies kann man in der CSS ändern aber ich weiß nicth wie
meine CSS ist veraltet und vom Firefox 57 Zeiten von Aris
die Tabs die möchte ich unter die Adresszeile haben
die Ordner bei Lesezeichen die ich erstellt habe sind wieß statt gelb
die Schrift bei DAtei Bearbeiten sollte größer sien
wie ändert man das bitte?
mein alter CSS Code:
/* AGENT_SHEET */
/* Tabs unter Adresszeile */
@import url(./classic/css/tabs/tabs_below_navigation_toolbar_classic_grey.css); /**/
/* Gelbe statt graue Ordnericons */
@import url(./classic/css/generalui/bookmark_icons_colorized.css); /**/
/* Ab hier keine @imports mehr! */
/********************************/
/* Tabs mit abgerundeten Ecken */
:root {
–tab-curve-width: 30px;
–tabs-border: transparent !important;
}
.arrowscrollbox-scrollbox {
padding-inline-start: 10px !important;
}
/* To be able to see the top border of the tab */
.tab-stack {
margin-top: 2px !important;
}
/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar {
padding-inline-start: 15px !important;
}
.titlebar-placeholder {
border: none !important;
}
/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
border: none !important;
}
.tabbrowser-tab > .tab-stack > .tab-background {
background-image: none !important;
-moz-box-orient: horizontal !important;
background-color: transparent !important;
margin-top: 1px !important;
}
.tab-background[selected=„true“] {
border: none !important;
}
.tab-line {
display: none !important;
}
.tab-bottom-line {
display: none !important;
}
/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
margin: 0 !important;
}
/* overlap the tab curves */
.tab-background {
-moz-margin-end: -15px !important;
-moz-margin-start: -15px !important;
}
/* Begin tab background customizations */
.tab-background[selected=„true“]::before {
border: none !important;
content: „“ !important;
width: 30px !important;
min-height: 30px !important;
display: -moz-box !important;
background-repeat: no-repeat !important;
}
.tab-background[selected=„true“]::after {
border: none !important;
content: „“ !important;
width: 30px !important;
min-height: 30px !important;
display: -moz-box !important;
background-repeat: no-repeat !important;
}
.tab-background[selected=„true“] > spacer {
margin-top: 0px !important;
}
#new-tab-button,
.tabs-newtab-button {
width: calc(36px + 30px) !important;
margin-inline-start: -15px !important;
margin-top: 1px !important;
}
/* Tab hover customizations */
/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
display: -moz-box !important;
background-repeat: no-repeat !important;
content: „“ !important;
width: 30px !important;
min-height: 30px !important;
background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
display: -moz-box !important;
background-repeat: no-repeat !important;
content: „“ !important;
width: 30px !important;
min-height: 30px !important;
background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
margin-top: 0px !important;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=„true“]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
background-color: transparent !important;
}
/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=„true“]),
.tabs-newtab-button:hover {
background-position: 0px 2px, 30px 4px, 36px 2px !important;
background-repeat: no-repeat !important;
background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}
.tabs-newtab-button:hover > .toolbarbutton-icon {
background: none !important;
background-color: transparent !important;
}
/* Color specific customizations */
:root {
–svg-selected-before: url(„data:image/svg+xml;utf8,<svg:clipPath id=‚tab-curve-clip-path-start‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-curve-clip-path-end‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-hover-clip-path‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚M 0,0.2 0,1 1,1, 1,0.2 z‘/></svg:clipPath>
–svg-selected-after: url(„data:image/svg+xml;utf8,<svg:clipPath id=‚tab-curve-clip-path-start‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-curve-clip-path-end‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-hover-clip-path‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚M 0,0.2 0,1 1,1, 1,0.2 z‘/></svg:clipPath>“);
–background-selected-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgb(249, 249, 255) 2px, rgb(249, 249, 255)), none;
–svg-hover-before: url(„data:image/svg+xml;utf8,<svg:clipPath id=‚tab-curve-clip-path-start‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-curve-clip-path-end‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-hover-clip-path‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚M 0,0.2 0,1 1,1, 1,0.2 z‘/></svg:clipPath>“);
–svg-hover-after: url(„data:image/svg+xml;utf8,<svg:clipPath id=‚tab-curve-clip-path-start‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-curve-clip-path-end‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-hover-clip-path‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚M 0,0.2 0,1 1,1, 1,0.2 z‘/></svg:clipPath>“);
–background-hover-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgba(255, 255, 255, .1) 2px, rgba(255, 255, 255, .1)), none;
–newtab-hover: url(„data:image/svg+xml;utf8,<svg:clipPath id=‚tab-curve-clip-path-start‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-curve-clip-path-end‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-hover-clip-path‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚M 0,0.2 0,1 1,1, 1,0.2 z‘/></svg:clipPath>“), linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(„data:image/svg+xml;utf8,<svg:clipPath id=‚tab-curve-clip-path-start‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-curve-clip-path-end‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z‘/></svg:clipPath><svg:clipPath id=‚tab-hover-clip-path‘ clipPathUnits=‚objectBoundingBox‘><svg:path d=‚M 0,0.2 0,1 1,1, 1,0.2 z‘/></svg:clipPath>“);
}
/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
:root {}
}
@media not screen and (-moz-windows-theme) {
:root {}
}
.tab-background[selected=„true“]::before {
background-image: var(–svg-selected-before) !important;
}
.tab-background[selected=„true“]::after {
background-image: var(–svg-selected-after) !important;
}
.tab-background[selected=„true“] > spacer {
background-image: var(–background-selected-middle) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
background-image: var(–svg-hover-before) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
background-image: var(–svg-hover-after) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
background-image: var(–background-hover-middle) !important;
}
.tabs-newtab-button:hover {
background-image: var(–newtab-hover) !important;
}
- {
font-size: 1em !important;
}