FF userChrome.css funktioniert gar nicht mehr nach Update

[habichtfreak]

Hallo,

ich kann seit ein paar Tagen nicht mehr mit PayPal bezahlt (FF 68). Warum es mit dem uralt IE geht verstehe ich nicht, aber machen wir ein Update. Ist ja die Allzweckwaffe. Update gemacht und alles was in der userChrome.css steht funktioniert nicht mehr. Gar nichts. Die Namen der IDs haben sich nicht alle geändert, aber es funktioniert nichts mehr. Hat sich da was bei FF geändert?

Hier mal der Inhalt der CSS:

/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}

/* remove colored line above each tab */
#TabsToolbar .tabbrowser-tab .tab-line {
    visibility: hidden;
}

#PersonalToolbar {
    /*-moz-box-ordinal-group: 2;*/
    background: none !important;
    color: white !important;
    margin-bottom: 2px !important;
}

#TabsToolbar {
    /*-moz-box-ordinal-group: 3; */
    max-height: 26px !important;
    /*padding-top: 2px !important;*/
}

#nav-bar{
    border-top-width: 0px !important;
    background: none !important;
}

toolbarbutton.bookmark-item {
    padding-left: 1px !important;
}

#home-button, #stop-reload-button, #star-button-box {
    display: none;
}

#urlbar,
.searchbar-textbox {
    border-radius: 3px !important;
}

.tabbrowser-tab {
    background: none !important;
    padding-right: 2px !important;
}


#PanelUI-menu-button {
    display: none;
}
#PopupAutoCompleteRichResult > richlistbox >:-moz-any(richlistitem[actiontype="searchengine"]) {
    display: none !important;
}
#PopupAutoCompleteRichResult {
    max-width: 900px !important;
}


#urlbar .urlbar-history-dropmarker {
    display: none !important;
}



.tabbrowser-tab::after, .tabbrowser-tab::before {
    border-left: none !important;
}
.tab-background {
  border-radius: 6px 6px 0px 0px !important;
  border-image: none !important;
  border-left: 1px solid !important;
  border-right: 1px solid !important;
  border-top: 1px solid !important;
  border-color: #999 !important;
 
}
.tab-line {
  display: none !important;
}

.bookmark-item {
    padding-left: 3px !important;
    padding-right: 3px !important;
    border: 1px solid black !important;
}

/* Rahmen um Icons */
.bookmark-item:hover {
    border: 1px solid #999 !important;
}


/* Tableiste schmaler */
.tabbrowser-tab, #tabbrowser-tabs{
    min-height: 26px !important;
    max-height: 26px !important;
}
 
/* Tabbreite */
.tabbrowser-tab:not([pinned]) {
    max-width:250px!important;  /* Max Breite, Standard: 250px */
    min-width:100px!important;  /* Min Breite, Standard: 100px */
}

/* Tabs nach dem Schließen nebeneinander anordnen */
.tabbrowser-tab:not([fadein]) {
    max-width:1px!important;    /* Unverändert lassen */
    min-width:1px!important;    /* Unverändert lassen */
}

/* Nav-Leiste weiter oben*/
#nav-bar {
    margin-top: -2px !important;
}

/* Hintergrund inaktiver Tab */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-content {
    background: linear-gradient(180deg, #444444, #222222) !important;
    border-color: #777777;
    border-style: solid;
    border-width: 1px 1px 0px 1px;   
}


/* Hintergrund aktiver Tab */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
    background: linear-gradient(180deg, #aaaaaa, #595959) !important;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
        text-shadow: 1px 1px 1px #444;
    color: white;
}

#nav-bar {
  box-shadow: none !important;

}

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

/* Persona ohne Addon */
#navigator-toolbox {
    background-image: url("header59.png") !important;
    background-repeat: no-repeat;
    background-position: right top;
    color: white;
    text-shadow: none;
    
}

/****************v63*************************/

/*Hovereffekt Menübar anpassen*/
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
  background-color: none !important;
  background: linear-gradient(180deg, #808080, #000000) !important;
  border: 1px solid #b9b9b9 !important;
  border-radius: 3px;
}

/*unsichtbarer schwarzer Rahmen - verhintert Verschiebung bei Hover*/
menu#file-menu,
menu#edit-menu,
menu#view-menu,
menu#history-menu,
menu#bookmarksMenu,
menu#tools-menu,
menu#helpMenu,
toolbar#toolbar-menubar.browser-toolbar.chromeclass-menubar.titlebar-color.customization-target > toolbarbutton {
    border-color: #000000 !important;
    border-style: solid;
    border-width: 1px;
}


/*Hovereffekt Toolbarbuttons  */
toolbar .toolbarbutton-1:not([disabled="true"]):hover > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled="true"]):hover > .toolbarbutton-badge-stack,
toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-stack{
  background: linear-gradient(180deg, #808080, #000000) !important;
/*  border: 1px solid #b9b9b9 !important;
  border-radius: 3px;*/

}


menu#file-menu:hover,
menu#edit-menu:hover,
menu#view-menu:hover,
menu#history-menu:hover,
menu#bookmarksMenu:hover,
menu#tools-menu:hover,
menu#helpMenu:hover,
toolbar#toolbar-menubar.browser-toolbar.chromeclass-menubar.titlebar-color.customization-target > toolbarbutton:hover,
toolbar#toolbar-menubar.browser-toolbar.chromeclass-menubar.titlebar-color.customization-target > toolbarbutton:-moz-any([open], [checked], :hover:active) {
    background: linear-gradient(180deg, #808080, #000000) !important;
    border-color: #b9b9b9 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}


/************************v65****************************/

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 26px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 26px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 /*margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; */
 background-color: none !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
vbox#titlebar { top: 0 !important;}
/**************************Ende Tabs wieder unten******************/


menubar#main-menubar {
    height: 29px !important;
}

 
}

Gruß hb

 

[Toms]

Hat sich da was bei FF geändert?

Nö, hier gehts.

 

[habichtfreak]

toolkit.legacyUserProfileCustomizations.stylesheets hatte sind durch das Update von true auf false gesetzt. jetzt funktioniert es wieder. Nur leider sind die Tabs wieder mal oben. Täglich grüßt das Murmeltier. Hat da schon jemand eine Lösung?

 

[inge70]

Die userChrome.css hat weniger mit dem Zugang zu Webseiten zu tun, eher mit dem Erscheinungsbild des FF. Da hat wohl eher ein Update des FF in deine about:Config des FF eingegriffen.
Aber trotzallem wird die userChrome.css wurde entsprechend an den aktuellen FF regelmäßig angepasst.

 

[cbtestarossa]

Hat da schon jemand eine Lösung?

Ja, guxte hier

Ja und sie haben scheinbar eine Menge geändert.
Oder die Seiten haben sich auch noch zusätzlich geändert.
Das WWW ist sowieso kaputt.
Behalt den 68ESR sicherheitshalber als PortableApps Version in der Hinterhand.

Das selbe gilt bei Thunderbird. 52 und 60 als Reserve schadet nicht.
Ausserdem kannst du noch Palemoon parallel installieren oder diesen auch portable (zip) verwenden.

 

[habichtfreak]

Dank dir. Ich hab mir jetzt die mühe gemacht die sehr alte custom_css_for_fx_ 1.6 gegen die aktuelle zu ersetzen. Tabs sind wieder unten, ein paar kleine Anpassungen sind aber noch nötig. Und dann mal schauen ob PP wieder funktioniert.

 

[habichtfreak]

Ja, guxte hier

Gut das ich doch noch einen Blick rein geworfen habe. Mit dem custom-css-for-ff waren zwar die tabs wieder unten, aber die Schaltflächen oben rechts waren verschoben. Hab meine "my_userChrome.css" deaktiviert um sicher zu gehen, dass es von deren Code kommt. Sah irgendwie komisch aus:

Hab mir dann deine Lösung angesehen und viel hat nicht gefehlt. brauchte nur

/************************v71****************************/

#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;

ergänzen, da wir ja schon länger den gleichen Code verwenden beim nächsten mal schreibe ich dich direkt an (ich muss es mir nur merken). Sieht jetzt normal aus:

 

[cbtestarossa]

Gut das ich doch noch einen Blick rein geworfen habe. Mit dem custom-css-for-ff waren zwar die tabs wieder unten, aber die Schaltflächen oben rechts waren verschoben. Hab meine "my_userChrome.css" deaktiviert um sicher zu gehen, dass es von deren Code kommt. Sah irgendwie komisch aus:

Hab mir dann deine Lösung angesehen und viel hat nicht gefehlt. brauchte nur

/*****v71****/
#TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;

ergänzen, da wir ja schon länger den gleichen Code verwenden

Genau so ist es.
Ich war nämlich zu faul den ganzen Code zu überarbeiten und habe das einfach angehängt.
Was ich auch nicht mehr angesehen habe ist warum Versionsnummern nicht mehr funktioniert.
Mozilla ändert mir momentan einfach zu viel und somit verschiebe ich das mal in die Zukunft.