Beiträge von milupo

milupo

Zitat von madmax25

Habe in MX gerade mal probehalber auf das System-Theme gestellt, da war komischerweise alles wie im hellen FF-Theme.

Zu Linux kann ich nichts sagen. Da müsstest du auf einen Linuxer des Forums warten. Ich weiß auch nicht, von wo die Einstellung da kommt: von der Distribution oder von KDE.

milupo

Zitat von madmax25

Meine userChrome.css sieht bisher so aus:

Dieser Code betrifft nur die Tableiste bzw. Tabs. Er hat nichts mit den Menüs zu tun.

Zitat von madmax25

Und das ist meine content-Chrome.css:

Dieser Code ist ganz irrelevant, weil die userContent.css nur auf Webseiten wirkt, nicht auf die Oberfläche von Firefox.

Zitat von madmax25

In Win10 (auf einer anderen Partition meines PC's) sind meine FF-Menüs übrigens ebenfalls schwarz auf weiß.

Und du hast für Firefox wirklich das Dark Theme eingestellt und nicht das System-Theme? Letzteres übernimmt hell bzw. dunkel aus dem Betriebssystem. Jedenfalls unter Windows.

milupo

Zitat von madmax25

Leider scheint das die Menüs und die Kontext-Menüs nicht zu interessieren, denn die sind immer noch schwarz auf weiß.

Nein, bei mir sind die Menüs unter Verwendung des Dark Themes von Firefox weiß auf schwarz. Allerdings verwende ich Windows. Vielleicht hast du schon die Menüs irgendwie angepasst, was immer noch wirkt? Zum Breeze-Theme kann ich nichts sagen.

milupo

Zitat von .DeJaVu

Nachtrag: in der 91nightly ist die ID wieder vorhanden. Allerdings haben die da jetzt ein Zahnrad draus gemacht.

So ist es. Der Text erscheint jetzt als Tooltip.

milupo

Zitat von .DeJaVu

Man könnte es noch weiter eingrenzen:

Aber wieso so? Der Eintrag hat eine eigene ID - #searchbar-anon-search-settings - und ist somit eindeutig. Wenn es nur eine Klasse gäbe, wäre das etwas Anderes.

milupo

Zitat von 2002Andreas

Er hat hier auch die (Überschrift CSS) mitkopiert:

Ich weiß, aber ich halte es schon für wichtig, darauf hinzuweisen, dass nicht irgendwelcher Text in einer CSS-Datei stehen darf. Egal, ob hineingeschrieben oder hineinkopiert.

milupo

Zitat von 2002Andreas

Was soll oben der Eintrag:
CSS

jd_cort Schreibe niemals einfach irgendwelchen in die userChrome.css oder userContent.css oder überhaupt in eine CSS-Datei. Erlaubt ist nur CSS-Code und Text innerhalb von Kommentarzeichen: /* ... */

milupo

Zitat von jd_cort

Ich hatte ihn oben rein gesetzt, und dann wieder entnommen weil es nicht funktioniert hat. Das ist meine CSS ohne den Zusatz

Dann kann aber keiner von uns kontrollieren, ob du beim Eintragen einen Fehler gemacht hast.

milupo

HermannT Mache das, was .DeJaVu dir in Beitrag #3 geraten hat. Das Symbol mit den beiden Pfeilspitzen ist wahrscheinlich für das Überhangmenü und steht normalerweise ganz am Ende der Leiste, wenn du viele Symbole hast und für einige der Platz zum Anzeigen nicht reicht. Möglicherweise hast du auch noch ein Feld für den flexiblen Leerraum, das Platz wegnimmt. Wenn du in das Fenster Symbolleiste anpassen… gehst, siehst du dann ein leeres Rechteck vor der Adressleiste. Ziehe das einfach in das Anpassen-Fenster hinein und die Adressleiste rutscht nach links.

milupo

Die wohl beste Lösung, weil die vielseitigste, ist die per Benutzerskript:

JavaScript

"use strict";

/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.4 ****************************************************************************** */
/* ******************************************************************************************** */

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

 README
 
 [!] either 'method 1' or 'method 2' are required to prepare Firefox for custom JavaScript files
 [!] 'custom_scrollbars.uc.js' file belongs into Firefox profiles 'chrome' folder!
 -> finding profile folder: address bar > about:profiles > Root Directory > Open Folder
 -> add file to \chrome\ folder (create one, if needed)

 [!] 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

 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - 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))
 - unsettings predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
 - button size with arrow (descriptions for vertical scrollbars - analogous for horizontal scrollbars)
 -- 1: space above arrow = arrow height
 -- 1.5: space above arrow = 0.5 * arrow height
 -- 2: no space above arrow
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var hide_scrollbars = false; // default: hide_scrollbars = false
var hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
var custom_scrollbar_size = true; // default: custom_scrollbar_size = false
var custom_scrollbar_size_value = 17; // in px // default: custom_scrollbar_size_value = 17
var custom_scrollbar_opacity = false; // default: custom_scrollbar_opacity = false
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// floating scrollbars
var enable_scrollbars_on_top_of_webcontent = false; // default: enable_scrollbars_on_top_of_webcontent = false // uses 'custom_scrollbar_size_value' inside its code
// custom scrollbars
var enable_custom_scrollbars = true; // default: enable_custom_scrollbars = true

// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 2; // in px // default: cs_thumb_border = 0
var cs_thumb_roundness = 10; // in px // default: cs_thumb_roundness = 0
var cs_buttons_roundness = 80; // in px // default: cs_buttons_roundness = 0
var cs_buttons_as_arrows = false; // default: cs_buttons_as_arrows = false // uses 'custom_scrollbar_size_value' inside its code
var cs_arrows_on_buttons = true; // default: cs_arrows_on_buttons = true // uses 'custom_scrollbar_size_value' inside its code
// button size with arrow - 1: space above arrow = arrow height // 1.5: space above arrow = 0.5 * arrow height // 2: no space above arrow
var cs_arrows_on_buttons_buttons_size = 2; // default: cs_arrows_on_buttons_buttons_size = 1.5
// 'flat' scrollbars
var cs_ignore_color_gradients = false; // default: cs_ignore_color_gradients = false

// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "orange"; // default: cs_background_color = "#DDDDDD"
var cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_vertical = "unset"
var cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "#FF0000"; // default: cs_corner_background_color = "#DDDDDD"
var 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_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "#228B22"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "#FF0000"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "#228B22"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
var cs_buttons_color = "#228B22"; // default: cs_buttons_color = "#66FFFF"
var cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "#FF0000"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "unset"
// - button arrows
var cs_arrows_on_buttons_color = "#228B22"; // default: cs_arrows_on_buttons_color = "#33CCFF"
var cs_arrows_on_buttons_hover_color = "#FF0000"; // default: cs_arrows_on_buttons_hover_color = "#66FFFF"

// 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";

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


// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

    init: function() {

    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {\
      -moz-appearance: none !important;\
    }\
    scrollbar {\
      background-color: '+cs_background_color+' !important;\
    }\
    scrollbar[orient="vertical"] {\
      background-image: '+cs_background_image_vertical+' !important;\
    }\
    scrollbar[orient="horizontal"] {\
      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;\
      border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
    }\
    scrollbar thumb[orient="vertical"] {\
      background-image: '+cs_thumb_image_vertical+' !important;\
    }\
    scrollbar thumb[orient="horizontal"] {\
      background-image: '+cs_thumb_image_horizontal+' !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;\
    }\
    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;\
    }\
    '), null, null);

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

    }
};

var cs_scrollbars_scrollbar_button_arrows = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton,\
    scrollbar[orient="horizontal"] scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton:hover,\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      background-color: unset !important;\
      background-image: unset !important;\
      border-radius: 0px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton {\
      min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-width: '+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton {\
      min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-height: '+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_arrows_on_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton,\
    scrollbar[orient="horizontal"] scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton:hover,\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      border-radius: 0px !important;\
    }\
    \
    scrollbar[orient="vertical"] > scrollbarbutton {\
      min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-width: '+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton {\
      min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-height: '+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    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;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_size = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-width: 0 !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-height: 0 !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var floating_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      position: relative !important;\
      z-index: 1000000000 !important;\
    }\
    scrollbar[orient="vertical"],\
    scrollbar[orient="horizontal"],\
    scrollbar, scrollcorner {\
      background-color: transparent !important; \
      background-image: unset !important; \
    }\
    scrollbar[orient="vertical"] {\
      -moz-margin-start: -'+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] {\
      margin-top: -'+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_opacity = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      opacity: '+custom_opacity_value+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var remove_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner {\
      display: none !important;\
      visibility: collapse !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(cs_buttons_as_arrows==true && hide_scrollbars==false) cs_scrollbars_scrollbar_button_arrows.init();
if(cs_arrows_on_buttons==true && cs_buttons_as_arrows==false && hide_scrollbars==false) cs_scrollbars_arrows_on_buttons.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_size==true) scrollbar_size.init();
if(enable_scrollbars_on_top_of_webcontent==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

Alles anzeigen

Richard1 Um Benutzerskripte zu verwenden, musst du noch bestimmte Vorbereitungen treffen.

milupo

Zitat von Mike.S

Das hatte ich schon aktiviert, bevor ich hier wieder geschrieben habe.

Was ist dann genau dein Problem? Du brauchst doch bloß auf den Tab Inspektor zu klicken und links daneben auf das Symbol und dann auf den Eintrag im Kontextmenü, das du vorher öffnen musst.

milupo

Zitat von Mike.S

Wie komme ich, wie hier drunter auf dem Screenshot zu sehen ist, zu dem Bereich wo die Codes der Kontextmenü-Einträge stehen? Ich habe per Klicken und Mouseover im Inspector lange rumgesucht, aber keine Kontextmenüs gefunden.

Ich zitiere mal aus der Anleitung:

Zitat von milupo

Das Bildschirmfoto zeigt auch eine Einstellung, die unbedingt aktiviert werden sollte: „Popups nicht automatisch ausblenden“, die sich hinter dem Drei-Punkte-Symbol ⋯ befindet. Wenn du diese Einstellung nicht aktivierst, kannst du nicht auf Einträge in Popup-Fenstern zugreifen, weil sich beim Klick darauf das Popup-Fenster sofort wieder schließt.

milupo

Zitat von FuchsFan

Nun verstehe ich die ganze Aufregung überhaupt nicht, es lässt sich doch noch anpassen, immer nach eigenen Wünschen.

Sicher, nur vergisst du hier, dass die Mehrheit der Nutzer keine oder nur geringfügige Anpassungen verwendet. Diese Nutzer verwenden den Standard-Firefox.

milupo

Zitat von Sören Hentzschel

Wie kannst du "Das ist doch egal" sagen, wenn ich dich frage, was du meinst?

Ich habe dazu eine Antwort gegeben. Es sollte ein Unterschied zu sehen sein.

Zitat von Sören Hentzschel

Du beziehst das durch das Zitat auf eine Aussage, in der es nicht um die Verwendung des gleichen Begriffs ging, sondern explizit um die Darstellung. Um den Text ging es erst im letzten Absatz.

Ja und? Ich habe Darstellung und gleichen Begriff in Beziehung gesetzt. Durch den gleichen Begriff ist jetzt noch weniger klar, dass sich es da um eine Überschrift handelt.

Zitat von Sören Hentzschel

auch jetzt noch werden im Englischen unterschiedliche Begriffe verwendet.

Nein. Du vergisst, dass ich Übersetzer für Sorbisch bin. Und beim Übersetzen habe ich sofort bemerkt, dass jetzt im Englischen die gleichen Begriffe verwendet werden. Denn auch im Sorbischen (und sicher auch in anderen Sprachen) sind jetzt die Begriffe gleich. Ich übersetze aus dem Englischen und nehme nur gelegentlich Deutsch zur Hilfe. Es ist aber offensichtlich so, dass es die alten Übersetzungen noch als Strings auf Pontoon gibt. Sie werden aber augenscheinlich nicht mehr verwendet. Zumindest nicht an diesen Stellen, um die es hier geht.

Zitat von Sören Hentzschel

st es doch auch. Der optische Unterschied zwischen der Kategoriebeschreibung und einem Menüpunkt ist wohl kaum zu übersehen.

Nein. Außer, dass der Eintrag ausgegraut ist, sehe ich keinen Unterschied. Ausgegraut sind aber auch Einträge, die nur in einem bestimmten Kontext aktiv sind.

milupo

Zitat von Sören Hentzschel

Was genau siehst du anders? Dass der Text in Firefox 89 dunkler ist als noch in Firefox 88? Oder dass Mitte, Links, Mitte, Links Unruhe erzeugt und Mozillas Design-Abteilung das vermutlich nicht abnehmen würde?

Das ist doch egal, es sollte nur wirklich ein Unterschied erkennbar sein.

Zitat von Sören Hentzschel

Eine Verwechslungsgefahr besteht da nicht ernsthaft, weil eines ein Menü-Eintrag ist und das andere nicht. Würde man es nicht eh schon an der Darstellung sofort erkennen, was man meines Erachtens durchaus kann, dann spätestens bei Herüberfahren mit der Maus, dass sich bei dem einen Eintrag nichts tut.

Es ist aber aus meiner Sicht eine, wenn auch sehr geringe, Einschränkung der Benutzerfreundlichkeit. Hier wird für unterschiedliche Zwecke der gleiche Begriff gebraucht. Sicher, es ist unauffällig. Aber hier im Forum wollen eben auch mittlerweile mehr Leute mit den Entwicklerwerkzeugen arbeiten. Und diese stolpern eben darüber.

Zitat von Sören Hentzschel

Ansonsten weißt du ja eh, wo du Änderungen der Übersetzung vorschlagen kannst, wenn die doppelte Bezeichnung für dich störend ist.

Was soll das bringen? Die Übersetzungen waren vorher auch in Englisch unterschiedlich - Web developer bzw. Browser tools. Das wurde rückgängig gemacht, warum auch immer. Und ich halte das für eine schlechte Entscheidung.

milupo

Wie gesagt, ich sehe das anders.

Und da ist noch ein anderes Problem: Die Einträge hatten früher unterschiedliche Bezeichnungen. Jetzt heißen beide auf Englisch Browser Tools. Das gleiche tritt auf das Menü Extras zu. Dort fällt es nicht so auf, weil die „Überschrift“ eine Ebene höher liegt und der andere Eintrag im Untermenü. Der deutsche Überschriftseintrag hieß früher Web-Entwickler (ich glaube auf Englisch Web Developer). Der Menüeintrag schon immer Browser-Werkzeuge. Man konnte die Einträge überhaupt nicht verwechseln. Und das ist wohl der eigentliche Grund für die Irritierung von Mike.S.

milupo

Zitat von Sören Hentzschel

Es soll einfach nur dezent den Bereich beschreiben.

Es sollte sich aber dennoch von den anderen Einträgen abheben. Für mich wäre dieser Eintrag z. B. sofort als Überschrift erkennbar, wenn er zentriert wäre. Dann kann er auch noch so dezent sein.

milupo

Ja, ich schließe mich da BrokenHeart an. Es handelt sich wohl wirklich um eine Überschrift, denn der Eintrag gehört zum HTML-Element <html:h2>, sprich, es handelt sich offensichtlich um eine Überschrift 2. Ordnung.

milupo

Zitat von heiko

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

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

milupo

Zitat von grisu2099

Auskommentierung im CSS geht so:

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

Beiträge von milupo

Menüs dunkel machen?

Menüs dunkel machen?

Menüs dunkel machen?

Suche - Kontext "Sucheinstellung ändern" deaktivieren

Suche - Kontext "Sucheinstellung ändern" deaktivieren

Suche - Kontext "Sucheinstellung ändern" deaktivieren

Suche - Kontext "Sucheinstellung ändern" deaktivieren

Suche - Kontext "Sucheinstellung ändern" deaktivieren

Eingabefeld falsche Position

Rahmen und Farbe des Scrollbalkens ändern

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

Kontextmenüs aufräumen bzw. anpassen

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts