Beiträge von Endor

Endor

Ich habe mir erlaubt Aris auf den Fehler in seiner aktuellen Script Version 2.0.3,
bzw. auf Deinen Betrag: #3 aufmerksam zu machen:
https://github.com/Aris-t2/Custom…ment-1505310570

Hoffe es ist Dir recht.

Viele Grüße
Endor

Endor

Nur zur Info: Aris hat das Script wieder aktualisiert.

Aktuell ist jetzt Version 2.0.3

CustomJSforFx/custom_scrollbars.uc.js at master · Aris-t2/CustomJSforFx

custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.

github.com

Mfg.
Endor

Endor

Hallo Büssen.

Herzlichen Glückwunsch zum Geburtstag.
Viel Gesundheit und Glück wünsche ich Dir.

Viele Grüße

Endor

Endor

2002Andreas

Könnte man hier
background-position: center !important;

noch einen weiteren Wert hinzufügen?

Je nachdem top oder bottom usw.
Lese gerade hier:
https://developer.mozilla.org/en-US/docs/Web…ground-position

Mfg.
Endor

Hallo 2002Andreas.

Ich habe es hier jetzt so gemacht, dann funktioniert es:

CSS

  if(custom_scrollbar_arrows === true)
    custom_scrollbar_arrows_code=`
      scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
        background-image: url("${ProfileDirectory}/Pfeil-hoch_hellgrau.svg") !important;
        background-repeat: no-repeat !important;
        background-position: top !important;

      }
      scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
        background-image: url("${ProfileDirectory}/Pfeil-runter_hellgrau.svg") !important; 
        background-repeat: no-repeat !important;
        background-position: bottom !important;

      }
      scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {
        background-image: url("${ProfileDirectory}/Pfeil-links_hellgrau.svg") !important;
        background-repeat: no-repeat !important;
        background-position: left !important;

      }
      scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {
        background-image: url("${ProfileDirectory}/Pfeil-rechts_hellgrau.svg") !important;
        background-repeat: no-repeat !important;
        background-position: right !important;

      }
/* hover  */
      scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-hoch_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: top !important;
      }
       
      scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-runter_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
      }
       
      scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-links_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
      }
       
      scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-rechts_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
      }
    `;

Alles anzeigen

Was meinst Du dazu?

Mfg.
Endor

Endor

Hallo 2002Andreas

Ja damit wird nur noch ein Symbol angezeigt egal welche Vergrößerung.
Aber das Pfeilsymbol wird verschoben beim Vergrößern. Das obere weiter nach unten
das untere weiter nach oben.
Außer man setzt in den Firefox Einstellungen den Haken bei
Nur Text zoomen

Dann passt es hier.

Mfg.
Endor

Endor

Zitat von FuchsFan

Eigentlich hier auch, aber trotzdem muss ich feststellen, dass bei erhöhtem Zoom es dann so aussieht (hier mal 300%). Oder ist das beabsichtigt?

Ja das muss ich leider auch bestätigen.

Sieht hier aus wie bei FuchsFan.

Mfg.
Endor

Endor

Hallo Mira_Belle.

Habe Dein Script hier in Firefox 113 Nightly getestet.

~~Funktioniert hier einwandfrei. Alles bestens.~~
Edit: Doch nicht so ganz. Siehe:

RE: Scrollbar.uc.js Skript die Hg Farbe ändern
Auch am Code konnte ich keine Fehler erkennen.

Scrollbars usw. sehen übrigens toll aus!!!

Mfg.
Endor

Endor

2002Andreas

Funktioniert hier leider nicht.

Schade.

Mfg.
Endor

Endor

Hallo zusammen.

Habe hier dieses Script verwendet.

Es erhöhte, nur in der Menüleiste, bei Chronik im Menü ,die Anzahl der
Einträge der zuletzt geschlossenen Tabs von 15 auf 25. Seit Firefox 111

muss ich das Script deaktivieren sonst werden unter Menüleiste - Chronik
nur mehr ganz oben die vier Einträge angezeigt.

Code

(function() {

  if (!window.gBrowser)
    return;

  const maxItems = 25;

  let HistoryMenuOriginal = HistoryMenu;
  HistoryMenu = function HistoryMenu(aPopupShowingEvent) {
    this.__proto__.__proto__ = PlacesMenu.prototype;
    Object.keys(this._elements).forEach(name => {
      this[name] = document.getElementById(this._elements[name]);
    });
    PlacesMenu.call(this, aPopupShowingEvent, "place:sort=4&maxResults=" + maxItems);
  };
  HistoryMenu.prototype = HistoryMenuOriginal.prototype;

})();

Alles anzeigen

Keine Ahnung wie oder was man da ändern müsste.

Hoffe ihr habt da eine Idee.

Mfg.
Endor

Endor

Ich verwende es auch und auch hier geht es schon seit gestern nicht mehr.

Neuste Version von Aris ändert auch hier nichts daran.
Vielleicht sollten wir Aris mal darauf aufmerksam machen?

Mfg.
Endor

Endor

Hallo Andreas.

Das ist der Code von FuchsFan

den habe ich mal angepasst. Hoffe das ist jetzt so wie Du es möchtest.

CSS

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

@-moz-document url(about:profiles) {
    
  html {
    background: #d9d9d9 !important;
  }    
    
/* alle Button */    
  button {
    background: #fff7e6 !important;
    border-style: outset !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-radius: 20px !important;
    background-position: 14px 7px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 7px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

/* Originaler Text "Über Profile" ausgeblendet */
  #body > h1 {
    font-size: 0px !important; 
    margin-bottom: 30px !important;
  }

/* neuen Text mit HG eingefügt */
  h1::after {
    content: 'Meine Profile' !important;
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important; 
    background-color: #009900 !important;
    color: white !important;
    font: 32px bold !important;
    line-height: 100px !important;
    text-align: center !important;
    min-width: 500px !important;
    max-width: 500px !important;
    padding: 0 50px !important;
    margin-left: 310px !important;
    margin-right: -200px !important;
  }
  
  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. auf 1600px, dann aber auch in Zeile 39 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fff7e6 !important;
    border: royalblue! important;
    border-width:  8px !important;
    box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
    border-style: double !important;
  }
  
  .content-flex {
    flex: 1 1 50% !important;
  }
  
  .action-box{
    background: #f2e6d9 !important;
    border: 2px ridge coral !important;
    margin-top: 40px !important;
    margin-left: -120px !important;
    margin-bottom: 50px !important;
    border-radius: 14px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

/* Label "Neu starten"  */
  .action-box > h3:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    text-align: center !important;
    min-height: 20px !important;
    max-height: 20px !important;
    max-width: 309px !important;
    min-width: 309px !important;
    padding: 3px 0px 6px 0px !important;
    margin: 0 auto 10px 4px!important;
  }

  #owned {        
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    min-width: 55vw !important;
    padding: 20px !important;
    margin-top: 140px !important;
    background-color: #ecd9c6 !important;
    position: relative !important;
  }
    
/* Die Einstellungen ab hier sind für alle Profile */

/* Rahmen um die Profil-Gruppen */
  #profiles > div { 
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    padding: 15px 30px !important;
    margin-top: 30px !important;
    background: #F0F0F0 !important;
  }    

  #profiles > div > table {
    border-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 14px !important;
  }

  th, td {
    padding-left: 17px !important;
  }
  
  td {
    font-size: 14px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    min-width: 315px !important;
    max-width: 315px !important;
    text-align: left !important;
    margin-left: 4px !important;
    padding-left: 40px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    min-width: 315px !important;
    max-width: 315px !important;
    text-align: left !important;
    margin-left: 4px !important;
    padding-left: 40px !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important;
  }
  
  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }
    
  /* Label Profilname */
  #profiles > div > h2:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    text-align: center !important;
    line-height: 40px !important;
    width: 20vw !important;
    height: 40px !important;
    margin: 0 0 20px 50px !important;
  }
    
/* Erklärung im Standardprofil */
  #profiles > div > h3 {
    color: red !important;
    border: 2px ridge red !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 0 0 20px 0 !important;
  }

/* Position der Schaltflächen Ordner öffen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button {
    position: absolute !important;
    right: 70px !important;
    margin-top: -8px !important;
  }

  #profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button {
    position: absolute !important;
    right: 70px !important;
    margin-top: -8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 6px !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 6px !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

/* Zeilen(Boxen) rechts - der HG im Wechsel */
  #profiles > div:nth-child(odd) > table {   
    background: #f7edd4 !important;
  }
  #profiles > div:nth-child(even) > table {
    background: beige !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

So sieht es hier in Firefox 111.0.1 mit obigem Code aus:

Schönen Abend weiterhin.

Mfg.
Endor

Endor

Das mit den Schaltflächen konnte ich beheben:

CSS

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

@-moz-document url(about:profiles) {
  button {
    background: #F0F0F0 !important;
    border-style: outset !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-radius: 12px !important;
    padding-bottom: 1px !important;
    background-position: 14px 6px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 6px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  html {
    background: #ffffff !important;
  }

  h1::after {
    content: "Design by Endor";
    margin-left: 230px;
    font-size: 25px;
    font-weight: bold;
    color: red;
  }

  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. 1600px, dann unbedingt in Zeile 72 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;
  }

  #body:hover {
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  .content-flex {
    flex: 1 1 56% !important;
  }

  .action-box {
    margin-top: -40px !important;
    border-radius: 24px !important;
    max-width: 353px !important;
  }

  .action-box > h3:nth-child(1) {
    margin-left: 13px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

  .action-box {
    background: #FDF5E6 !important;
  }

  .action-box > h3 {
    margin-left: 4px !important;
  }

  #owned {
    margin-top: -80px !important;
  }

  #profiles > div > table {
    border-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 24px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 24px !important;
  }

  th, td {
    padding-left: 17px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  h3 {
    color: red !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    min-width: 330px !important;
    max-width: 330px !important;
    text-align: left !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    text-align: left !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-args='{"name":"default"}'] {
    color: blue !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important; 
  }

  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }

  /* Position der Schaltflächen Ordner öffnen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(n+1) > td > button{
    position: absolute !important;
    right: 80px !important; 
    margin-top:-8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

  #profiles > div:nth-child(even) > table {
    background: #FFFAF0 !important;
  }

  #profiles > div:nth-child(odd) > table {
    background: #FFFFFF !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

Das mit Neu starten habe ich hier so nicht ist bei mir nebenenander.

Da muss ich mir mal euren Code anschauen.

Mfg.
Endor

Endor

Hallo zusammen.

Meint ihr die beiden Schaltflächen
Mit deaktivierten Add-ons neu starten...
Normal neu starten...

Da muss ich was ändern, dass die beiden immer die selbe Länge haben.
Denn das sieht bei jedem etwas anders aus. Mal sehen.

Mfg.
Endor

Endor

Zitat von FuchsFan

Endor habe ich mal in die Schleudermaschine gegeben

Jetzt wird mir auch klar warum mir so schwindelig geworden ist.

FuchsFan
Sieht auch gut aus.

Mfg.
Endor

Endor

2002Andreas

Ach so . Danke.

Das brauche ich nicht.

Habe meinen CSS Code jetzt auf Deine Version,
also Button Änderungen generell am Anfang und Einrückungen

umgestellt. Hoffe es passt so jetzt.

CSS

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

@-moz-document url(about:profiles) {
  button {
    background: #F0F0F0 !important;
    border-style: outset !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-radius: 12px !important;
    background-position: 14px 7px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 7px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  html {
    background: #ffffff !important;
  }

  h1::after {
    content: "Design by Endor";
    margin-left: 230px;
    font-size: 25px;
    font-weight: bold;
    color: red;
  }

  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. 1600px, dann unbedingt in Zeile 72 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;
  }

  #body:hover {
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  .content-flex {
    flex: 1 1 56% !important;
  }

  .action-box {
    margin-top: -40px !important;
    border-radius: 24px !important;
    max-width: 353px !important;
  }

  .action-box > h3:nth-child(1) {
    margin-left: 13px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

  .action-box {
    background: #FDF5E6 !important;
  }

  .action-box > h3 {
    margin-left: 4px !important;
  }

  #owned {
    margin-top: -80px !important;
  }

  #profiles > div > table {
    border-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 24px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 24px !important;
  }

  th, td {
    padding-left: 17px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  h3 {
    color: red !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    padding-right: 152px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    padding-right: 34px !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-args='{"name":"default"}'] {
    color: blue !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important; 
  }

  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }

  /* Position der Schaltflächen Ordner öffnen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(n+1) > td > button{
    position: absolute !important;
    right: 80px !important; 
    margin-top:-8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

  #profiles > div:nth-child(even) > table {
    background: #FFFAF0 !important;
  }

  #profiles > div:nth-child(odd) > table {
    background: #FFFFFF !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

Symbole:

Vielen Dank für Deine ganze Hilfe und Mühe.

Mfg.
Endor

Endor

Hallo 2002Andreas

Nur eine kurze Frage zu Deinem CSS Code

Wofür ist dieser Teil, ich finde da nichts zu bei mir

CSS

  [data-l10n-args='{"name":"default"}'] ~ button {
    background-image: url("file:///C:/Users/Andi/Icons%20Firefox/4.jpg") !important;
    background-color: red !important;
    color: white !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-args='{"name":"default"}'] ~ button:hover {
    background-image: url("file:///C:/Users/Andi/Icons%20Firefox/4.jpg") !important;
    background-color: green !important;
    background-repeat: no-repeat !important;
  }

Alles anzeigen

Hilfst Du mir mal kurz auf die Sprünge?

Mfg.
Endor

Endor

Gerne!

Endor

Sind in diesem Beitrag verlinkt.

Beitrag

RE: About Seiten mit CSS Codes anpassen

Das wäre meine Version von about:profiles:

(Quelltext, 306 Zeilen)

Symbole siehe hier: https://github.com/Endor8/CSS/tre…s/about:profile

Boersenfeger Zeile 13 könnte für dich wieder wichtig sein. :wink:

Mfg.
Endor

Endor

11. Mai 2020 um 12:13

Werde ich oben noch einbinden.

Mfg.
Endor

Endor

Hallo FuchsFan.

Teste bitte nochmals müsse nun passen.

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:profiles){
        
    html{background:#ffffff !important;}
        
    h1:after {content: "Design by Endor";
             margin-left: 230px;
             font-size: 25px;
             font-weight: bold;
             color: red; }
  
    #body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /*Breite anpassen zbs. 1600px, dann aber auch in Zeile 40 den Wert auf 71% erhöhen*/
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
    position: relative !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;}
    
    #body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    .content-flex {
    flex: 1 1 56% !important;}
    
    .action-box{
    margin-top: -40px !important;
    border-radius:24px !important;}
    
    .action-box > h3:nth-child(1){
    margin-left: 13px !important;}
    
    .action-box > h3, h2, h1 {color: #057A7A !important;}
    
    .action-box{background: #FDF5E6 !important;}
    
    .action-box > h3{margin-left: 4px !important;}
    
    #owned{margin-top: -80px !important;}
    
    #profiles > div > table{border-radius:24px !important;}
        
    #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1){border-top-left-radius:24px !important; 
    padding-top: 8px !important; padding-bottom: 8px !important;}
    #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2){border-top-right-radius:24px !important;}
    
    #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1){border-bottom-left-radius:24px !important;}
    
    #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2){border-bottom-right-radius:24px !important;}
    
    th, td {padding-left: 17px !important;}
    
    hr{display: none !important;}
    h2{margin-top: 25px !important;}
    h3{color: red !important;}    
        
    [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important; }
    
    [data-l10n-id="profiles-yes"]{
    color: green !important;
    font-size: 16px !important;}
    
    [data-l10n-args='{"name":"default"}'] {
    color: blue !important;}
    
    button[data-l10n-id="profiles-restart-normal"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild9.png")no-repeat !important;
    margin-left: 8px !important;
    padding-left:45px!important;
    padding-right: 148px !important;
    padding-bottom: 5px!important; 
    padding-top: 3px !important; 
    background-position:14px 6px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;
    white-space: nowrap!important;
    overflow: hidden !important;
    text-overflow: ellipsis!important;}

    button[data-l10n-id="profiles-restart-normal"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild9.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="profiles-restart-in-safe-mode"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild10.png")no-repeat !important;
    margin-left: 8px !important;
    padding-left:45px!important;
    padding-right: 34px !important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important; 
    margin-bottom: 10px !important;
    white-space: nowrap!important;
    overflow: hidden !important;
    text-overflow: ellipsis!important;}
    
    button[data-l10n-id="profiles-restart-in-safe-mode"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild10.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="profiles-create"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild11.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important; }
    
    button[data-l10n-id="profiles-create"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild11.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
            
    #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1), 
    #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1)
    {height: 32px !important;}
    
    /* Position der Schaltflächen Ordner öffnen festlegen */
    #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(n+1) > td > button
    {position: absolute !important; right: 80px !important; margin-top:-8px !important;}
    
    button[data-l10n-id="profiles-opendir"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 6px!important;
    font-size:14px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
    
    button[data-l10n-id="profiles-opendir"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
        
    button[data-l10n-id="profiles-rename"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
    
    button[data-l10n-id="profiles-rename"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="profiles-remove"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild8.gif")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important; }
    
    button[data-l10n-id="profiles-remove"]:hover {
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="profiles-set-as-default"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild14.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 7px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important; }
    
    button[data-l10n-id="profiles-set-as-default"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild14.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="profiles-launch-profile"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild15.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}    

    button[data-l10n-id="profiles-launch-profile"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild15.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #profiles > div:nth-child(even) > table
    {background: #FFFAF0 !important;}

    #profiles > div:nth-child(odd) > table            
    {background: #FFFFFF !important;}
    
    td:hover{background: #ffeb99 !important;}
    
    th {background-color: #ee7621 !important;}
    th:hover {background-color: #b54f06 !important;}
    }

Alles anzeigen

Mein Code hat jetzt 318 Zeilen.

Mfg.
Endor

Endor

Hallo zusammen. Arbeite gerade den ganzen CSS Code um.

Für Wurzelordner öffnen würde ich es so machen wie es auch 2002Andreas
uns geraten hat:

CSS

    button[data-l10n-id="profiles-opendir"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 6px!important;
    font-size:14px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
    
    button[data-l10n-id="profiles-opendir"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}

Alles anzeigen

Der gesamte CSS Code kommt dann später.

Mfg.
Endor

Beiträge von Endor

Aris-t2 Update custom_scrollbars.uc.js

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Der Glückwunsch-Thread

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

userChrome.js Scripte für den Fuchs (Diskussion)

userChrome.js Scripte für den Fuchs (Diskussion)

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

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

RE: About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen