#reset-box > button {
display: block;
- margin: auto;
}
.block {
border-top: 1px solid #666699;
}
+.ac-title-box {
+}
+
+.ac-url-box {
+ /* When setting a vertical margin here, half of that needs to be added
+ .ac-title-box's translateY for when .ac-url-box is hidden (see below). */
+/* margin: 1px 0 4px;*/
+}
+
+.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
+.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
+.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
+.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
+ visibility: hidden;
+}
+
+.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
+.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
+.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
+.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
+ /* Center the title by moving it down by half of .ac-url-box's height,
+ including vertical margins (if any). */
+/* transform: translateY(calc(.5em + 2px));*/
+ transform: translateY(calc(.5em));
+}
+
.ac-site-icon {
width: 16px;
height: 16px;
-moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
}
-menulist > menupopup,
-.menulist-menupopup {
+menulist > menupopup {
-moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
}
-.menulist-compact {
- -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
-}
-
/* ::::: root elements ::::: */
window,
</content>
</binding>
- <binding id="menulist-compact" display="xul:menu"
- extends="chrome://global/content/bindings/menulist.xml#menulist">
- <content sizetopopup="false">
- <xul:hbox class="menulist-label-box" flex="1">
- <xul:image class="menulist-icon" xbl:inherits="src"/>
- <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
- </xul:hbox>
- <children includes="menupopup"/>
- </content>
- </binding>
-
</bindings>
\ No newline at end of file
--- /dev/null
+<?xml version="1.0"?>\r
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+ - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+<svg xmlns="http://www.w3.org/2000/svg"\r
+ xmlns:xlink="http://www.w3.org/1999/xlink"\r
+ x="0px" y="0px"\r
+ viewBox="0 0 16 16"\r
+ enable-background="new 0 0 16 16"\r
+ xml:space="preserve">\r
+<style>\r
+ use:not(:target) {\r
+ display: none;\r
+ }\r
+\r
+ use {\r
+ fill: #666699;\r
+ }\r
+\r
+ use[id$="-inverted"] {\r
+ fill: #FFFFFF;\r
+ }\r
+</style>\r
+<defs style="display:none">\r
+ <path id="search" fill-rule="evenodd" clip-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947\r
+ l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283\r
+ c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001\r
+ c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352\r
+ C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
+</defs>\r
+<use id="search-icon" xlink:href="#search"/>\r
+<use id="search-icon-inverted" xlink:href="#search"/>\r
+</svg>\r
/* ::::: menu/menuitems in menulist popups ::::: */
-.menulist-menupopup > menuitem,
menulist > menupopup > menuitem,
-.menulist-menupopup > menu,
menulist > menupopup > menu {
padding: 1px 5px;
max-width: none;
color: inherit;
}
-.menulist-menupopup > menuitem > .menu-iconic-left,
menulist > menupopup > menuitem > .menu-iconic-left,
-.menulist-menupopup > menu > .menu-iconic-left,
menulist > menupopup > menu > .menu-iconic-left {
display: none;
}
margin: 2px 0px;
}
-menulist > menupopup > menuseparator,
-.menulist-menupopup > menuseparator {
+menulist > menupopup > menuseparator {
border: 1px inset #CCD0DD;
margin: 2px 0px;
}
-moz-margin-start: 1ex !important;
}
-menulist:focus:not(.menulist-compact) > .menulist-label-box {
+menulist:focus > .menulist-label-box {
background-color: #336699;
color: #000000;
}
-menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
+menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
/* border: 1px dotted #808080; */
}
color: inherit;
font: inherit;
}
-
-/* ::::: compact menulists ::::: */
-
-.menulist-compact {
- -moz-box-align: center;
- -moz-box-pack: center;
- margin: 0px;
- border: 1px outset #CCD0DD;
- color: #000000;
- list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
-}
-
-.menulist-compact > .menulist-label-box {
- border: 1px solid transparent;
-}
-
-.menulist-compact > .menulist-label-box > .menulist-label {
- margin: 0 3px !important;
- text-align: end;
-}
-
-.menulist-compact > .menulist-label-box > .menulist-icon {
- -moz-margin-start: 2px;
-}
-
-.menulist-compact[open="true"] {
- border: 1px inset #CCD0DD;
- /* color: ThreeDHighlight; */
-}
-
-.menulist-compact[disabled="true"] {
- list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
-}
-
-.menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box {
- border: 1px dotted #999999;
-}
\ No newline at end of file
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/* ::::: Variables ::::: */
+.panel-arrowcontent {
+ --panel-arrowcontent-background: #CCD0DD;
+ --panel-arrowcontent-color: #000000;
+ --panel-arrowcontent-border: 1px outset #CCD0DD;
+}
+
/* ::::: menupopup ::::: */
menupopup,
.panel-arrowcontent {
padding: 6px;
- background-color: #CCD0DD;
+ color: var(--panel-arrowcontent-color);
+ background: var(--panel-arrowcontent-background);
background-clip: padding-box;
- border: 1px outset #CCD0DD;
+ border: var(--panel-arrowcontent-border);
margin: 0px;
}
/* rules for popups associated with menulists */
-menulist > menupopup,
-.menulist-menupopup {
+menulist > menupopup {
border: 1px solid #666699;
min-width: 0px;
padding: 0px;
padding: 1px !important;
}
+/* ::::: toolbarbutton badged ::::: */
+
+.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
+ -moz-margin-end: 0;
+}
+
+.toolbarbutton-badge[badge=""] {
+ display: none;
+}
+
+.toolbarbutton-badge {
+ background-color: #CCD0DD;
+}
+
+.toolbarbutton-badge::after {
+ /* The |content| property is set in the content stylesheet. */
+ font-size: 10px;
+ font-weight: bold;
+ padding: 1px 2px 2px;
+ color: #000000;
+ background-color: inherit;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 #9999CC inset,
+ 0 -1px 0 #9999CC inset,
+ 0 1px 0 #9999CC;
+ position: absolute;
+ top: -4px;
+ right: -2px;
+ min-width: 10px;
+ line-height: 10px;
+ text-align: center;
+}
+
+.toolbarbutton-badge:-moz-locale-dir(rtl)::after {
+ left: -2px;
+ right: auto;
+}
+
+.toolbarbutton-badge-container {
+ position: relative;
+}
+
/* .......... dropmarker .......... */
.toolbarbutton-menubutton-dropmarker {
+++ /dev/null
-#licenseContainer, #pluginList {
- -moz-appearance: listbox;
- margin: 2px 4px;
- border: 1px inset #CCD0DD;
- background-color: #FFFFFF;
- color: #000000;
-}
-
display: none;
}
-.toolbarbutton-badge-container {
- margin: 0;
- padding: 0;
- position: relative;
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
- padding: 2px 2px;
-}
-
-.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
- position: absolute;
- top: 2px;
- right: 2px;
-}
-
-.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
- -moz-margin-end: 0;
-}
-
-.toolbarbutton-badge[badge=""] {
- display: none;
-}
-.toolbarbutton-badge[badge]:not([badge=""])::after {
- /* The |content| property is set in the content stylesheet. */
- font-size: 9px;
- font-weight: bold;
- padding: 0 1px;
- color: #FF9F00;
- background-color: #000000;
- border: 1px solid #9C9CFF;
- border-radius: 2px;
- position: absolute;
- top: 0;
- right: 0;
-}
-
-#nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
- top: 1px;
- right: 1px;
-}
-
-.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 0;
- right: auto;
-}
-
-#nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 1px;
- right: auto;
-}
-
#social-notification-icon-mentions {
background-color: #000000;
border-radius: 3px;
#reset-box > button {
display: block;
- margin: auto;
}
.block {
border-top: 1px solid #E7ADE7;
}
+.ac-title-box {
+}
+
+.ac-url-box {
+ /* When setting a vertical margin here, half of that needs to be added
+ .ac-title-box's translateY for when .ac-url-box is hidden (see below). */
+/* margin: 1px 0 4px;*/
+}
+
+.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
+.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
+.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
+.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
+ visibility: hidden;
+}
+
+.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
+.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
+.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
+.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
+ /* Center the title by moving it down by half of .ac-url-box's height,
+ including vertical margins (if any). */
+/* transform: translateY(calc(.5em + 2px));*/
+ transform: translateY(calc(.5em));
+}
+
.ac-site-icon {
width: 16px;
height: 16px;
-moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
}
-menulist > menupopup,
-.menulist-menupopup {
+menulist > menupopup {
-moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
}
-.menulist-compact {
- -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
-}
-
/* LCARStrek special bindings */
statusbar {
</content>
</binding>
- <binding id="menulist-compact" display="xul:menu"
- extends="chrome://global/content/bindings/menulist.xml#menulist">
- <content sizetopopup="false">
- <xul:hbox class="menulist-label-box" flex="1">
- <xul:image class="menulist-icon" xbl:inherits="src"/>
- <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
- </xul:hbox>
- <children includes="menupopup"/>
- </content>
- </binding>
-
-
+
<binding id="statusbar" extends="chrome://global/content/bindings/general.xml#statusbar">
<content>
<xul:box class="statusbar-left"/>
--- /dev/null
+<?xml version="1.0"?>\r
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+ - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+<svg xmlns="http://www.w3.org/2000/svg"\r
+ xmlns:xlink="http://www.w3.org/1999/xlink"\r
+ x="0px" y="0px"\r
+ viewBox="0 0 16 16"\r
+ enable-background="new 0 0 16 16"\r
+ xml:space="preserve">\r
+<style>\r
+ use:not(:target) {\r
+ display: none;\r
+ }\r
+\r
+ use {\r
+ fill: #FFCF00;\r
+ }\r
+\r
+ use[id$="-inverted"] {\r
+ fill: #000000;\r
+ }\r
+</style>\r
+<defs style="display:none">\r
+ <path id="search" fill-rule="evenodd" clip-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947\r
+ l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283\r
+ c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001\r
+ c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352\r
+ C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
+</defs>\r
+<use id="search-icon" xlink:href="#search"/>\r
+<use id="search-icon-inverted" xlink:href="#search"/>\r
+</svg>\r
/* ::::: menu/menuitems in menulist popups ::::: */
-.menulist-menupopup > menuitem,
menulist > menupopup > menuitem,
-.menulist-menupopup > menu,
menulist > menupopup > menu {
padding: 1px 5px;
max-width: none;
color: inherit;
}
-.menulist-menupopup > menuitem > .menu-iconic-left,
menulist > menupopup > menuitem > .menu-iconic-left,
-.menulist-menupopup > menu > .menu-iconic-left,
menulist > menupopup > menu > .menu-iconic-left {
display: none;
}
margin: 2px 0px;
}
-menulist > menupopup > menuseparator,
-.menulist-menupopup > menuseparator {
+menulist > menupopup > menuseparator {
border: 1px solid #9C9CFF;
margin: 2px 0px;
}
-moz-margin-start: 1ex !important;
}
-menulist:focus:not(.menulist-compact) > .menulist-label-box {
+menulist:focus > .menulist-label-box {
background-color: #008484;
color: #FFCF00;
}
-menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
+menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
/* border: 1px dotted #FFCF00; */
}
color: inherit;
font: inherit;
}
-
-/* ::::: compact menulists ::::: */
-
-.menulist-compact {
- -moz-box-align: center;
- -moz-box-pack: center;
- margin: 0px;
- color: #E7ADE7;
- border: 1px solid #9C9CFF;
- list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
-}
-
-.menulist-compact > .menulist-label-box > .menulist-label {
- margin: 0 3px !important;
- text-align: end;
-}
-
-.menulist-compact > .menulist-label-box > .menulist-icon {
- -moz-margin-start: 2px;
-}
-
-.menulist-compact[open="true"] {
- border: 1px solid #FFCF00;
-}
-
-.menulist-compact:hover,
-.menulist-compact[open="true"] {
- list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
-}
-
-.menulist-compact[disabled="true"] {
- list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
-}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/* ::::: Variables ::::: */
+.panel-arrowcontent {
+ --panel-arrowcontent-background: #000000;
+ --panel-arrowcontent-color: #FF9F00;
+ --panel-arrowcontent-border: 1px solid #FF9F00;
+}
+
/* ::::: menupopup ::::: */
menupopup,
.panel-arrowcontent {
border-radius: 6px;
padding: 6px;
- background-color: #000000;
+ color: var(--panel-arrowcontent-color);
+ background: var(--panel-arrowcontent-background);
background-clip: padding-box;
- border: 1px solid #FF9F00;
+ border: var(--panel-arrowcontent-border);
margin: 0px;
}
/* rules for popups associated with menulists */
-menulist > menupopup,
-.menulist-menupopup {
+menulist > menupopup {
border: 1px solid #FF9F00;
min-width: 0px;
padding: 0px;
padding: 1px 2px !important;
}
+/* ::::: toolbarbutton badged ::::: */
+
+.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
+ -moz-margin-end: 0;
+}
+
+.toolbarbutton-badge[badge=""] {
+ display: none;
+}
+
+.toolbarbutton-badge {
+ background-color: #000000;
+}
+
+.toolbarbutton-badge::after {
+ /* The |content| property is set in the content stylesheet. */
+ font-size: 10px;
+ font-weight: bold;
+ padding: 1px 2px 2px;
+ color: #FF9F00;
+ background-color: inherit;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 #9C9CFF inset,
+ 0 -1px 0 #9C9CFF inset,
+ 0 1px 0 #9C9CFF;
+ position: absolute;
+ top: -4px;
+ right: -2px;
+ min-width: 10px;
+ line-height: 10px;
+ text-align: center;
+}
+
+.toolbarbutton-badge:-moz-locale-dir(rtl)::after {
+ left: -2px;
+ right: auto;
+}
+
+.toolbarbutton-badge-container {
+ position: relative;
+}
+
/* .......... dropmarker .......... */
.toolbarbutton-menubutton-dropmarker {
+++ /dev/null
-#licenseContainer, #pluginList {
- margin: 2px 4px;
- border-radius: 5px;
- border: 1px solid #9C9CFF;
- background-color: #000000;
- color: #FF9F00;
-}
-