Mit dem heutigen Update im Nightly verschwindet die Menüleiste. Sie wird erst wieder angezeigt, wenn über Anpassen die Titelleiste eingeblendet wird.
Ist das nur hier so?
Mit dem heutigen Update im Nightly verschwindet die Menüleiste. Sie wird erst wieder angezeigt, wenn über Anpassen die Titelleiste eingeblendet wird.
Ist das nur hier so?
So passt es jetzt für mich!
Wenn Du zufrieden bist, prima!
Trotzdem würde ich den Button "Neue Funktionen und Änderungen" wieder auf das ursprüngliche Maß bringen. (Musste ich auch überall anpassen).
In dem Code aus #15 bei dem Absatz #releasenotes (ab Zeile 306) das zusätzlich einfügen, dann sollte es wieder hübsch sein.
Es sind eure Anpassungen, die einen größeren Effekt verursachen. Und darauf kann Mozilla natürlich keine Rücksicht nehmen.
Da bin ich ganz bei Dir. ![]()
Und von mir dann zur Auswahl auch noch die Anpassung mit dem Textfeld (Script).
/* About : Dialog */
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {
#aboutDialog,
#aboutDialogContainer,
#agent .textbox-input-box,
#agent,
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version::before
{
font-family: 'Courier New' !important;
}
#aboutDialog vbox,
#aboutDialogContainer hbox,
#clientBox vbox,
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
#trademark,
#updateButton,
label.bottom-link:nth-child(3),
[href='about:credits'],
[href='about:license'],
[href='about:rights'],
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
font-size: 15px !important;
}
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
label.bottom-link:nth-child(3),
[href='about:credits'],
[href='about:license'],
[href='about:rights'],
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
text-decoration: none !important;
}
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#trademark
{
background-color: #202340 !important;
}
#updateDeck::before
{
content: 'Boersenfeger seine Nightly-Version ist:';
font-size: 17px !important;
font-weight: bold !important;
color: #f08080 !important;
margin-right: 6px !important;
margin-left: 0px !important;
}
#version
{
font-size: 16px !important;
margin-top: 30px !important;
color: #fff !important;
}
#aboutDialog
{
max-height: 600px !important;
min-width: 1100px !important;
}
#agent
{ appearance: none !important;
margin: 50px 40px 84px -1px !important;
max-height: 56px !important;
padding: 5px 10px 0 10px !important;
text-align: center !important;
border-radius: 14px !important;
max-width: 1300px !important;
}
#clientBox {
margin-left: -50px !important;
margin-right: 50px !important;
}
#agent .textbox-input-box
{
margin-top: 11px !important;
margin-left: 12px !important;
}
#bottomBox
{
margin-left: -23px !important;
margin-top: -15px !important;
margin-bottom: 40px !important;
}
#updateBox > vbox:nth-child(2) > hbox:nth-child(2)
{
margin-top: -25px !important;
margin-bottom: 20px !important;
}
#trademark
{
margin-top: 16px !important;
margin-bottom: -40px !important;
}
#leftBox
{
margin-top: 60px !important;
margin-left: 80px !important;
max-width: 200px !important;
min-width: 200px !important;
}
/* Build ID about Dialog css, Text mittig.*/
#rightBox textarea
{
background-color: white !important;
color: black !important;
text-align: center !important;
margin-top: 30px !important;
margin-bottom: 10px !important;
min-width: 750px !important;
min-height: 70px !important;
}
#icons > .icon
{
margin-top: 8px !important;
}
#updateButton
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif')
no-repeat !important;
background-color: gainsboro !important;
background-position: 13px 3px !important;
min-width: 360px !important;
padding-left: 30px !important;
border-radius: 14px !important;
border: 2px solid red!important;
color: black !important;
}
#updateButton:hover
{
background-color: #b2edfa !important;
}
#updateButton .button-box
{
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-start: 3px !important;
padding-end: 3px !important;
}
#updateBox vbox description.text-blurb label.text-link
{
display: none !important;
}
[href='about:license']
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 30px 0 70px !important;
padding: 0 20px 0 40px !important;
border: 2px solid dodgerblue !important;
border-radius: 14px !important;
}
[href='about:license']:hover
{
background-color: #b2edfa !important;
}
[href='about:rights']
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.gif')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 29px 0 -30px !important;
padding: 0 20px 0 40px!important;
border: 2px solid red!important;
border-radius: 14px !important;
}
[href='about:rights']:hover
{
background-color: #b2edfa !important;
}
label.bottom-link:nth-child(3)
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 -30px 0 -30px!important;
padding: 0 20px 0 40px !important;
border: 2px solid green!important;
border-radius: 14px !important;
}
label.bottom-link:nth-child(3):hover
{
background-color: #b2edfa !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Fuchs2.png')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 -2px 0 -2px !important;
padding: 0 15px 0 35px!important;
border: 2px solid cadetblue !important;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background-color: #b2edfa !important;
}
[href='about:credits']
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 5px 0 5px !important;
padding:0 15px 0 35px !important;
border: 2px solid cadetblue !important;
border-radius: 14px !important;
}
[href='about:credits']:hover
{
background-color: #b2edfa !important;
}
#contributeDesc > label:nth-child(1)
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 3px 0 3px !important;
padding: 0 15px 0 35px !important;
border: 2px solid cadetblue !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(1):hover
{
background-color: #b2edfa !important;
}
#contributeDesc > label:nth-child(2)
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 -2px 0 10px !important;
padding: 0 15px 0 35px !important;
border: 2px solid cadetblue !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(2):hover
{
background-color: #b2edfa !important;
}
#releasenotes
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png')
no-repeat !important;
background-position: 10px 3px !important;
color: black !important;
margin: 0 20px 0 35px !important;
padding: 0 20px 0 30px !important;
border: 2px solid cadetblue !important;
border-radius: 14px !important;
margin-top: 35px !important;
}
#releasenotes:hover
{
background-color: #b2edfa !important;
}
}
Alles anzeigen
Auch sehr gut:
Danke! ![]()
Das musste ich auch bei mir so anpassen, weil das Feld riesig breit war. Das haben die Jungs bei mozilla bestimmt nicht absichtlich so gemacht. ![]()
Download und Bibliothek passen nicht mehr.
Das sollte jetzt behoben sein, ist wieder "normal".
originalen Namen nutzt und nicht im Titel unmissverständlich klar macht, dass es sich dabei um eine Kopie eine anderen Erweiterung handelt,
Ja, das finde ich auch. Deshalb hier meine Nachfrage, weil ich doch verunsichert war. Das wäre wohl auch besser zu lösen gewesen, oder glaubt/denkt man, dass mit anderem Namen keine Abnehmer mehr da sind.
Nein, der Fork von hier jetzt als Erweiterung.
Danke, Andreas.
Es wurde jetzt eine Erweiterung davon erstellt.
Verstehe ich jetzt richtig, es ist das ursprüngliche Addon?
Was ist hiervon zu halten?
Dann passt bei dir dann auch das Fenster für die Bibliothek bestimmt.
Musste ich erst nachsehen, Download und Bibliothek passen nicht mehr. ![]()
Hast du dem Fenster evtl. eine feste Breite gegeben?
Ja,ist alles vorgegeben.
Seit einigen Updates vom Nightly passt die Breite der Fenster nicht mehr.
Sei gegrüßt, Andreas! ![]()
Bei meinen Anpassungen für den Dialog hat sich da nichts geändert, ist wohl, wie ja hier auch beschrieben im Original so.
Was sich aber noch geändert hat, sind einige Selektoren für das Update-Deck, die ich gestern ändern musste.
Da habe ich zu Thunderbird noch eine Frage. Nun habe ich sehr viel daran "gebastelt", musste natürlich immer mit Neustart abschließen. Dabei war in der Regel immer der Ordner Posteingang geöffnet, und jetzt ist es so, dass der Throbber ununterbrochen weiter läuft, wenn ich das Prog starte. Erst wenn ich einen anderen Ordner anklicke und wieder zurück gehe, dann ist es vorbei. Habe ich vorher einen anderen Ordner geöffnet, dann ist es normal.
Fehlerbehebung habe ich durchgeführt, aber kein Ergebnis. Was könnte ich dabei unternehmen?
Es ist schon eine Ewigkeit so, dass bei Einsatz des Scriptes für die Scrollbar bei Erhöhung des Zoom, diese sich dann verbreitert.
Auch in diesem Fall RE: in der Druckabteilung vom Fux ein wenig ändern ? kommt es zu dieser Verbreiterung.
Kann das im folgenden Script geändert werden, dass Zoom für die Scrollbar ausgeschlossen wird?
"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 = 16; // 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 = 1; // 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 = 1.25; // 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 = "#b0e2ff"; // Hintergrund
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 = "grey"; // 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 = "#1c86ee"; // Hintergrund Scrollbalken
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 = "lime"; // Farbe Scrollbalken bei Hover
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 = "#1c86ee"; // Hintergrund der Button
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 = "lime"; // Hintergrund bei Hover
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 - Pfeile
var cs_arrows_on_buttons_color = "#b0e2ff"; // Farbe
var cs_arrows_on_buttons_hover_color = "#FF0000"; // Farbe bei Hover
// 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
Du nutzt das JavaScript, um die Scrollbar anzupassen?
Dann liegt es daran.
Ja, so ist es. Denn es ist auch auf besuchten Seiten so, wenn Zoom erhöht wird.