Beiträge von grisu2099

grisu2099

Zitat von 2002Andreas

In welcher Zeile?

Zeilen 267-289

Ohne die geht es nicht - oder doch?

Ich sag ja: Anfänger mit Null-Ahnung von Java-Script...

grisu2099

Ich mußte aber auch weiter unten noch was einbauen - speziell das meinte ich mit dem "ob das eleganter zu lösen geht"...

grisu2099

Klar, die Zeilen 4+5 sind ja von mir...

grisu2099

Ich habe mich mal an dem Skript aus #27 versucht...

Für alle, die gerne eine andere Farbe beim Hovern der Pfeile hätten, hier mein Ergebnis:

JavaScript

"use strict";

/* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox
   https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js

   Version: 2.0.1 for Firefox 111+
   
   NOTE: 'non-compatible options' from earlier versions were removed

   README
  
   about:config >
       widget.windows.overlay-scrollbars.enabled > false (Windows)
       widget.gtk.overlay-scrollbars.enabled > false (Linux)
   [!] The above preferences have to be set to 'false' for this code to work
 
   [!] STARTUP CACHE HAS TO BE DELETED AFTER EVERY CHANGE!
   -> finding 'startupCache' folder: address bar > about:profiles > Local Directory > Open Folder > startupCache
   -> close Firefox
   -> delete 'startupCache' folders content
 
   Modifying appearance > change values
   - enable/disable options: true <-> false
   - color
     - name: red, blue, transparent 
     - hex code: #33CCFF, #FFF
     - rgb(a): rgba(0,0,255,0.8)
     - hsl(a): hsla(240,100%,50%,0.8)
   - numbers: 1, 2, 3 ... 10, 11, 12 ...
   - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
   - gradients: linear-gradient(direction, color, color, color)
   - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
   - predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
   - no color or no color value -> use "unset"
 
*/

(function() {


  /* General scrollbar settings *******************************************************/

  // default: hide_scrollbars = false
  const hide_scrollbars = false;

  // default: hide_scrollbar_buttons = false
  const hide_scrollbar_buttons = false;

  // default: thin_scrollbars = false / browsers own way to show thin scrollbars
  const thin_scrollbars = false;

  // default: custom_scrollbar_opacity = false
  const custom_scrollbar_opacity = false;

  // default: custom_opacity_value = "1.0"
  const custom_opacity_value = "1.0";


  /* Custom scrollbar settings ("custom_scrollbar_" --> "cs_") ************************/
  
  // default: custom_scrollbars = true
  const custom_scrollbars = true;
  
  // default: custom_scrollbar_arrows = true
  const custom_scrollbar_arrows = true;
  
  // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
  const custom_scrollbar_arrows_color = "green";

  //definiert die Hoverfarbe für die Scrollbuttons
  const custom_scrollbar_arrows_hover_color = "red";

  // default: cs_thumb_border = 0 / in px
  const cs_thumb_border = 1;
  
  // default: cs_thumb_roundness = 0 / in px
  const cs_thumb_roundness = 5;
 
  // default: cs_buttons_border = 0 / in px
  const cs_buttons_border = 0;

  // default: cs_buttons_roundness = 0 / in px
  const cs_buttons_roundness = 0;

  // default: cs_ignore_color_gradients = false / 'flat' scrollbars
  const cs_ignore_color_gradients = true; 
  

  /* Custom scrollbar colors and gradients ********************************************/
  
  // default: cs_background_color = "#DDDDDD"
  const cs_background_color = "#171717";

  // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_corner_background_color = "#DDDDDD" / - corner
  const cs_corner_background_color = "#171717";
  
  // default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"
  let cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)";

  // default: cs_thumb_color = "#33CCFF" / thumb/slider
  const cs_thumb_color = "rgb(80,80,80)";
  
  // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; 
  
  // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; 
  
  // default: cs_thumb_hover_color = "#66FFFF"
  const cs_thumb_hover_color = "rgb(50,50,52)";
  
  // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_thumb_border_color = "#33CCFF"
  const cs_thumb_border_color = "rgb(0,200,0)";
  
  // default: cs_buttons_color = "#66FFFF" / buttons
  const cs_buttons_color = "#171717";
  
  // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";

  // default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_buttons_hover_color = "#33CCFF"
  const cs_buttons_hover_color = "#171717";
  
  // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_buttons_border_color = "#33CCFF"
  const cs_buttons_border_color = "#33CCFF";


/* ******************************************************************************************** */
/* ******************************************************************************************** */


  // unset background image color gradients -> flat scrollbars
  if(cs_ignore_color_gradients === true)
    cs_background_image_vertical
    = cs_background_image_horizontal
    = cs_corner_background_image=cs_thumb_image_vertical
    = cs_thumb_image_horizontal
    = cs_thumb_hover_image_vertical
    = cs_thumb_hover_image_horizontal
    = cs_buttons_image_vertical
    = cs_buttons_image_horizontal
    = cs_buttons_hover_image_vertical
    = cs_buttons_hover_image_horizontal
    = "unset";


  let custom_scrollbars_code='';
  let custom_scrollbar_arrows_code='';
  let hide_scrollbar_buttons_code='';
  let custom_scrollbar_opacity_code='';
  let hide_scrollbars_code='';
  let thin_scrollbars_code='';
  
  if(custom_scrollbars === true)
    custom_scrollbars_code=`
        slider, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {
          appearance: auto;
          -moz-default-appearance: none !important;
        }
        slider {
          background-color: `+cs_background_color+` !important;
        }
        scrollbar[orient="vertical"] slider {
          background-image: `+cs_background_image_vertical+` !important;
        }
        scrollbar[orient="horizontal"] slider {
          background-image: `+cs_background_image_horizontal+` !important;
        }
        scrollcorner {
          background-color: `+cs_corner_background_color+` !important;
          background-image: `+cs_corner_background_image+` !important;
        }
        scrollbar thumb {
          background-color: `+cs_thumb_color+` !important;
          border-radius: `+cs_thumb_roundness+`px !important;
          box-shadow: inset 0 0 0 `+cs_thumb_border+`px `+cs_thumb_border_color+` !important;
        }
        scrollbar thumb[orient="vertical"] {
          background-image: `+cs_thumb_image_vertical+` !important;
          min-height: `+(12+cs_thumb_roundness+cs_thumb_border)+`px !important;
        }
        scrollbar thumb[orient="horizontal"] {
          background-image: `+cs_thumb_image_horizontal+` !important;
          min-width: `+(12+cs_thumb_roundness+cs_thumb_border)+`px !important;
        }
        scrollbar thumb:hover, scrollbar thumb:active {
          background-color: `+cs_thumb_hover_color+` !important;
        }
        scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {
          background-image: `+cs_thumb_hover_image_vertical+` !important;
        }
        scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {
          background-image: `+cs_thumb_hover_image_horizontal+` !important;
        }
        scrollbar scrollbarbutton {
          background-color: `+cs_buttons_color+` !important;
          border-radius: `+cs_buttons_roundness+`px !important;
          box-shadow: inset 0 0 0 `+cs_buttons_border+`px `+cs_buttons_border_color+` !important;
          height: 15px !important;
          width: 15px !important;
        }
        scrollbar[orient="vertical"] scrollbarbutton {
          background-image: `+cs_buttons_image_vertical+` !important;
        }
        scrollbar[orient="horizontal"] scrollbarbutton {
          background-image: `+cs_buttons_image_horizontal+` !important;
        }
        scrollbar scrollbarbutton:hover {
          background-color: `+cs_buttons_hover_color+` !important;
        }
        scrollbar[orient="vertical"] scrollbarbutton:hover {
          background-image: `+cs_buttons_hover_image_vertical+` !important;
        }
        scrollbar[orient="horizontal"] scrollbarbutton:hover {
          background-image: `+cs_buttons_hover_image_horizontal+` !important;
        }
    `;
    
  if(custom_scrollbar_arrows === true)
    custom_scrollbar_arrows_code=`
        scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_color+`' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }

        scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_color+`' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }

        scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_color+`' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }

        scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_color+`' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }


        scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_hover_color+`' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }

        scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_hover_color+`' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }

        scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_hover_color+`' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }

        scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='`+custom_scrollbar_arrows_hover_color+`' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important;
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }
    `;

  if(hide_scrollbar_buttons === true)
    hide_scrollbar_buttons_code=`
        scrollbar scrollbarbutton {
          opacity: 0 !important;
        }
        scrollbar[orient="vertical"] scrollbarbutton {
          min-height: 1px !important;
          height: 1px !important;
          max-height: 1px !important;
        }
        scrollbar[orient="horizontal"] scrollbarbutton {
          min-width: 1px !important;
          width: 1px !important;
          max-width: 1px !important;
        }
    `;
    
  if(custom_scrollbar_opacity === true)
    custom_scrollbar_opacity_code=`
        scrollbar {
          opacity: `+custom_opacity_value+` !important;
        }
    `;
  
  if(hide_scrollbars === true)
    hide_scrollbars_code=`
        scrollbar, scrollcorner {
          display: none !important;
          visibility: collapse !important;
        }
    `;
  
  if(thin_scrollbars === true)
    thin_scrollbars_code=`
        :root{
          scrollbar-width: thin !important;
        }
    `;

  Components.classes["@mozilla.org/content/style-sheet-service;1"]
    .getService(Components.interfaces.nsIStyleSheetService)
      .loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
        `+custom_scrollbars_code+`
        `+custom_scrollbar_arrows_code+`
        `+hide_scrollbar_buttons_code+`
        `+custom_scrollbar_opacity_code+`
        `+hide_scrollbars_code+`
        `+thin_scrollbars_code+`
  `), null, null),
  Components.classes["@mozilla.org/content/style-sheet-service;1"]
    .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);


})();

Alles anzeigen

Keine Ahnung, ob das eleganter zu lösen geht - ich bin froh, es überhaupt hingekriegt zu haben!

grisu2099

Auch von mir herzlichen Dank - sieht wieder hübsch aus.

grisu2099

ArisCTR :

Siehst du eine Chance, die Scrollbuttons noch wieder anpaßbar zu machen?

grisu2099

Aufgefallen ist es mir auch jetzt eben erst, als ich deinen Post las.

Aber ich habe hier einen Nightly, der noch auf dem Stand von gestern ist -> ohne Scrollbars...

grisu2099

Zitat von 2002Andreas

denn vor dem Update von heute ging es noch

Bei mir funktioniert das Skript auch in einem Nightly von gestern schon nicht mehr...

grisu2099

Zitat von 2002Andreas

bzw. gibt es evtl. sogar eine neuere Version von dem Skript?

Schau mal hier: https://github.com/Aris-t2/Custom…crollbars.uc.js

Hab ich allerdings noch nicht getestet...

grisu2099

Zitat von 2002Andreas

In der 111 passen auch die beiden anderen Button nicht perfekt:

Jetzt, wo du das sagst: Ganz perfekt paßt der mittlere der drei hier auch nicht - fällt aber kaum auf.

grisu2099

Zitat von 2002Andreas

Im Nightly passt es hier:

Bei diesem Bild würde ich nicht von passend sprechen...

Da ist mir die obere Box zu weit rechts.

grisu2099

Zitat von 2002Andreas

Könnte am Zoom liegen, oder der Größe vom Bildschirm

Zoom (100%) - Bildschirm FullHD 1920x1080...

grisu2099

Zitat von FuchsFan

Wie sieht bei Dir die Box rechts oben aus?

Paßt bei mir:

Edit: Firefox 111.0.1

grisu2099

Zitat von FuchsFan

Eventuell kann mal jemand probieren, ob es so i.O. ist.

Ich mußte erstmal verdunkeln...

Kann man so nutzen (wenn man so hell mag... )

grisu2099

Zitat von FuchsFan

Den Code von grisu2099 und Endor habe ich mal in die Schleudermaschine gegeben, das kam dabei heraus.

Da kommt mir doch einiges bekannt vor...

Kann sich sehen lassen!

grisu2099

Zitat von FuchsFan

Das gefällt mir sehr, habe das erst einmal für mich farbig umgestaltet (ich mag es immer hell, besser für die Augen in meinem Alter). Vielen Dank, grisu2099 , prima Ansatz finde ich.

Freut mich, wenn es dir gefällt.

Da ich es eher dunkel mag, hab ich alle "about"-Seiten in dieser Art bearbeitet.

Hier ging es ja eher um die Positionierung der Buttons...

grisu2099

Ihr könntet mal diesen Code für about:profiles testen (oder das für euch interessante rauskopieren)...

Da passen die Buttons:

CSS

@-moz-document url("about:profiles") {    

        /* Ränder für die ganze Seite */
#body {
    background-color: rgb(40,40,42) !important;
    padding: 50px 100px !important;
    }

        /* Erklärung: "Diese Seite…" */
#owned > div:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    width: 50vw !important;
    padding: 20px !important;
    margin-top: 50px !important;
    }

#body > h1:nth-child(2) {
    font-size: 0px !important; 
    }
        /* Überschrift */
#body > h1:nth-child(2):after {
    content: 'Meine Profile' !important;
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important; 
    background-color: cadetblue !important;
    color: white !important;
    font: 32px bold !important;
    line-height: 45px !important;
    text-align: center !important;
    min-width: 500px !important;
    max-width: 700px !important;
    height: 50px !important;
    padding: 0 50px !important;
    margin-left: 600px !important;
    }
    
    /* Box "Neu starten" */
.action-box {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: #202023 !important;
    color: black !important;
    min-width: 562px !important;    
    max-width: 562px !important;
    padding: 20px !important;
    margin-top: 95px !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;
    line-height: 40px !important;
    height: 40px !important;
    max-width: 100px !important;
    padding: 0 100px !important;
    margin: 0 auto 20px !important;}

    /* entfernt den standardmäßigen Abstand hinter den Buttons */
#restart-in-safe-mode-button,
#restart-button,
button[data-l10n-id="profiles-rename"],
button[data-l10n-id="profiles-remove"],
button[data-l10n-id="profiles-set-as-default"],
button[data-l10n-id="profiles-launch-profile"] {
    margin-inline-end: 0 !important;
    }

    /* Buttons "abgesicherter Neustart" und "normaler Neustart" */
#restart-in-safe-mode-button {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/abgesicherter-Neustart.png") no-repeat 10px 7px !important;
    color: black !important;
    padding: 5px 20px 5px 36px !important;
    margin: 0 20px 0 0 !important;
    }
#restart-in-safe-mode-button:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }
#restart-button {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Neustart.png") no-repeat 10px 7px !important;
    color: black !important;
    padding: 5px 20px 5px 36px !important;
    margin: 0 !important;
    }
#restart-button:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* Button "Neues Profil" */
#create-button {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Profil-neu.png") no-repeat 10px 7px !important;
    color: black !important;
    padding: 5px 20px 5px 36px !important;
    margin: 25px 0 0 20px !important;
    }
#create-button:hover {
    appearance: none !important;
    background-color: #1e90ff !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: 20px 100px !important;
    margin-top: 50px !important;
    }
td {
    background-color: #202023 !important;
    }
    
    /* Label Profilname */
#profiles > div > h2:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    color: black !important;
    text-align: center !important;
    line-height: 40px !important;
    width: 20vw !important;
    height: 40px !important;
    margin: 0 0 20px 50px !important;
    }

     /* Erklärung Standardprofil */
#profiles > div > h3 {
    border: 2px ridge red !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 0 0 20px 0 !important;
    }

    /* Tabelle */
#profiles > div > table {
    border: none !important;
    }
th, td {
    border: none !important;
    }
th {
    background-color: #002B57 !important;
    color: white !important;
    }
    /* Feld "Standardprofil" */
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-right: none !important;
    border-radius: 10px 0 0 0 !important;
    padding: 10px 20px !important;
    }
    /* Feld "Wurzelordner" */
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(2) > th:nth-child(1) {
    border-left: 2px ridge lightgrey !important;
    border-bottom: 2px ridge lightgrey !important;
    padding: 10px 20px !important;
    }
    /* Feld "lokaler Ordner" */
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(3) > th:nth-child(1) {
    border-left: 2px ridge lightgrey !important;
    border-bottom: 2px ridge lightgrey !important;
    border-radius: 0 0 0 10px !important;
    padding: 10px 20px !important;
    }
    /* Zeilen */
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
    border: 2px ridge lightgrey !important;
    padding: 10px 20px !important;
    }
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2),
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) {
    border: 2px ridge lightgrey !important;
    border-top: none !important;
    padding: 10px 20px !important;
    }
    /* Ecke oben rechts */
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
    border-radius: 0 10px 0 0 !important;
    }
    /* Ecke unten rechts */
#profiles > div > table > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) {
    border-radius: 0 0 10px 0 !important;
    }

    /* Button "Ordner öffnen" -> Wurzelordner */
#profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Ordner.png") no-repeat 10px 7px !important;
    color: black !important;
    min-height: 34px !important;
    position: absolute !important;
    right: 247px !important;
    padding: 5px 20px 5px 36px !important;
    margin-top: -9px !important;
    }
#profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* Button "Ordner öffnen" -> lokaler Ordner */
#profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Ordner.png") no-repeat 10px 7px !important;
    color: black !important;
    min-height: 34px !important;
    position: absolute !important;
    right: 247px !important;
    padding: 5px 20px 5px 36px !important;
    margin-top: -9px !important;
    }
#profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* bestimmt die Höhe der Zeilen bei den Profilordnern */
#profiles > div:nth-child(-n+20) > table:nth-child(-n+20) > tbody:nth-child(1) > tr:nth-child(-n+20), 
#profiles > div:nth-child(-n+20) > table:nth-child(-n+20) > tbody:nth-child(1) > tr:nth-child(-n+20) > th:nth-child(-n+20) {
    height: 34px !important;
    }

    /* Button "umbenennen" */
button[data-l10n-id="profiles-rename"] {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/umbenennen.png") no-repeat 10px 7px !important;
    color: black !important;
    padding: 5px 20px 5px 36px !important;
    margin: 24px 0 0 20px !important;
    }
button[data-l10n-id="profiles-rename"]:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* Button "löschen" */
button[data-l10n-id="profiles-remove"] {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Trashcan.png") no-repeat 10px 7px !important;
    color: black !important;
    padding: 5px 20px 5px 36px !important;
    margin: 24px 0 0 20px !important;
    }
button[data-l10n-id="profiles-remove"]:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* Button "Als Standardprofil festlegen" */
button[data-l10n-id="profiles-set-as-default"] {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Standard.png") no-repeat 10px 7px !important;
    color: black !important;
    position: absolute !important;
    left: 530px !important;
    padding: 5px 20px 5px 36px !important;
    margin-top: 24px !important;
    }
button[data-l10n-id="profiles-set-as-default"]:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* Button "zusätzlich ausführen" */
button[data-l10n-id="profiles-launch-profile"] {
    appearance: none !important;
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #99C0F7 url("file:///F:/FIREFOX-ICONS/Icons/Profil-neu.png") no-repeat 10px 7px !important;
    color: black !important;
    position: absolute !important;
    left: 799px !important;
    padding: 5px 20px 5px 36px !important;
    margin-top: 24px !important;
    }
button[data-l10n-id="profiles-launch-profile"]:hover {
    appearance: none !important;
    background-color: #1e90ff !important;
    }

    /* Linie unten beim Profil ausblenden */
#profiles > div > hr {
    display: none !important;
    }
}

Alles anzeigen

grisu2099

grisu2099

Zitat von 2002Andreas

Falschen Profilordner genommen.

Irgend sowas in der Art vermute ich auch schon die ganze Zeit...

grisu2099

Dann würden die anderen css-Dateien aber auch nicht funktionieren...

Beiträge von grisu2099

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

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

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen