-moz-image-region: rect(32px, 160px, 64px, 128px);
}
-#bookmarks-menu-button[starred][cui-areatype="menu-panel"] {
- -moz-image-region: rect(0px, 192px, 32px, 160px);
-}
-
-#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover {
- -moz-image-region: rect(32px, 192px, 64px, 160px);
-}
-
#history-panelmenu[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #history-panelmenu {
-moz-image-region: rect(0px, 224px, 32px, 192px);
}
#urlbar {
- width: 7em;
/* make color as light as possible to deal with dark non-domain parts */
color: #FFBFFF;
}
}
#main-window:not([customizing]) #TabsToolbar:not(:-moz-lwtheme) {
- }
+}
#main-window[tabsintitlebar] #TabsToolbar {
background-color: transparent;
margin-top: .5em;
}
+/* Sync Panel */
+
+.sync-panel-icon {
+ width: 32px;
+ background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat;
+}
+
+.sync-panel-inner {
+ width: 0;
+ padding-left: 10px;
+}
+
+.sync-panel-button-box {
+ margin-top: 1em;
+}
+
+#sync-error-panel-title,
+#sync-start-panel-title {
+ font-weight: bold;
+}
+
+#sync-start-panel-subtitle,
+#sync-error-panel-subtitle {
+ margin: 0;
+}
+
/* Status panel */
.statuspanel-label {
outline: 1px dashed #A09090;
}
-.highlighter-outline[locked] {
- box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
- outline-color: rgba(255,255,255,0.7);
-}
-
/* Highlighter - Node Infobar */
.highlighter-nodeinfobar {
/* Highlighter - Node Infobar - text */
.highlighter-nodeinfobar-text {
+ text-align: center;
/* 100% - size of the buttons and margins */
max-width: calc(100% - 2 * (26px + 6px));
padding-bottom: 1px;
color: #FF9F00;
}
-/* Highlighter - Node Infobar - buttons */
-
-.highlighter-nodeinfobar-button {
- padding: 0;
- width: 26px;
- min-height: 26px;
-}
-
-.highlighter-nodeinfobar-inspectbutton {
- list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
- -moz-image-region: rect(0px 16px 16px 0px);
- -moz-margin-start: 0px;
- -moz-margin-end: 2px;
-}
-
-.highlighter-nodeinfobar-inspectbutton:hover,
-.highlighter-nodeinfobar-inspectbutton:hover:active/*,
-.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
- -moz-image-region: rect(0px 32px 16px 16px);
-}
-
-.highlighter-nodeinfobar-menu {
-}
-
-.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
- -moz-box-align: center;
- -moz-margin-start: -1px;
-}
-
/* Highlighter - Node Infobar - box & arrow */
.highlighter-nodeinfobar-arrow {
#social-sidebar-button {
-moz-appearance: none;
list-style-image: url("chrome://browser/skin/social/gear_default.png");
- min-width: 16px;
+ border: none;
padding: 0;
margin: 2px;
}
+#social-sidebar-button > .toolbarbutton-icon {
+ min-height: 16px;
+ min-width: 16px;
+}
#social-sidebar-button:hover,
#social-sidebar-button:hover:active {
list-style-image: url("chrome://browser/skin/social/gear_clicked.png");
}
.panel-viewstack[viewtype="main"] > .panel-subviews {
- transform: translateX(21em);
+ transform: translateX(22.35em);
}
.panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
- transform: translateX(-21em);
+ transform: translateX(-22.35em);
}
.panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView {
padding: .5em 0;
}
-toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text,
-#bookmarks-menu-button > toolbarbutton > .toolbarbutton-text,
-:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbaritem > toolbarbutton > .toolbarbutton-text,
-:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbaritem > toolbarbutton > .toolbarbutton-text,
-:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbarbutton > .toolbarbutton-text,
-:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarbutton > .toolbarbutton-text {
- font-size: 10px;
+.panelUI-grid .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
+ margin: 2px 0 0;
+ text-align: center;
+ -moz-hyphens: auto;
}
#wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
#PanelUI-contents,
.panel-mainview:not([panelid="PanelUI-popup"]) {
- max-width: 21em;
+ max-width: 22.35em;
}
panelview:not([mainview]) .toolbarbutton-text,
flex: auto;
margin-left: auto;
margin-right: auto;
- max-width: 21em;
+ max-width: 22.35em;
}
#PanelUI-contents-scroller {
overflow-y: auto;
overflow-x: hidden;
- width: 21em;
+ width: 22.35em;
flex: auto;
}
.panel-customization-placeholder-child {
-moz-appearance: none;
-moz-box-orient: vertical;
- width: calc(7em - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */
+ width: calc(22.35em / 3 - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */
height: calc(51px + 2.2em);
}
.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-moz-appearance: none;
-moz-box-orient: vertical;
- width: calc(7em - 2px);
+ width: calc(22.35em / 3 - 2px);
height: calc(49px + 2.2em);
border: 0;
}
}
toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
- width: 7em;
+ width: calc(22.35em / 3);
margin: 0 !important;
}
}
/*
-panelview toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
-toolbarbutton.subviewbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
+panelview toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]),
+toolbarbutton.subviewbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]),
menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
-.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
+.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]),
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)
> toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
background-color: hsla(210,4%,10%,.08);
border-color: hsla(210,4%,10%,.11);
}
-.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]) {
border-color: hsla(210,4%,10%,.11);
}
-panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
-toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
+panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)),
+toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)),
menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
-.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
+.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)),
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)
- > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active) {
+ > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)) {
background-color: hsla(210,4%,10%,.12);
border-color: hsla(210,4%,10%,.14);
box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
#search-container[cui-areatype="menu-panel"],
#wrapper-search-container[place="panel"] {
- width: 21em;
+ width: 22.35em;
}
#search-container[cui-areatype="menu-panel"] {
padding: .5em;
margin: 0;
-moz-box-flex: 1;
- min-width: 7em;
- max-width: 7em;
+ min-width: calc(22.35em / 3);
+ max-width: calc(22.35em / 3);
/* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope:
1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */
height: calc(2.2em + 4px);
#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-reset-button {
/* reduce the width with 2px for this button to compensate for two separators
of 1px. */
- min-width: calc(7em - 2px);
- max-width: calc(7em - 2px);
+ min-width: calc(22.35em / 3 - 2px);
+ max-width: calc(22.35em / 3 - 2px);
}
#main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon {
}
#widget-overflow-list {
- width: 21em;
+ width: 22.35em;
padding-left: 10px;
padding-right: 10px;
}
#widget-overflow-list > .overflowedItem {
width: 100%;
- max-width: 21em;
+ max-width: 22.35em;
min-height: 36px;
background-repeat: no-repeat;
background-position: 0 center;
}
.devtools-tooltip[clamped-dimensions] {
+ min-height: 100px;
max-height: 400px;
+ min-width: 100px;
max-width: 400px;
}
.devtools-tooltip[clamped-dimensions] .panel-arrowcontent {
margin-bottom: -4px;
}
+/* Tooltip: Alert Icon */
+
+.devtools-tooltip-alert-icon {
+ width: 32px;
+ height: 32px;
+ margin: 6px;
+ -moz-margin-end: 20px;
+}
+
+.devtools-tooltip-alert-icon {
+ list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
+}
+
/* Tooltip: Variables View */
.devtools-tooltip-variables-view-box {
color: #FF9F00;
}
+.theme-sidebar {
+ background: #000000;
+ color: #FF9F00;
+}
+
::-moz-selection {
background-color: #008484;
color: #FFCF00;
}
.theme-toolbar,
-.devtools-toolbar { /* General toolbar styling */
+.devtools-toolbar,
+.devtools-sidebar-tabs > tabs { /* General toolbar styling */
}
border-bottom: 0;
}
+.devtools-horizontal-splitter {
+}
+
+.devtools-side-splitter {
+}
+
+.devtools-textinput,
+.devtools-searchinput {
+ background-color: #000000;
+ color: #E7ADE7;
+}
+
/* === BEGIN toolbars.inc.css === */
.devtools-toolbar {
}
#command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
}
#command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
}
#command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-tilt.png");
}
#command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
}
#command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-pick.png");
}
#command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-console.png");
}
#command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
+ background-image: url("chrome://browser/skin/devtools/command-eyedropper.png");
+}
+
+@media (min-resolution: 2dppx) {
+ #command-button-paintflashing > image {
+ background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
+ }
+
+ #command-button-responsive > image {
+ background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
+ }
+
+ #command-button-tilt > image {
+ background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
+ }
+
+ #command-button-scratchpad > image {
+ background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
+ }
+
+ #command-button-pick > image {
+ background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ }
+
+ #command-button-splitconsole > image {
+ background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
+ }
+
+ #command-button-eyedropper > image {
+ background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
+ }
}
/* Tabs */
padding: 0;
}
-/* Sources and breakpoints pane */
+/* === BEGIN debugger.inc.css === */
-#sources-pane > tabs {
- -moz-border-end: 1px solid #9C9CFF; /* Match the sources list's dark margin. */
-}
+/* Sources and breakpoints pane */
#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
border-color: transparent;
}
+#sources-pane > tabs {
+ -moz-border-end: 1px solid #9C9CFF; /* Match the splitter color. */
+}
+
#sources-toolbar > .devtools-toolbarbutton,
#sources-controls > .devtools-toolbarbutton {
min-width: 32px;
color: #8050B0;
}
+#sources .selected > .black-boxed {
+ color: #000000;
+}
+
#sources .black-boxed > .dbg-breakpoint {
display: none;
}
-moz-image-region: rect(0px,32px,16px,16px);
}
-#start-tracing {
- padding: 4px;
- margin: 4px;
-}
-
#clear-tracer {
/* Make this button as narrow as the text inside it. */
min-width: 1px;
}
-#tracer-message {
- /* Prevent the container deck from aquiring the height from this message. */
- min-height: 1px;
-}
-
.trace-name {
-moz-padding-start: 4px !important;
}
-#tracer-traces > scrollbox {
- overflow: scroll;
- /* Hack to enable hardware acceleration */
- transform: translateZ(0);
-}
-
/* Tracer dark+light theme */
-#tracer-message {
- color: #FF9F00; /* Light foreground text */
-}
-
.trace-item {
color: #FF9F00; /* Light foreground text */
}
color: #A09090; /* highlight grey */
}
-/* ListWidget items */
-
-.list-widget-item {
- padding: 2px;
-}
-
-/* .theme-light / .theme-dark */
-.list-widget-item:not(.selected):not(.empty):hover {
-/* background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
-}
-
-/* .theme-light / .theme-dark */
-.list-widget-item.selected.light {
-/* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
- color: #000;*/
-}
-
-.list-widget-item.selected {
- background: #008484;
- color: #FFCF00;
-}
-
-.list-widget-item.empty {
- color: #8050B0;
- /* padding: 4px; */
-}
-
/* Breadcrumbs stack frames view */
.breadcrumbs-widget-item {
.dbg-classic-stackframe {
display: block;
- padding: 4px;
+ padding: 0 4px;
}
.dbg-classic-stackframe-title {
/* Instruments pane (watch expressions, variables, event listeners...) */
#instruments-pane .side-menu-widget-container,
-#instruments-pane .side-menu-widget-empty-notice-container {
+#instruments-pane .side-menu-widget-empty-text {
/* box-shadow: none !important; */
}
.dbg-expression-arrow {
width: 16px;
height: auto;
+ margin: 2px;
background: -moz-image-rect(url("commandline-icon.png"), 0, 32, 16, 16);
}
.dbg-expression-input {
- -moz-padding-start: 2px !important;
color: inherit;
}
+.dbg-expression-button {
+ border: none;
+ background: none;
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+.dbg-expression-button {
+ color: #9C9CFF; /* Blue highlight color */
+}
+
/* Event listeners view */
.dbg-event-listener {
- padding: 4px 8px;
+ padding: 0 8px;
}
.dbg-event-listener-type {
/* text-shadow: 0 1px #fff;*/
}
-.results-panel-item-pre {
+.results-panel-item-label-before {
-moz-margin-end: 5px !important;
color: #A09090;
cursor: inherit;
}
-.results-panel-item-name {
+.results-panel-item-label {
color: #9C9CFF;
font-weight: 600;
cursor: inherit;
}
-.results-panel-item-details {
+.results-panel-item-label-below {
color: #FF9F00;
cursor: inherit;
}
#globalsearch {
min-height: 10px;
-}
-
-#globalsearch > vbox:not(:empty) {
- min-height: 10px;
max-height: 125px;
}
-moz-image-region: rect(0px, 32px, 16px, 16px);
}
-#resumption-panel-desc {
- width: 200px;
-}
-
-#resumption-order-panel {
- -moz-margin-start: -8px;
-}
-
#resume {
list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
#body[layout=vertical] .side-menu-widget-container,
-#body[layout=vertical] .side-menu-widget-empty-notice-container {
+#body[layout=vertical] .side-menu-widget-empty-text {
box-shadow: none !important;
}
#body[layout=vertical] .side-menu-widget-item-arrow {
background-image: none !important;
}
+
+/* === END debugger.inc.css === */
--- /dev/null
+<svg height="0" xmlns="http://www.w3.org/2000/svg">
+<filter id="invert" x="0%" y="0%" width="100%" height="100%" >
+ <feComponentTransfer>
+ <feFuncR type="table" tableValues=".1 0"/>
+ <feFuncG type="table" tableValues=".1 0"/>
+ <feFuncB type="table" tableValues=".1 0"/>
+ </feComponentTransfer>
+</filter>
+</svg>
\ No newline at end of file
--- /dev/null
+<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#000000" d="M7,11.6 7,.4 1.5,6z"/>
+<path fill="#9C9CFF" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/>
+</svg>
--- /dev/null
+<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#000000" d="M0,11.6 0,.4 5.5,6z"/>
+<path fill="#9C9CFF" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
+</svg>
padding: 0;
}
-#body {
- background-color: #000000;
-}
-
-/* Network requests table */
+/* === BEGIN netmonitor.inc.css === */
#requests-menu-empty-notice {
- background-color: #A09090;
- border-radius: 8px;
+ margin: 0;
padding: 12px;
font-size: 110%;
+
color: #000000;
}
+/* Network requests table */
+
#requests-menu-toolbar {
}
-moz-border-end: 1px solid #9C9CFF;
}
+.requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
+.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
+}
+
.requests-menu-header-button,
#requests-menu-status-button {
background-color: transparent;
}
.requests-menu-timings-division:not(:first-child) {
+ -moz-border-start: 1px dotted;
-moz-margin-start: -100px !important; /* Don't affect layout. */
}
transform-origin: right center;
}
+.requests-menu-timings-division[division-scale=millisecond] {
+ -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
+}
+
+.requests-menu-timings-division[division-scale=second] {
+ -moz-border-start-color: #E7ADE7 !important; /* Light orange highlight color */
+ font-weight: 600;
+}
+
+.requests-menu-timings-division[division-scale=minute] {
+ -moz-border-start-color: #FF0000 !important; /* Red highlight color */
+ font-weight: 600;
+}
+
/* Network requests table: waterfall items */
.requests-menu-subitem.requests-menu-waterfall {
-moz-padding-start: 4px;
-moz-padding-end: 4px;
background-repeat: repeat-y; /* Background created on a <canvas> in js. */
+ background-position: -1px center;
margin-top: -1px; /* Compensate borders. */
margin-bottom: -1px;
}
.requests-menu-timings-cap {
width: 4px;
- height: 10px;
+ height: 8px;
+
border: 1px solid #FFCF00;
}
}
.requests-menu-timings-box {
- height: 10px;
+ height: 8px;
+
border-top: 1px solid #FFCF00;
border-bottom: 1px solid #FFCF00;
}
/* SideMenuWidget */
+.side-menu-widget-item-contents {
+ padding: 0px;
+}
+
.side-menu-widget-container {
box-shadow: none !important;
}
-.side-menu-widget-item:nth-child(even) {
+.side-menu-widget-item:not(.selected)[odd] {
background: rgba(255,159,0,0.1);
}
/* Network request details */
#details-pane {
- background-color: #000000;
max-width: 500px;
}
-moz-padding-start: 4px;
-moz-padding-end: 3px;
font-weight: 600;
- color: #9C9CFF;
}
.tabpanel-summary-value {
#timings-tabpanel .requests-menu-timings-box {
transition: transform 0.2s ease-out;
min-width: 1px;
+ border: none;
}
#timings-tabpanel .requests-menu-timings-total {
-moz-margin-end: 3px;
border: none;
padding: 0px 1.5vw;
+
/* color: #fff;*/
}
}
.requests-menu-header-button {
- min-height: 23px; /* Remaining 1px comes from border of the toolbar. */
+ min-height: 24px;
}
.requests-menu-footer-button,
right border and box-shadow of "File" column should be hidden. */
}
}
+
+/* === END netmonitor.inc.css === */
-moz-border-start-color: transparent;
}
+.profiler-sidebar .devtools-toolbar {
+ -moz-border-end: 1px solid #9C9CFF; /* Match the splitter color. */
+}
+
.profiler-sidebar-item {
padding: 3px 5px;
}
.profiler-sidebar-item > hbox {
margin-top: 2px;
- color: #A09090;
}
.profiler-sidebar-item > hbox > a {
padding: 0;
}
-#body {
- background-color: #000000;
-}
-
-#content {
- background-color: #000000;
-}
-
/* Reload and waiting notices */
.notice-container {
- background-color: #000000;
margin-top: -50vh;
+
+ background-color: #000000;
color: #FF9F00;
}
background-position: 0 0;
}
-.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents {
- color: #8050B0;
-}
-
/* Shader source editors */
#editors-splitter {
--- /dev/null
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#000000" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
+</svg>
--- /dev/null
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#000000" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
+<path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
+<path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
+</g>
+</svg>
--- /dev/null
+<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#000000" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
+<g opacity="1">
+<path opacity="1" fill="#000000" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
+<path opacity="1" fill="#000000" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
+<path opacity="1" fill="#000000" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
+<path opacity="1" fill="#000000" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
+</g>
+</svg>
--- /dev/null
+<svg width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 17 16">
+<g fill="#000000" fill-rule="evenodd">
+<path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
+<path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
+</g>
+<g opacity=".7">
+<g opacity=".75">
+<path fill="#000000" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
+</g>
+<g opacity=".85">
+<path fill="#000000" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
+</g>
+</g>
+<g opacity=".75">
+<path fill="#000000" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
+</g>
+<g opacity=".85">
+<path fill="#000000" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
+</g>
+<g opacity=".7">
+<g opacity=".75">
+<path fill="#000000" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+</g>
+<g opacity=".85">
+<path fill="#000000" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
+</g>
+</g>
+<g opacity="5.000000e-02" fill="#000000" fill-rule="evenodd">
+<path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+<path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+<path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
+<path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
+<path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+<path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+</g>
+</svg>
--- /dev/null
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#000000" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+</svg>
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#000000" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
--- /dev/null
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#000000" fill-rule="evenodd">
+<path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/>
+<path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/>
+</g>
+</svg>
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 17 16">
+<g fill="#000000" fill-rule="evenodd">
+<path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
+<path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
+</g>
+</svg>
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#000000" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
+</svg>
width: 200px;
}
-/* === webconsole.inc.css === */
+/* === BEGIN webconsole.inc.css === */
/* General output styles */
}
/* The red bubble that shows the number of times a message is repeated */
-.message > .repeats {
+.message-repeats {
-moz-user-select: none;
flex: 0 0 auto;
margin: 2px 6px;
font-weight: 600;
}
-.message > .repeats[value="1"] {
+.message-repeats[value="1"] {
display: none;
}
-.message > .location {
+.message-location {
-moz-margin-start: 6px;
display: flex;
flex: 0 0 auto;
margin-top: 4px;
color: #3333FF;
text-decoration: none;
+ white-space: nowrap;
}
-.message > .location:hover,
-.message > .location:focus {
+.message-location:hover,
+.message-location:focus {
text-decoration: underline;
}
-.message > .location > .filename {
+.message-location > .filename {
text-overflow: ellipsis;
text-align: end;
overflow: hidden;
white-space: nowrap;
}
-.message > .location > .line-number {
+.message-location > .line-number {
flex: 0 0 auto;
}
border: none;
}
+.devtools-side-splitter ~ #webconsole-sidebar[hidden] {
+ display: none;
+}
+
/* Security styles */
.message[category=security] > .icon {
text-decoration: none;
}
+.consoleTrace .body > div {
+ display: flex;
+ margin-bottom: 5px;
+}
+
+.consoleTrace .title {
+ display: block;
+ flex: 1 1 auto;
+}
+
+.stacktrace {
+ list-style: none;
+ padding: 0 1em 0 1.5em;
+ margin: 0;
+ max-height: 10em;
+ overflow-y: auto;
+
+ border: 1px solid #A09090;
+ border-radius: 3px;
+}
+
+.stacktrace li {
+ display: flex;
+ margin: 0;
+}
+
+.stacktrace .function {
+ display: block;
+ flex: 1 1 auto;
+}
+
/* Replace these values with CSS variables as available */
.theme-dark .jsterm-input-container {
background-color: #000000; /* tabToolbarBackgroundColor */
border-color: #A09090;
}
-/* Replace these values with CSS variables as available */
+.theme-dark .stacktrace {
+ border-color: #A09090;
+}
+
.theme-light .jsterm-input-container {
background-color: #000000; /* tabToolbarBackgroundColor */
border-color: #9C9CFF; /* mainBackgroundColor */
.theme-light .inlined-variables-view iframe {
border-color: #A09090;
}
+
+.theme-dark .stacktrace {
+ border-color: #A09090;
+}
+
+@media (max-width: 500px) {
+ .message > .timestamp {
+ display: none;
+ }
+ .toolbarbutton-text {
+ display: none;
+ }
+ .hud-console-filter-toolbar .webconsole-filter-button {
+ min-width: 40px;
+ }
+ .hud-console-filter-toolbar .webconsole-clear-console-button {
+ min-width: 25px;
+ }
+ .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
+ width: 16px;
+ height: 16px;
+ margin-left: 1px;
+ }
+ .toolbarbutton-menubutton-dropmarker {
+ margin: 0px;
+ }
+}
+
+@media (max-width: 300px) {
+ .hud-console-filter-toolbar {
+ -moz-box-orient: vertical;
+ }
+ .toolbarbutton-text {
+ display: -moz-box;
+ }
+ .devtools-toolbarbutton {
+ margin-top: 3px;
+ }
+ .hud-console-filter-toolbar .hud-filter-box,
+ .hud-console-filter-toolbar .devtools-toolbarbutton {
+ margin-top: 5px;
+ }
+}
+
+/* === END webconsole.inc.css === */
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+/* === BEGIN widgets.inc.css === */
+
/* Generic pane helpers */
.generic-toggled-side-pane {
.breadcrumbs-widget-container {
-moz-margin-end: 3px;
+ max-height: 25px; /* Set max-height for proper sizing on linux */
+ height: 25px; /* Set height to prevent starting small waiting for content */
/* A fake 1px-shadow is included in the border-images of the
breadcrumbs-widget-items, to match toolbar-buttons style.
This negative margin compensates the extra row of pixels created
/* margin: -1px 0;*/
}
-/* Preloading hack, LTR */
-
-.breadcrumbs-widget-container:-moz-locale-dir(ltr)::after {
- content: '';
- display: block;
- background-image:
- url("breadcrumbs/ltr-start.png"),
- url("breadcrumbs/ltr-start-selected.png"),
- url("breadcrumbs/ltr-start-pressed.png"),
- url("breadcrumbs/ltr-start-selected-pressed.png"),
- url("breadcrumbs/ltr-middle.png"),
- url("breadcrumbs/ltr-middle-selected.png"),
- url("breadcrumbs/ltr-middle-pressed.png"),
- url("breadcrumbs/ltr-middle-selected-pressed.png"),
- url("breadcrumbs/ltr-end.png"),
- url("breadcrumbs/ltr-end-selected.png"),
- url("breadcrumbs/ltr-end-pressed.png"),
- url("breadcrumbs/ltr-end-selected-pressed.png");
-}
-
-/* Preloading hack, RTL */
-
-.breadcrumbs-widget-container:-moz-locale-dir(rtl)::after {
- content: '';
- display: block;
- background-image:
- url("breadcrumbs/rtl-start.png"),
- url("breadcrumbs/rtl-start-selected.png"),
- url("breadcrumbs/rtl-start-pressed.png"),
- url("breadcrumbs/rtl-start-selected-pressed.png"),
- url("breadcrumbs/rtl-middle.png"),
- url("breadcrumbs/rtl-middle-selected.png"),
- url("breadcrumbs/rtl-middle-pressed.png"),
- url("breadcrumbs/rtl-middle-selected-pressed.png"),
- url("breadcrumbs/rtl-end.png"),
- url("breadcrumbs/rtl-end-selected.png"),
- url("breadcrumbs/rtl-end-pressed.png"),
- url("breadcrumbs/rtl-end-selected-pressed.png");
-}
-
.scrollbutton-up,
.scrollbutton-down {
- min-height: 25px;
- margin-top: 0;
- margin-bottom: 0;
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ margin: 0;
+ padding: 0;
}
.scrollbutton-up {
-moz-margin-end: 0;
}
-.scrollbutton-up:not([disabled]):active:hover,
-.scrollbutton-down:not([disabled]):active:hover {
-}
-
.scrollbutton-up > .toolbarbutton-icon,
.scrollbutton-down > .toolbarbutton-icon {
/* margin: 0 5px; */
border-bottom-right-radius: 0;
}
-.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
-.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
-/* transform: scaleX(-1); */
-}
-
-.breadcrumbs-widget-item {
- background-color: #000000;
- overflow: hidden;
- min-width: 85px;
- max-width: 250px;
- min-height: 25px;
- border-style: solid;
- border-width: 2px 13px;
- border-radius: 0;
- margin: 0 -11px 0 0;
- padding: 0 9px;
- outline: none;
- color: #FF9F00;
-}
-
-.breadcrumbs-widget-item:hover {
- background-color: #FFCF00;
- color: #000000;
-}
-
-.breadcrumbs-widget-item[checked]:not(:hover) {
- background-color: #008484;
- color: #000000;
-}
-
-.breadcrumbs-widget-item[siblings-menu-open],
-.breadcrumbs-widget-item:active {
- background-color: #FF9F00;
- color: #000000;
-}
-
-.breadcrumbs-widget-item:-moz-focusring > label {
- border-bottom: 1px dotted #008484;
-}
-
-.breadcrumbs-widget-item:-moz-focusring > .button-box {
- border-width: 0;
-}
-
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag {
- /* color: hsl(208,100%,60%); */
-}
-
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id {
- /* color: hsl(205,100%,70%); */
-}
-
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes {
- color: #FF9F00;
+/* Draw shadows to indicate there is more content 'behind' scrollbuttons. */
+/*
+.scrollbutton-up:-moz-locale-dir(ltr),
+.scrollbutton-down:-moz-locale-dir(rtl) {
+ border-right: solid 1px rgba(255, 255, 255, .1);
+ border-left: solid 1px transparent;
+ box-shadow: 3px 0px 3px -3px #181d20;
}
-.breadcrumbs-widget-item-id,
-.breadcrumbs-widget-item-classes {
- /* color: #8d99a6; */
+.scrollbutton-down:-moz-locale-dir(ltr),
+.scrollbutton-up:-moz-locale-dir(rtl) {
+ border-right: solid 1px transparent;
+ border-left: solid 1px rgba(255, 255, 255, .1);
+ box-shadow: -3px 0px 3px -3px #181d20;
}
-.breadcrumbs-widget-item-pseudo-classes {
- color: #FFCF00;
+.scrollbutton-up[disabled],
+.scrollbutton-down[disabled] {
+ box-shadow: none;
+ border-color: transparent;
}
+*/
-/* Breadcrumbs LTR */
-
-.breadcrumbs-widget-item:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch;
+.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
+.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
+/* transform: scaleX(-1); */
}
-.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch;
+/* The breadcrumb separator elements are used as background images with
+ * -moz-element, so we position them offscreen since we don't care about
+ * seeing the original elements.
+ */
+.breadcrumb-separator-container {
+ position: fixed;
+ top: -1000px;
+ left: -1000px;
}
-.breadcrumbs-widget-item[checked]:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch;
+#breadcrumb-separator-before,
+#breadcrumb-separator-after,
+#breadcrumb-separator-normal {
+ width: 12px;
+ height: 25px;
+ overflow: hidden;
}
-.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch;
+#breadcrumb-separator-before,
+#breadcrumb-separator-after:after {
+ background: #9C9CFF; /* Select Highlight Blue */
}
-.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch;
+#breadcrumb-separator-after,
+#breadcrumb-separator-before:after {
+ background: #9C9CFF; /* Toolbars */
}
-.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch;
+/* This chevron arrow cannot be replicated easily in CSS, so we are using
+ * a background image for it (still keeping it in a separate element so
+ * we can handle RTL support with a CSS transform).
+ */
+#breadcrumb-separator-normal {
+ background: url("breadcrumbs-divider@2x.png") no-repeat center right;
+ background-size: 12px 24px;
}
-.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch;
+/* Fake a triangle by rotating a rectangle inside the elements */
+#breadcrumb-separator-before:after,
+#breadcrumb-separator-after:after {
+ content: "";
+ display: block;
+ width: 25px;
+ height: 25px;
+ transform: translateX(-18px) rotate(45deg);
+ -moz-box-sizing: border-box;
}
-.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item {
+ background-color: #000000;
+ min-height: 25px;
+ min-width: 65px;
+ margin: 0;
+ padding: 0 8px 0 20px;
+ border: none;
+ outline: none;
+ color: #FF9F00;
}
-.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item:hover {
+ background-color: #FFCF00;
+ color: #000000;
}
-.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item[checked]:not(:hover) {
+ background-color: #008484;
+ color: #000000;
}
-.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item[siblings-menu-open],
+.breadcrumbs-widget-item:active {
+ background-color: #FF9F00;
+ color: #000000;
}
-.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
- border-image: url("breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item:not([checked]) {
+ background: -moz-element(#breadcrumb-separator-normal) no-repeat center left;
+ }
+
+.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item {
+ background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0;
}
-.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
+.breadcrumbs-widget-item[checked] {
+ background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
+ background-color: #008484; /* Select Highlight Blue */
}
-.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
+.breadcrumbs-widget-item:first-child {
+ background-image: none;
}
-/* Breadcrumbs RTL */
-
+/* RTL support: move the images that were on the left to the right,
+ * and move images that were on the right to the left.
+ */
.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch;
+ padding: 0 20px 0 8px;
}
-.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item:-moz-locale-dir(rtl),
+.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item:-moz-locale-dir(rtl) {
+ background-position: center right;
}
-.breadcrumbs-widget-item[checked]:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch;
+#breadcrumb-separator-before:-moz-locale-dir(rtl),
+#breadcrumb-separator-after:-moz-locale-dir(rtl),
+#breadcrumb-separator-normal:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
}
-.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch;
+#breadcrumb-separator-before:-moz-locale-dir(rtl):after,
+#breadcrumb-separator-after:-moz-locale-dir(rtl):after {
+ transform: translateX(-5px) rotate(45deg);
}
-.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id,
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag,
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes,
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
+ color: #FF9F00; /* Foreground (Text) - Light */
}
-.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch;
+.theme-dark .breadcrumbs-widget-item-id {
+ color: #A09090; /* Foreground (Text) - Grey */
}
-.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch;
+.breadcrumbs-widget-item-pseudo-classes {
+ color: #FFCF00; /* Light Orange */
}
-.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch;
-}
+/* SimpleListWidget */
-.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch;
+.simple-list-widget-item:not(.selected):hover {
+ background: #FFCF00;
+ color: #FFCF00;
}
-.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch;
+.simple-list-widget-item.selected {
+ background: #008484;
+ color: #FFCF00;
}
-.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch;
+.simple-list-widget-perma-text,
+.simple-list-widget-empty-text {
+ color: #8050B0;
+ padding: 4px 8px;
}
-.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
- border-image: url("breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch;
-}
+/* FastListWidget */
-.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
+.fast-list-widget-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
}
-.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
+/* dark/light theme */
+.fast-list-widget-empty-text {
+ padding: 12px;
+ font-weight: 600;
+ color: #8050B0;
}
/* SideMenuWidget */
+/* SideMenuWidget container */
+
.side-menu-widget-container {
/* Hack: force hardware acceleration */
transform: translateZ(1px);
color: #FF9F00;
}
-/* SideMenuWidget container */
-
.side-menu-widget-container:-moz-locale-dir(ltr),
-.side-menu-widget-empty-notice-container:-moz-locale-dir(ltr) {
+.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
}
.side-menu-widget-container:-moz-locale-dir(rtl),
-.side-menu-widget-empty-notice-container:-moz-locale-dir(rtl)[with-arrows=true]:-moz-locale-dir(rtl) {
+.side-menu-widget-empty-text:-moz-locale-dir(rtl)[with-arrows=true]:-moz-locale-dir(rtl) {
}
.side-menu-widget-group {
.side-menu-widget-item {
border-top: 1px solid #9C9CFF;
+ /* To compensate for the top and bottom borders */
margin-top: -1px;
margin-bottom: -1px;
+ background-clip: padding-box;
}
.side-menu-widget-item:last-of-type {
color: #000000;
}
+.side-menu-widget-item-arrow {
+ -moz-margin-start: -7px;
+ width: 7px; /* The image's width is 7 pixels */
+ /* Cover the border of the side-menu-widget-item */
+ margin-top: -1px;
+ margin-bottom: -1px;
+}
+
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
background-size: auto, 1px 100%;
background-repeat: no-repeat;
}
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
- background-image: url("itemArrow-ltr.png"), linear-gradient(to right, #000000, #000000);
- background-position: center right, top right;
+ background-position: center right;
}
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
- background-image: url("itemArrow-rtl.png"), linear-gradient(to right, #000000, #000000);
- background-position: center left, top left;
+ background-position: center left;
}
-/* SideMenuWidget items contents */
-
-.side-menu-widget-item-contents {
- padding: 2px;
+.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+ background-image: url("itemArrow-ltr.svg");
}
-.side-menu-widget-item-label {
- padding: 4px 0px;
+.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+ background-image: url("itemArrow-rtl.svg");
}
-.side-menu-widget-item-arrow {
- -moz-margin-start: -8px;
- width: 8px;
+/* SideMenuWidget items contents */
+
+.side-menu-widget-item-contents {
+ padding: 4px;
+ /* To avoid having content overlapping the arrow image. */
+ -moz-padding-end: 8px;
}
.side-menu-widget-item-other {
+ /* To avoid having content overlapping the arrow image. */
+ -moz-padding-end: 8px;
+ /* To compensate for the .side-menu-widget-item-contents padding. */
+ -moz-margin-start: -4px;
+ -moz-margin-end: -8px;
+
background-color: #000000;
- margin: 0 -4px;
- -moz-padding-start: 5px;
}
.side-menu-widget-item-other.selected {
}
.side-menu-widget-item-other:first-of-type {
+ margin-top: 4px;
/* border-top-left-radius: 4px; */
}
+.side-menu-widget-item-other:last-of-type {
+ margin-bottom: -4px;
+}
+
.side-menu-widget-item-other:not(.selected) > label {
color: #9C9CFF;
}
/* SideMenuWidget misc */
-.side-menu-widget-empty-notice-container {
+.side-menu-widget-empty-text {
padding: 12px;
background-color: #000000;
}
/* === END manifest-editor.inc.css === */
+
+/* === END widgets.inc.css === */
background-image: url("chrome://browser/skin/downloads/download-glow.png");
}
+#downloads-button[cui-areatype="menu-panel"][attention] {
+ list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
+ -moz-image-region: auto;
+}
+
/* In the next few rules, we use :not([counter]) as a shortcut that is
equivalent to -moz-any([progress], [paused]). */
-.searchbar-textbox {
- width: 6em;
- min-width: 6em;
-}
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.autocomplete-textbox-container {
-moz-box-align: stretch;
projects / themes.git / commitdiff
