MozillaZine


Address Bar icons description.

User Help for Mozilla Firefox
hch
 
Posts: 106
Joined: July 24th, 2008, 2:45 pm

Post Posted May 30th, 2020, 8:37 pm

Is it possible to edit the address bar icons description? I am using the following css ...

@namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);
/* ^ The above line needs to be there. You can delete this line though. */

/* Below this is where you put CSS code that alters the user interface, like the one I posted at the top */

/* Increase UI fonts */
/* * { font-size: 17pt !important; } */

/* Global UI font */
* { font-size: 17pt !important;
font-weight: bold !important; }


/* Bookmarks color green */
.bookmark-item[container], treechildren::-moz-tree-image(container) { fill: green !important; }

/* Rounded tabs */

/* Make Firefox 57+ Like Firefox 56 Tweaks */
/* Borrowed code from https://github.com/wilfredwee/photon-australis */

:root {
--tabs-border: transparent !important;
}

/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
border: none; !important; }

/* Firefox userChrome.css */


.tab-line {
visibility: hidden !important;
}

.tab-background[selected="true"] {
background-color: white !important;
}

tab:not([selected="true"]) {
background-color: rgb(213, 249, 163) !important;
}

#home-button
{
fill: brown !important;
}
#back-button {
fill: green !important;
}
#forward-button {
fill: green !important;
}

/*AGENT_SHEET*/

/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* disable classic appearance, if active */
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar toolbarbutton[type="menu-button"] .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar toolbarbutton[type="menu"][open]:not([disabled]) .toolbarbutton-icon,
#nav-bar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack {
background: unset !important;
background-color: unset !important;
border-color: unset !important;
box-shadow: unset !important;
transition: unset !important;
}

/* back button tweaks */
#main-window:not([uidensity=compact]) toolbar:not(#TabsToolbar) #back-button > .toolbarbutton-text {
margin-top: -2px !important;
}
#main-window:not([uidensity=compact]) toolbar:not(#TabsToolbar) #back-button > .toolbarbutton-icon {
border: 1px solid transparent !important;
padding: 7px !important;
}
#main-window[uidensity=touch] toolbar:not(#TabsToolbar) #back-button > .toolbarbutton-icon {
padding: 10px !important;
margin-top: -1px !important;
}

toolbar:not(#TabsToolbar) .toolbarbutton-1 .toolbarbutton-badge-stack,
toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton,
toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1 :-moz-any(.toolbarbutton-icon, .toolbarbutton-text),
toolbar:not(#TabsToolbar) .toolbarbutton-1 :-moz-any(.toolbarbutton-icon, .toolbarbutton-text),
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton :-moz-any(.toolbarbutton-icon, .toolbarbutton-text){
background: unset !important;
box-shadow: unset !important;
}

toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton{
-moz-appearance: toolbarbutton !important;
}

/* tweaks for Windows Classic theme *//*
toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1:hover,
toolbar:not(#TabsToolbar) .toolbarbutton-1:hover,
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton:hover{
box-shadow: 1px 0 0 0 white inset,
0 1px 0 0 white inset,
-1px 0 0 0 gray inset,
0 -1px 0 0 gray inset !important;
}
/**/

toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1 .toolbarbutton-text,
toolbar:not(#TabsToolbar) .toolbarbutton-1:not([type="menu-button"]) .toolbarbutton-text,
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton .toolbarbutton-text{
display: -moz-box !important;
padding: 0 !important;
}

toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1:not([type="menu-button"]),
toolbar:not(#TabsToolbar) .toolbarbutton-1:not([type="menu-button"]),
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton{
-moz-box-orient: vertical !important;
}

/* remove min-width to get shorter buttons - button width = text-width */
#nav-bar toolbaritem .toolbarbutton-1:not([type="menu-button"]),
#nav-bar .toolbarbutton-1:not([type="menu-button"]),
#nav-bar .toolbarbutton-1[type="menu-button"] toolbarbutton{
min-width: 57px !important;
}

toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton{
padding-top: 4px !important;
}

toolbar:not(#TabsToolbar) #bookmarks-menu-button::after {
visibility: collapse !important;
}

/* remove load/stop button animations */
toolbar:not(#TabsToolbar) #stop-button .toolbarbutton-animatable-image,
toolbar:not(#TabsToolbar) #reload-button .toolbarbutton-animatable-image {
visibility: collapse !important;
}

toolbar:not(#TabsToolbar) #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
toolbar:not(#TabsToolbar) #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon {
fill: unset !important;
}

/*
* Description: Auto-hide sidebar.
*
* Contributor(s): img2tab
*/

/* To right-align the sidebar, replace all occurrences of "left" with "right", and "margin-right" with "margin-left" */

:root {
--sidebar-hover-width: 10px;
--sidebar-visible-width: 260px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
margin-right: calc(var(--sidebar-hover-width) * -1) !important;
left: var(--sidebar-hover-width) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
}

#sidebar-box:hover {
margin-right: calc(var(--sidebar-visible-width) * -1) !important;
left: var(--sidebar-visible-width) !important;
min-width: var(--sidebar-visible-width) !important;
max-width: var(--sidebar-visible-width) !important;
}

#sidebar {
opacity: 0 !important;
}

#sidebar:hover {
opacity: 1 !important;
}

/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
#sidebar-header {
display: none !important;
}

/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
#sidebar-splitter {
}



/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
#sidebar-splitter {
}

*|*:root {
--sidebar-hover-width: 10px;
--sidebar-visible-width: 300px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
margin-right: calc(var(--sidebar-hover-width) * -1) !important;
left: var(--sidebar-hover-width) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
border-right: 1px solid var(--sidebar-border-color);
z-index:2147483647 !important;
}

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 2 guests