2 weiße Striche im privaten Fenster oben rechts

heiko

Hallöchen,

ich habe im privaten Fenster oben rechts bei diesen Kopfsymbol links und rechts jeweils einen dicken weißen Strich. Kann man diese irgendwie entfernen? Im Anhang mal noch ein Screenshot.

Hat jemande eine Idee?

LG Heiko

Sören Hentzschel

Hallo,

nutzt du Anpassungen via userChrome.css und falls ja, tritt das Problem auch ohne diese Anpassungen auf?

heiko

Hi,

ja ich nutze eine userchrome.css. Wenn ich diese unbrauchbar mache, sehe ich im Standarddesign nicht, ob da die Striche sind, da oben in den Bereich alles weiss ist. Beim Dark-Theme sind keine Striche zu sehen.

LG Heiko

2002Andreas

Zitat von heiko

ja ich nutze eine userchrome.css

Dann füg sie doch bitte mal ins nächste Antwortfenster ein.

Und nenn auch gleich mal dein genutztes Theme.

So kann nämlich niemand etwas dazu sagen.

heiko

Ich nutze das System-Theme.

Hier mal meine css

CSS

#nav-bar,#navigator-toolbox{ 
border: none !important;
}

#navigator-toolbox::after {
  display: none !important;
}



/* Menüleiste - Button minimieren - Farben */

#toolbar-menubar toolbarbutton.titlebar-min {
color: #ffffff !important;
background-color: blue !important;
}

/* Menüleiste - Button maximieren - Farben */

#toolbar-menubar toolbarbutton.titlebar-max {
color: #ffffff !important;
background-color: blue !important;
}

/* Menüleiste - Button verkleinern - Farben */

#toolbar-menubar toolbarbutton.titlebar-restore {
color: #ffffff !important;
background-color: blue !important;
}

/* Menüleiste - Button schließen - Farben */

#toolbar-menubar toolbarbutton.titlebar-close {
color: #ffffff !important;
background-color: blue !important;
}

/* Menüleiste - Buttons hovern - Farben */

#toolbar-menubar toolbarbutton.titlebar-min:hover,
#toolbar-menubar toolbarbutton.titlebar-max:hover,
#toolbar-menubar toolbarbutton.titlebar-restore:hover,
#toolbar-menubar toolbarbutton.titlebar-close:hover {
stroke: #000066 !important;
background-color: #ffff00 !important;
}

/* Menüleiste (Farbe Zwischenraum bis minimieren) */

#toolbar-menubar{
background-color: blue !important;
}

/* Menüleiste (Beschriftung) - Farben, Schriftgröße in px + fett, Rahmen in px */

menubar > *{ 
background-color: blue !important;
color: #ffff00 !important;
font-size: 15px !important; 
font-weight: bold !important;
border-top: 0px solid #ffff00 !important;
border-left: 0px solid #ffff00 !important;
border-right: 0px solid #ffff00 !important;
border-bottom: 0px solid #ffff00 !important;
}



/* Tableiste - Höhe in px (Originalhöhe 35 px) */

.tabbrowser-tab {
min-height: 10px !important;
max-height: 40px !important;
box-shadow: none !important; 
}

/* Tableiste - Hintergrundfarbe, Rahmen in px */

#TabsToolbar > *{ 
background-color: #000066 !important;
border-top: 0px solid #ffff00 !important;
border-left: 0px solid #ffff00 !important;
border-right: 0px solid #ffff00 !important;
border-bottom: 0px solid #000000 !important;
}

/* Neuer Tab-Button - Farben + Rahmen */

#TabsToolbar #tabs-newtab-button {
background-color: #000066 !important;
fill: #ffff00 !important; 
border-top: 0px solid #ffff00 !important;
border-left: 0px solid #ffff00 !important;
border-right: 0px solid #ffff00 !important;
border-bottom: 0px solid #000000 !important;
}

/* Neuer Tab-Button - hovern Farben */

#TabsToolbar #tabs-newtab-button:hover {
fill: #000066 !important;
--toolbarbutton-hover-background: #ffff00 !important;
}

/* Tab schließen Button - hovern Farben */

.tab-close-button[fadein]:hover {
fill: #ffff00 !important;
background: red !important;
}


/* Ungelesener Tab - Farben, Schriftgröße (original 12px) + fett, Rahmen in px, Tab-Ecken in px */

#main-window .tabbrowser-tab[titlechanged] {
font-weight:bold; !important;
font-size: 12px !important;
color: #ffffff !important;
background-color: red !important;
border-top: 3px solid #000000 !important;
border-left: 0px solid #000066 !important;
border-right: 1px solid #000000 !important;
border-bottom: 3px solid #000000 !important;
border-radius: 0px 0px 0px 0px !important;
}

/* Inaktiver Tab - Farben, Schriftgröße (original 12px) + fett, Rahmen in px, Tab-Ecken in px */

.tabbrowser-tab:not([visuallyselected="true"]) {
font-weight:bold; !important;
font-size: 12px !important;
color: #000000 !important;
background-color: #ffff00 !important;
border-top: 3px solid #000000 !important;
border-left: 0px solid #000000 !important;
border-right: 1px solid #000000 !important;
border-bottom: 3px solid #000000 !important;
border-radius: 0px 0px 0px 0px !important;
}

/* Aktiver Tab - Farben, Schriftgröße (original 12px) + fett, Rahmen in px, Tab-Ecken in px */

.tabbrowser-tab[selected] .tab-content{
font-weight:bold; !important;
font-size: 12px !important;
color: #000000 !important;
background-color: #60F205 !important;
border-top: 3px solid #000000 !important;
border-left: 0px solid #000000 !important;
border-right: 1px solid #000000 !important;
border-bottom: 3px solid #000000 !important;
border-radius: 0px 0px 0px 0px !important;
}

/* Tabs inaktiv hovern - Farben */

#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
background-color: transparent !important;
color: blue !important;
}



/* Navigationsleiste - Hintergrundfarbe + Rahmen */

#nav-bar {
background: #000066 !important;
border-top: 0px solid #ffffff !important;
border-left: 0px solid #ffffff !important;
border-right: 0px solid #ffffff !important;
border-bottom: 0px solid #ffffff !important;
}

/* Navigationsleiste - Symbole - Farben + Rahmen */

#nav-bar .toolbarbutton-1 {
fill: #ffff00 !important;
background-color: #000066 !important;
border-top: 0px solid #000000 !important;
border-left: 0px solid #ffffff !important;
border-right: 0px solid #ffffff !important;
border-bottom: 0px solid #000000 !important;
}

/* Navigationsleiste - Hovereffekt - Farben */

#nav-bar  {
--toolbarbutton-hover-background: #ffff00 !important; }
#nav-bar .toolbarbutton-1:hover {
fill: #000066 !important;
}

/* Symbol animierte Downloadanzeige */
    
/* Pfeil im Ruhezustand */

#downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon {
fill: #ffff00 !important;
}

/* Füllfarbe Kreis */

#downloads-button {    
--toolbarbutton-icon-fill-attention: #ffff00 !important;
}

/* Rahmen um Kreis */

#downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
border-color: red !important;
}



/* Adressleiste - Farben, Schriftgröße in px + fett, Rahmen in px */

#urlbar-input-container {
background-color: #ffffff !important;
color: #000000 !important;
font-size: 15px !important; 
font-weight: bold !important;
border-top: 0px solid red !important;
border-left: 0px solid red !important;
border-right: 0px solid red !important;
border-bottom: 0px solid red !important;
}

/* Adressleiste - Farben Adresse markieren */

 #urlbar-input::selection {
color: #ffffff !important;
background-color: #000000 !important;
}

/* Adressleiste -  Zeichen Leseansicht - Farben + Rahmen */

#reader-mode-button { 
color: #000066 !important;
background-color: #ffff00 !important;
border-top: 3px solid #000066 !important;
border-left: 3px solid #000066 !important;
border-right: 3px solid #000066 !important;
border-bottom: 3px solid #000066 !important;
}

/* Adressleiste -  Zeichen Leseansicht - Farben + Rahmen hovern */

#reader-mode-button:hover {
color: #ffff00 !important;
background: red !important;
border-top: 3px solid #000066 !important;
border-left: 3px solid #000066 !important;
border-right: 3px solid #000066 !important;
border-bottom: 3px solid #000066 !important;
}



/* Lesezeichen-Symbolleiste - Farben, Schriftgröße in px + fett, Rahmen in px */

#PersonalToolbar
{
background-color: #000066 !important;
color: #ffff00 !important;
font-size: 14px !important; 
font-weight: bold !important;
border-top: 0px solid #000000 !important;
border-left: 0px solid #000000 !important;
border-right: 0px solid #000000 !important;
border-bottom: 0px solid #000000 !important;
}

/* Lesezeichen-Symbolleiste - Hovereffekt - Farben */

#PlacesToolbarItems > toolbarbutton:hover{
background-color: #ffff00 !important;
color: #000066 !important;
}

/* Lesezeichen-Symbolleiste - Ordnersymbol Farbe Umrandung */

.bookmark-item[container="true"] {
fill: zyan !important;
}

/* Lesezeichen-Symbolleiste - Trennlinie senkrecht - Linienfarbe */

#PlacesToolbarItems > toolbarseparator{
-moz-appearance: none !important;
border-right: 2px solid #ffff00 !important;
}



/* Trennlinien alle - Farbe (auch in Lesezeichen-Leiste waagerecht sichtbar) */

menuseparator {
-moz-appearance: none !important;
border: 2px solid #ffff00 !important;
padding: 0px !important;
min-height: .9px !important;
max-height: .9px !important;
}

Alles anzeigen

2002Andreas

Zitat von heiko

Hier mal meine css

Zeile 80

#TabsToolbar > *{

bitte mal ändern zu:

#TabsToolbar {

und dann testen.

heiko

Juhu,

schon passt es. Sehr gute Arbeit Herzlichen Dank

LG Heiko

milupo

Ich glaube, ich habe dir die Frage schon mal gestellt: Warum machst du so oft Angaben über Rahmen mit 0px Dicke, die mit dieser Dicke gar nicht angezeigt werden? Das ist überflüssiger Code.

2002Andreas

Gern geschehen

Kleiner Hinweis.

Mit * innerhalb eines Codes solltest du sehr sparsam umgehen.

Das ist ein pauschales Zeichen vereinfacht ausgedrückt.

Dadurch kann schnell mal so ein Fehler entstehen.

heiko

milupo

ich bin da gern flexibel und möchte vielleicht eines Tages mal an der Stelle den einen oder anderen Rahmen gern haben und somit sind die Angaben schon vorhanden und müssen nur angepasst werden.

2002Andreas

Danke für die kurze Anmerkung. Da habe ich wieder etwas gelernt. Das steht schon ewig dort und ich weiss nicht, wie das da eigentlich mal hingekommen bzw. entstanden ist. Nun haben wir es ja entschärft

LG Heiko

AngelOfDarkness

Dann kommentiere den entsprechenden Code bzw. Zeile doch einfach aus. Dann bleibt der Code zwar erhalten, mwird aber nicht berücksichtigt.

heiko

AngelOfDarkness

Ich kenne nur REM+Leerzeichen am Anfang der Zeile. Kann man das hier auch so machen?

Macht das einen so großen Unterschied, wenn man die aktuell nicht genutzten Angaben auskommentiert?

LG Heiko

grisu2099

Auskommentierung im CSS geht so:

/* auskommentierter Teil */

milupo

Zitat von grisu2099

Auskommentierung im CSS geht so:

Genau. Und du hast schon einige Kommentare in deinem Code.

heiko

grisu2099

ah, also genau so wie bei den Überschriften für jeden Codeschnipsel. Das werde ich mal probieren und dann noch an den passenden Stellen reinbasteln.

Danke für die guten und nützlichen Tipps.

LG Heiko

milupo

Zitat von heiko

ah, also genau so wie bei den Überschriften für jeden Codeschnipsel

Ja, dort kannst du auch reichlich Gebrauch davon machen, damit du auch nach langer Zeit noch weißt, wofür die Codeschnipsel da sind.

2 weiße Striche im privaten Fenster oben rechts

Ähnliche Themen

Tabs unten nach Update bis auf den aktuellen Tab unsichtbar

Addons Manager anpassen

CSS Code wird nicht permanent im Script angewendet

Anordnung der Symbolleisten