hallo wie geht das
siehe Bild
Tabs abgerundet
Ordner bei Lesezeichen usw. gelb nicht grau
danke
hallo wie geht das
siehe Bild
Tabs abgerundet
Ordner bei Lesezeichen usw. gelb nicht grau
danke
Ordner bei Lesezeichen usw. gelb nicht grau
in userChrome.css
Tabs abgerundet
#TabsToolbar {
margin-bottom: 1px !important;
}
.tab-background[selected="true"],
.tabbrowser-tab:not([selected="true"]) {
border-radius: 80px !important;
border: 1px solid black !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image: none !important;
border-image-slice: 0 !important;
width: 0px !important;
box-sizing: border-box;
opacity: 0 !important;
}
.tab-line {
display: none !important
}
Alles anzeigen
danke für die Antworten
sorry geht nicht leider nicht
ich habe da einen Fehler gemacht und komme nicht dah inter
bei beiden habe ich es angehängt
bei
C:\Users\mein Name\AppData\Roaming\Mozilla\Firefox\Profiles\crdilhp8.default-1519759652785\chrome
ich will nur dass die Farbe schwarz auf weiß ist
die Tabs abgerundet
die Ordner in gelber Farbe
das wars m ehr nicht und ja leider ist mein Code irre lange
da sind sicher einige Fehler drinnen
ich habe alles glaube ich so gemacht
obwohl ich mir nicht sicher bin
habe ich nun
/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 xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><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></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
--svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><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></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
--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 xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><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></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
--svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><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></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
--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 xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><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></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><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></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}
/* 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;
}
#toolbar-context-menu, menuitem, menupopup, popup, menupopup > menu, menupopup menuitem, popup menu, popup menuitem{
-moz-appearance: none !important;
color: black !important;
background:white!important;
font-size:15px!important;
}
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"]{
border: none !important;
background: lightblue !important;
#main-menubar > menu{
font-size:22px!important;}
}
/*Abgerundete Tabs*/
/*Tableisten Abstand nach unten*/
#TabsToolbar {
margin-bottom:1px!important;
}
CSS
#TabsToolbar {
margin-bottom: 1px !important;
}
.tab-background[selected="true"],
.tabbrowser-tab:not([selected="true"]) {
border-radius: 80px !important;
border: 1px solid black !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image: none !important;
border-image-slice: 0 !important;
width: 0px !important;
box-sizing: border-box;
opacity: 0 !important;
}
.tab-line {
display: none !important
}
/*Lesezeichen Sidebar Ordnerfarbe ändern */
treechildren::-moz-tree-image(container) {
fill:orange !important;}
/*Lesezeichen Ordnerfarbe ändern */
.bookmark-item[container="true"]{
fill:orange !important;}
/code/
Ordner bei Lesezeichen usw. gelb nicht grau
in userChrome.css
Tabs abgerundet
CSS Alles anzeigen#TabsToolbar { margin-bottom: 1px !important; } .tab-background[selected="true"], .tabbrowser-tab:not([selected="true"]) { border-radius: 80px !important; border: 1px solid black !important; } .tabbrowser-tab::after, .tabbrowser-tab::before { margin-inline-start: 0px!important; border-left: 0px solid!important; border-image: none !important; border-image-slice: 0 !important; width: 0px !important; box-sizing: border-box; opacity: 0 !important; } .tab-line { display: none !important }
Was soll das zitieren ohne Sinn? Wir wissen was wir geschrieben haben.
Verzeihung wra ein fehler
was für einen code brauche ich nun
ich kriegte das niht hin mit den abgerundeten tabs und gelben ordnern
leider funktioniert der Code nicht, ich habe es so eingegeben wie angegeben aber er geht nicht der Code
wieso
die Ecken sind noch immer nicht abgerundet
Alles anzeigenich will nur dass die Farbe schwarz auf weiß ist
die Tabs abgerundet
die Ordner in gelber Farbe
das wars m ehr nicht und ja leider ist mein Code irre lange
da sind sicher einige Fehler drinnen
ich habe alles glaube ich so gemacht
obwohl ich mir nicht sicher bin
Herman4 Ich empfehle dir, trenne dich von deinem bisherigen langen Code. Wenn du ihn nicht löschen willst, kopiere ihn in eine Textdatei, z. B. tabs.txt. Bitte nicht .css als Dateieendung verwenden, da wird dieser Code dann wieder wirksam, das soll aber gerade verhindert werden.
Dann arbeiten wir oben die drei Punkte ab und du hast nur so viel CSS-Code, wie du dafür brauchst.
Ich weiß nicht, ob du mit gesonderten CSS-Dateien arbeitest oder nur mit der Datei userChrome.css.
nun bei mir geht das nicht bei mir ist das eckig
danke für deine Hilfe
der code ist kopiert ja
ok was mache ich ejtzt?
für mich ist wichtig
TAbs unter der Adresszeile oder oberhalb egal
Schwarze Schrift auf weiißem Hintergrund
gelbe Ordner
darunter die Zeile mit den Tabs die fix sind
siehe wie es jetzt ist
nun bei mir geht das nicht bei mir ist das eckig
danke für deine Hilfe
der code ist kopiert ja
ok was mache ich ejtzt?
Ich nehme mal an, du meinst den langen alten Code, der nicht mehr verwendet werden soll. Der darf jetzt nicht mehr in der userChrome.css sein.
Kopiere jetzt den Code aus Beitrag #2 für die gelben Ordnersymbole und aus Beitrag #3 für die abgerundeten Ecken von 2002Andreas in deine userChrome.css.
ja gemacht danke
anbei die Bilder
Bild 1 ist der Hauptordner
Bild 2 ist der Chrome Ordner
Bild 3 ist das kopierte
und ja schwarze schrift auf weißem Hintergrund bei allnen Tabs z.b. bei datei Bearbeiten Ansicht Chronik Lesezeichen Extras usw.
ist das richtig
weil geändert hat sich 0
Wo sind die Bilder?
Wie alt ist das Profil eigentlich? Da sind ja etliche Altlasten zu sehen.
Herman4 Lösche bitte mal die beiden Vorkommen von CSS aus deiner userChrome.css, die hast du versehentlich mitkopiert, führen aber dazu, dass dein Code nicht funktioniert.
Um Code aus den Kästen hier im Forum zu kopieren, klicke immer rechts auf dieses Symbol mit diesen zwei Seiten.
ja mache ich kann mich aber erst mrogen am abend melden ok
die codes sind ja sehr alt +g+g
jedenfalls ich habe die 2 x CSS gelöscht, 0 Auswirkung
bis jetzt hat sich das nicht geändert
der Code ist richtig eingefügt aber die Ecken bleiben eckig die Ordner grau
udn vor allem wie kann man die Lesezeichen und Menüleiste und den sChrifztug bei Lesezeichen Datei bearbeiten usw. verkleinern
weil bei mir ist alles megagroß
anbei ncoh mal die bilder und es ist richtig eingefügt
erstelle ne neue userChrome.css unter Chrome und kopier mal das hier rein.
/*Lesezeichen Sidebar Ordnerfarbe ändern */
treechildren::-moz-tree-image(container) {
fill:orange !important;}
/*Lesezeichen Ordnerfarbe ändern */
.bookmark-item[container="true"]{
fill:orange !important;}
/*Abgerundete Tabs*/
/*Tableisten Abstand nach unten*/
#TabsToolbar {
margin-bottom:1px!important;
}
/*Aktiver Tab mit hellblauen Hintergrund, und schwarzem Rahmen*/
.tabbrowser-tab:not([selected="true"]){
/* background: lightblue !important; */
border-radius: 80px !important;
border:1px solid black!important;
}
/*Inaktiver Tab mit orangem Hintergrund, und schwarzem Rahmen*/
.tab-background[selected="true"] {
/* background: orange !important; */
border-radius: 80px !important;
border:1px solid black!important;
}
/*Tabschattierung im Hintergrund entfernt*/
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
/*Farbige Leiste oben im aktiven Tab entfernt*/
.tab-line {
display:none!important
}
Alles anzeigen
Deine jetzige benennst du mal um oder verschiebst sie woanders hin. Weiß ja ned ob du die noch brauchst. Nutzt du irgendein Theme oder nur das Standart. In der hier kannst du Farben für die Tabs anpassen. Hast due den Chrome Ordner auch im richtigen Profil drin, hast ja 2 oder täusch ich mich da. Kopier in mal in das andere Profil rein.
Was ist denn bei dir riesen groß, ich seh nix. mach mal ein Bild davon
leider funktionert der Code für die abgerundeten Tabs auch bei mir mit ff 70 nicht, der für die orangen Ordner aber schon.