Beiträge von FuchsFan

FuchsFan · Vor 21 Stunden

Zitat von 2002Andreas

Pauschal ohne Zusatz in der userContent.css wirkt das dann auf allen Seiten.
Erspart also den Zusatz dann in jedem einzelnen Code.

Auch von mir ein Dankeschön!

Zitat von Endor

meine Annahme war falsch.

Danke, Endor, da haben wir wieder etwas von Andreas gelernt.

FuchsFan · Vor 23 Stunden

Zitat von Endor

Hast Du die schon gesehen?

Ja, Endor, ist soweit erledigt, nur bei Welcome mit der Umrandung der Button. Ich habe da schon versucht, aber es will nicht gelingen.

FuchsFan · Vor 24 Stunden

edvoldi / Sören Hentzschel

Nachdem ihr euch zu den Bildern geäußert habt, habe ich das überprüft. Es verhält sich aber nur so, wenn ich beide Codes gemeinsam nutze.

Welcome hatte ich nur in einem Test-Fox als alleinigen Code genutzt, dort verhält es sich dann so, wie ich beschrieben habe.

Danke, für die Hinweise!

FuchsFan · Gestern, 11:03

Endor

Hallo, Endor!

Gestern habe ich mich noch mit dem Code für about:welcome beschäftigt. Da gibt es nach meinem Dafürhalten noch Ungereimtheiten, die du bitte noch mal bei dir überprüfen könntest.

Da sind die drei Button, nach einem Klick darauf, bleibt ein gepunkteter Rahmen bestehen (im Bild stark vergrößert).

Dann wäre da noch eine Sache, und zwar nach einem Klick auf den oben gezeigten Button, erscheint das private Fenster.

Das so aussah:

Nach dem gestrigen Update auf die Version 78.0.2 (auch alle anderen Versionen) wird es so nicht mehr angezeigt, sondern das Original vom Fox.

FuchsFan · Donnerstag, 17:38

Zitat von Sören Hentzschel

Entferne die erste
overflow-y-Zeile also komplett.

Ja, Sören, so geht es auch. Danke!

FuchsFan · Donnerstag, 17:21

Zitat von 2002Andreas

Evtl. fällt einem anderen User ja noch eine bessere Lösung ein

Danke, Andreas, so funktioniert es prima. Eine bessere Lösung kann ich natürlich auch nicht präsentieren, aber ich habe deinen Code- Schnipsel für mich angepasst. Eventuell möchten das so auch noch andere User verwenden.

Die Höhe habe ich für meinen Bildschirm angepasst, und die Scrollbar setzt jetzt erst ein, wenn das Feld in der Höhe erreicht ist.

Das wäre dann der Block:

CSS

#dispatch-tbody{
  max-height: 630px!important;
  overflow-y: scroll !important;
  overflow-y: auto !important;
  margin-right: -5px !important;
  margin-top: 40px !important;
}

Endor

Danke, für den Code.

FuchsFan · 4. Juli 2020

Zitat von Endor

Gern geschehen!

Im Nightly nach dem heutigen letzten Update in about:cache keine Anzeige wie bisher und das steht dabei:

Unrecognized storage name 'appcache' in about:cache URL

Kannst du das mal bitte bei dir überprüfen.

FuchsFan · 4. Juli 2020

Zitat von Endor

Teste mal, keine Ahnung, ob Du da bei about:addons nun so einen Unterschied siehst.
Ich kann es leider nicht sagen.

Danke, Endor, es wird alles ohne Fehler mit dem Code angezeigt.

Da hattest du ganz Recht, dass es an der Klammer im oberen Teil lag, diese an den Schluss, dann funktioniert es auch, wie auch jetzt mit dem besagten Absatz am Ende (mit richtiger Setzung der Klammern).

Nochmals Dank für deine Bemühungen.

FuchsFan · 4. Juli 2020

Zitat von milupo

Du bist unverschämt. Für mich bist du gestorben.

Das ist immer so, milupo, wenn man die Wahrheit spricht, fühlt sich der Eine oder der Andere beleidigt.

Zitat von milupo

Du experimentierst hier rum, änderst immer wieder und wunderst dich, dass etwas nicht funktioniert.

Du hast den Angriff auf mich gestartet, und mir unterstellt, das ich durch Rumexperementieren nur "Unsinn" mache. In der Regel weiß ich schon was ich mache.

Es war nun mal die Wahrheit, was ich gesagt habe, das der Code aus #299 bei mir fehlerhaft angezeigt wird. Jetzt weiß ich warum!

Ich finde es schade, dass du so reagierst. Wenn es nicht die richtigen Worte für dich waren, dann entschuldige bitte. Ich möchte mit niemandem hier Streit, das solltest du auch wissen.

Zitat von Endor

Auf welchen Code von Aris beziehst Du dich?
Den würde ich mir gern mal anschauen.

Das ist der Code, den ich aber nur teilweise verwendet und auch abgeändert habe:

CSS

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {

    html {
      --addon-page-options-width: 340px;
    }
    
    /* <some> locales require adjustments */
    html:-moz-any([lang="ru"],[lang="it"],[lang="fr"],[lang="el"]) {
      --addon-page-options-width: 440px;
    }
    
    html[lang*="es-"] {
      --addon-page-options-width: 460px;
    }
        /**/
    
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
    .more-options-menu panel-item {
      background: white !important;
      color: black !important;
      margin: 0 1px !important;
      border: 1px solid lightgrey !important;
    }
    
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
    addon-list panel-item:not([badged]){
      border: 1px solid lightgrey !important;
    }
    
    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: white !important;
      color: black !important;
    }
    
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
      border: 1px solid black !important;
    }
    
    @supports -moz-bool-pref("browser.in-content.dark-mode") {
      @media (prefers-color-scheme: dark) {
        addon-list addon-card:not([expanded="true"]) panel-list *,
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
        .more-options-menu panel-item {
          background: black !important;
          color: white !important;
        }
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
          border: 1px solid white !important;
        }
    }}
    
    addon-list panel-item{
      margin: 0 1px !important;
    }
    
    /* reduce size of default buttons */
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 2px 5px !important; 
    }
    
    /* remove three dots button */
    addon-card .more-options-button {
      display: none !important;
    }

    /* remove button icon */
    :host([checked]),
    panel-item[checked],
    addon-list panel-item {
      --icon: unset !important;
    }
    
    /* restore buttons */

    div.arrow.top + div.list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    }

    panel-item[action="preferences"] {
      order: -1;
    }
    
    panel-item[badged] {
      border: 1px solid Highlight !important;
    }
    
    
    panel-item[badged]::after,
    :host([badged]) button::after,
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(addon-options,plugin-options) button::after {
      display: none !important;
      content: unset !important;
    }
    
    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: var(--addon-page-options-width) !important;
      z-index: 1000 !important;
    }
    
    addon-page-options panel-list panel-item {
      min-width: calc(var(--addon-page-options-width) - 20px) !important;
      width: 320px !important;
    }
        
    .sticky-container {
      z-index: 1000 !important;
    }
    
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 20px !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      min-width: calc(var(--addon-page-options-width) - 10px) !important;
      width: calc(var(--addon-page-options-width) - 10px) !important;
    }

    addon-page-options panel-list panel-item[accesskey][checked] {
      background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
    }
    
    addon-list addon-card:not([expanded="true"]) panel-list {
      position: relative !important;
      display: flex !important;
      overflow: hidden !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      float: right !important;
      right: 36px !important;
    }
    
    /*addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"],[type="all"]) addon-card:not([expanded="true"]) panel-list {
      right: 1px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -48px !important;
    }

    /*addon-list[type="theme"] addon-card:not([expanded="true"]) panel-list {
      -moz-margin-end: 22px !important;
    }*/
    
    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button {
      -moz-appearance: none !important;
      min-width: 20px !important;
      width: 20px !important;
      max-width: 20px !important;
      height: 20px !important;
      font-size: 0 !important;
      border: 1px solid !important;
      border-top: 3px solid !important;
      -moz-margin-end: 1px !important;
      opacity: 0.9 !important;
    }
    
    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
      cursor: pointer !important;
      opacity: 1.0 !important;
      filter: brightness(2.00) !important;
    }
    
    addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
      background: Highlight url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
    }
    
    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
      background: red url("chrome://browser/skin/zoom-out.svg") 2px no-repeat !important;
    }
    
    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
      background: green url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
    }
    
    addon-list[type="theme"] addon-card:not([expanded="true"]) .card-contents{
      height: 40px !important;
    }
    
    /*input[type="checkbox"].toggle-button {
      margin: 0 8px !important;
    }*/
    
    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button,
    input[type="checkbox"].toggle-button {
      -moz-margin-end: 8px !important;
    }
    
    addon-card:not([expanded]) > .addon.card,
    addon-card:not([expanded]) > .addon.card * {
      overflow: hidden !important;
    }

}

Alles anzeigen

FuchsFan · 4. Juli 2020

Zitat von Endor

Habe mal versucht, das zu beheben, keine Ahnung ob es funktioniert.
Bitte teste mal.

Doch, Endor, das funktioniert. Nun wird auch mit dem Code aus #299 alles fehlerlos angezeigt. Danke!

Zitat von Endor

Diesen Teil habe ich mal an Ende des Codes gepackt,

Was der bewirken soll, habe ich bisher nicht verstanden, deshalb habe ich ihn sicherheitshalber im Code (von Aris) belassen.

Weil da etwas von dark mode enthalten ist, ich weiß nicht was damit erreicht werden soll. Wenn ich den Teil deaktiviere funktioniert es aber auch noch (zumindest jetzt am Ende des Codes).

FuchsFan · 4. Juli 2020

Zitat von Endor

Teste meinen letzten CSS Code mal ohne
Deine ganzen Anpassungen. Nur meinen Code.Denn hier sieht es in allen Firefox Versionen gleich aus.

Hallo Endor!

Der Code aus #299 funktioniert auch bei mir ordnungsgemäß. Der "Fehler" bei der Anzeige kommt dadurch, dass im Addon-Manager (den ich von hier verwende: RE: Ansicht "Erweiterungen verwalten" ) der Eintrag (Zeile 22) .card vorhanden ist, der dafür sorgt, dass unter Empfehlungen die Boxen mit in der Breite angepasst werden. Nehme ich diesen Wert raus, dann wird auch dein Code fehlerlos angezeigt, nur unter Empfehlungen passt es dann nicht mehr.

Wie könnte das unabhängig voneinander gelöst werden, hat jemand eine Idee?

FuchsFan · 4. Juli 2020

Zitat von milupo

Das wird es eben nicht.

Das wird es doch!!

Zitat von milupo

Das hier ist gemäß Beitrag #299 von Endor:

Damit es auch du endlich verstehst, das Bild aus Beitrag #305 ist mit dem Code aus #299 entstanden.

Zitat von milupo

Du experimentierst hier rum, änderst immer wieder und wunderst dich, dass etwas nicht funktioniert

Ich muss es ändern, damit es so wie bei dir in Beitrag #306 aussieht.

Und wenn du jetzt zu nörgeln aufhören würdest, und mir sagen könntest, woran es denn liegt, dass es bei mir in allen Firefox-Versionen (78 bis 80) nicht so angezeigt wird, dann können wir uns weiter darüber unterhalten. Wenn nicht, dann Thema hier Ende.

FuchsFan · 3. Juli 2020

Zitat von milupo

Weil du einfach für einen Teil der Eigenschaften einen anderen Selektor verwendest

Das macht ja nichts, Hauptsache es wird richtig aufgelöst. Jetzt auch noch einmal für dich, mit dem Code von hier RE: About Seiten mit CSS Codes anpassen sieht es immer noch so aus, auch im 78, wie du erkennen kannst.

FuchsFan · 3. Juli 2020

Zitat von Endor

Nur ein kleiner Hinweis, dein obiger Code basiert nicht auf meinem letzten Code.
Vergleiche beide noch mal.

Da hast du Recht, Endor, ich habe auch Teile davon entfernt und neue eingefügt, weil der letzte zum Test angebotene Code immer diese Überschreitung nach rechts bringt. Wieso auch immer ???

FuchsFan · 3. Juli 2020

Zitat von Endor

Bitte testen:

Ich habe mir erlaubt deinen letzten Code anzupassen, der dann das bewirkt:

....hier dann der Code:

CSS

    /*  AGENT_SHEET   */
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url-prefix(about:protections){

    html {background: #ffffff !important;}

    #report-content::before{
    content: "Endors Protection" !important;
    margin-left:380px!important;
    margin-right:5px!important;
    margin-bottom: 20px !important;
    color:red !important;
    font-weight:bold !important;
    font-size:22px!important; }
     
    #report-title{ margin-top: 20px !important;}
     
    .passwords-stored-text .icon-small {
    fill: gold !important;}
     
    .synced-devices-text .icon-small {
    fill: red !important;}    
    
    #report-title, h2{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}
    
    #report-content{
width: 1160px !important;  /* Breite des gelben Feldes */
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
    
    #graph-week-summary{
    color: crimson !important; 
    font-weight: bold !important; 
    font-size: 16px !important; 
    margin-left: -80px !important;}
        
    
        
    #interventions{
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #interventions:hover{
    background-color: #FFDEAD !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    div.card, 
    section.card:nth-child(3),
    section.card:nth-child(4),
    section.card:nth-child(5),
    section.card:nth-child(6){
    max-width: 1050px !important;
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    div.card:hover,
    section.card:nth-child(3):hover,
    section.card:nth-child(4):hover,
    section.card:nth-child(5):hover,
    section.card:nth-child(6):hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    }
    
    #protection-details{
    background: #efefef url("..//icons/Bild94.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right:15px!important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 5px!important;
    border-radius:14px!important;}
    
    #protection-details:hover{
    background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 5px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #trackerContent,
    #cryptominerContent,
    #fingerprinterContent,
    #cookieContent,
    #socialContent{
    background-color: #fffff0 !important;
    line-height: 2 !important;}
    
    #tracker,
    #cryptominer,
    #fingerprinter,
    #cookie,
    #social{
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important; 
    border-style: outset !important;
    border-bottom-right-radius: 14px !important;
    border-bottom-left-radius:  14px !important;
    }
    
    #tracker-link,
    #cryptominer-link,
    #fingerprinter-link,
    #cookie-link,
    #social-link{
    background: #efefef url("..//icons/Bild1.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #tracker-link:hover,
    #cryptominer-link:hover,
    #fingerprinter-link:hover,
    #cookie-link:hover,
    #social-link:hover{
    background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #lockwise-how-it-works{
    background: #efefef url("..//icons/Bild1.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #lockwise-how-it-works:hover{
    background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #turn-on-sync{
    background: #efefef url("..//icons/Bild83.png") no-repeat !important;
    margin-left: 38px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 35px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #turn-on-sync:hover{
    background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #manage-devices{
    background: #efefef url("..//icons/tools.png") no-repeat !important;
    margin-left: 38px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 35px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #manage-devices:hover{
    background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    .synced-devices-text,
    .passwords-stored-text{min-width: 490px !important;}
    
    #manage-passwords-button{
    min-width: 250px !important;
    background: #0060df url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    
    #manage-passwords-button:hover{
    background: #003eaa url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}    
    
    #open-about-logins-button{
    background: #0060df url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    
    #open-about-logins-button:hover{
    background: #003eaa url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}    
    
    #sign-up-for-monitor-link {
    -moz-appearance: none !important;
    background: #0060df url("..//icons/database.png") no-repeat !important;
    background-position:18px 19px!important;
    padding-left: 22px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;}
    
    #sign-up-for-monitor-link:hover{
    background: #003eaa url("..//icons/database.png") no-repeat !important;
    background-position:18px 19px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;}
    
    #protection-settings{
    background: #efefef url("..//icons/Bild94.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 4px!important;
    padding-top: 4px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:11px 5px!important;
    border-radius:14px!important;}
    
    #protection-settings:hover{
    background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
    padding-left:35px!important;
    background-position:11px 5px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    }

Alles anzeigen

FuchsFan · 3. Juli 2020

Zitat von Endor

Bitte testen:

Hat sich nichts geändert:

und meine eigenen Änderungen dazu (Ausschnitt):

FuchsFan · 3. Juli 2020

Zitat von Endor

Schaltfläche oben fehlte, und Anpassung für Firefox 78+

Danke, Endor, habe ich aufgenommen.

Was ich aber bemerkt habe, dass in allen Versionen von Fox etwas aus der Reihe läuft. Da sieht es dann so aus:

Die drei Boxen gehen immer über den rechten Rand hinaus. Nun habe ich das für mich geändert, indem ich das gelbe Feld verbreitert habe, und im Code bei div.card einen neuen Eintrag vorgenommen habe, mit dem ich die drei Boxen (Felder) in der Breite dazu anpasse:

max-width: 1070px !important; /* Breite der drei Boxen */

Eventuell kannst du das ja mal überprüfen, aber mit dieser Überbreite ist es bei mir in allen Versionen vom Fox.

FuchsFan · 2. Juli 2020

Zitat von Endor

Bitte sehr:

Danke, Endor, passt.

FuchsFan · 1. Juli 2020

Auch von mir ein Dankeschön, feine Sache.

Nun hat Endor hier RE: Datei/Neues Fenster und Hamburger Menü/Anpassen (Bild2) für den neuen Eintrag ein Icon angelegt.

Wenn jetzt das Script genutzt wird (finde ich viel besser), gibt es veränderte Einträge im Kontext-Menü. Wie bekomme ich jetzt für diesen neuen Eintrag ein Icon hin ?

FuchsFan · 1. Juli 2020

Zitat von BrokenHeart

So, ich glaube, ich habe es. Bitte mal testen...

Prima gemacht, nun schnurrt es wieder.

Ich habe in der Zeile auch schon probiert, aber nicht so richtig hinbekommen.

Beiträge von FuchsFan

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Skript für Tab-Kontextmenü: "Linke Tabs schließen"

Skript für Tab-Kontextmenü: "Linke Tabs schließen"

Script Speichern in für Fx 78 wieder anpassen