color: #000000;
}
+/* Handle a case where the last separator in a customized tab bar with a
+ separated new tab button causes the width of the tab to extend and causes
+ jittering with a small tab curve width (Bug 1111091). */
+#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
+}
+
/* New tab button */
.tabs-newtab-button {
list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
}
-#PanelUI-fxa-status[status="active"] {
+#PanelUI-fxa-status[syncstatus="active"] {
list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
}
border-bottom: 0;
}
-.devtools-horizontal-splitter {
-/* border-bottom: 1px solid var(--theme-splitter-color); */
-}
-
-.devtools-side-splitter {
-/* -moz-border-end: 1px solid var(--theme-splitter-color);
- border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
-}
-
.devtools-textinput,
.devtools-searchinput {
background-color: #000000;
display: none;
}
+.devtools-horizontal-splitter {
+/* border-bottom: 1px solid var(--theme-splitter-color); */
+}
+
+.devtools-side-splitter {
+/* -moz-border-end: 1px solid var(--theme-splitter-color);
+ border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
+}
+
/* === END toolbars.inc.css === */
color: #8050B0;
}
-#sources .selected > .black-boxed {
+#sources .selected .black-boxed {
color: #000000;
}
-#sources .black-boxed > .dbg-breakpoint {
+#sources .black-boxed ~ .dbg-breakpoint {
display: none;
}
background-color: #FF9F00;
border-color: #A09090;
border-style: dotted;
- color: #000000;
+ color: var(--theme-selection-color);
+}
+
+.margin,
+.size {
+ color: var(--theme-selection-color);
}
#content {
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">\r
+<style>\r
+ g {\r
+ fill: #FFCF00;\r
+ }\r
+ g:not(:target) {\r
+ display: none;\r
+ }\r
+</style>\r
+<g id="overview-markers">\r
+ <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>\r
+</g>\r
+<g id="overview-frames">\r
+ <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>\r
+ <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>\r
+ <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>\r
+ <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>\r
+</g>\r
+<g id="details-waterfall">\r
+ <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>\r
+ <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>\r
+</g>\r
+<g id="details-call-tree">\r
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>\r
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>\r
+ <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>\r
+ <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>\r
+</g>\r
+<g id="details-flamegraph">\r
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>\r
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>\r
+ <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>\r
+ <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>\r
+ <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>\r
+</g>\r
+</svg>\r
/* Profile call tree */
-.call-tree-headers-container {
- border-top: 1px solid var(--theme-splitter-color);
-}
-
.call-tree-cells-container {
/* Hack: force hardware acceleration */
transform: translateZ(1px);
}
.devtools-responsive-container > .devtools-side-splitter {
+ /* This is a normally vertical splitter, but we have turned it horizontal
+ due to the smaller resolution */
border: 0;
margin: 0;
min-height: 3px;
height: 3px;
- margin-bottom: -3px;
+ margin-top: -3px;
+
+ /* Reset the vertical splitter styles */
+ width: auto;
+ min-width: 0;
+
/* In some edge case the cursor is not changed to n-resize */
cursor: n-resize;
}
-moz-image-region: rect(24px, 168px, 48px, 144px);
}
+@media (max-width: 800px) {
+ .category-name {
+ display: none;
+ }
+}
+
/* header */
#header-advanced {
-moz-margin-start: 0;
}
-#handlersView {
- -moz-margin-start: 0;
- font-size: 1.25rem;
- line-height: 22px;
- border: none; /*1px solid #9C9CFF;*/
- margin: 0;
- overflow-y: auto;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- height: 500px;
-}
-
-#handlersView > listheader > treecol {
-}
-
-#handlersView > scrollbox {
- border-left: 1px solid #9C9CFF;
- border-right: 1px solid #9C9CFF;
- border-bottom: 1px solid #9C9CFF;
-}
-
-#handlersView > listheader {
- background: transparent;
- border: 0;
- padding: 0;
-}
-
-#typeColumn,
-#actionColumn {
- line-height: 20px;
-/* color: #737980;
- height: 36px;
- padding: 0 10px;
- background-color: #F7F7F7;
- border: 1px solid #CCCCCC;
- -moz-border-top-colors: none;
- -moz-border-right-colors: none;
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
-*/
-}
-
-#typeColumn:-moz-locale-dir(ltr),
-#actionColumn:-moz-locale-dir(rtl) {
- border-top-left-radius: 5px;
-}
-
-#typeColumn:-moz-locale-dir(rtl),
-#actionColumn:-moz-locale-dir(ltr) {
- border-top-right-radius: 5px;
-}
-/*
-#typeColumn:hover,
-#actionColumn:hover {
- border-color: #737980;
-}
-
-#typeColumn:hover:active,
-#actionColumn:hover:active {
- padding: 0 10px;
- border-color: #0096DC;
-}
-*/
-#typeColumn > .treecol-sortdirection[sortDirection=ascending],
-#actionColumn > .treecol-sortdirection[sortDirection=ascending],
-#typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending] {
-}
-
-#typeColumn > .treecol-sortdirection[sortDirection=descending],
-#actionColumn > .treecol-sortdirection[sortDirection=descending] {
-}
-
#handlersView > richlistitem {
- min-height: 40px !important;
+ min-height: 36px !important;
}
.typeIcon {
}
.actionsMenu {
- height: 40px;
- max-height: 40px;
+ min-height: 36px;
}
.actionsMenu > menupopup > menuitem {
cursor: pointer;
}
-#offlineAppsList,
-#syncEnginesList {
-/* -moz-appearance: none;
- color: #737980;
- padding: 10px;
- border: 1px solid rgba(23,50,77,0.4);
- border-radius: 5px;
- background-color: #F1F1F1;*/
-}
-
#noFxaAccount {
/* Overriding the margins from the base preferences.css theme file.
These overrides can be simplified by fixing bug 1027174 */
listheader {
-moz-box-align: center;
- border: 1px solid #FFCF00;
+ border: 1px solid #FF9F00;
+ border-left-top-radius: 3px;
+ border-right-top-radius: 3px;
background-color: #9C9CFF;
color: #000000;
- padding: 0 4px;
+ padding: 0;
+}
+
+listheader > treecol {
+ -moz-border-start: none;
+ border-top: none;
+ border-bottom: none;
+}
+
+listheader > treecol:last-child {
+ -moz-border-end: none;
}
listheader[sortable="true"]:hover:active {
- border: 1px solid #FFCF00;
+ border: 1px solid #FF9F00;
padding-top: 1px;
padding-bottom: 0px;
-moz-padding-start: 5px;
}
.listheader-label {
- margin: 0px !important;
+ margin: 0 4px !important;
}
/* ..... sort direction icon ..... */