#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
}
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
+}
+
@media (-moz-mac-graphite-theme: 0) and (-moz-mac-lion-theme: 0) {
/* This is a hackish workaround to exclude most of Mac OS until bug 1060941 gets fixed. */
/* Indent also due to non-applicable aero rule in original Windows theme. */
- #toolbar-menubar {
- background-color: transparent !important;
- }
-
#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar:not(:-moz-lwtheme),
#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme) {
/* like menubar */
/*color: inherit;*/
}
- #TabsToolbar:-moz-lwtheme {
- /*background: linear-gradient(to top, @toolbarShadowColor@ 2px, transparent 2px);*/
- }
-
#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
visibility: hidden;
}
border-bottom: 1px solid #008484;
}
-#main-window:not([customizing]) #TabsToolbar:not(:-moz-lwtheme) {
-}
-
-#main-window[tabsintitlebar] #TabsToolbar {
- background-color: transparent;
-}
-
/* === BEGIN tabs.inc.css === */
.tabbrowser-tab,
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
}
-.tab-throbber {
+.tab-throbber[busy] {
list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
}
.notification-anchor-icon:-moz-focusring {
outline: 1px dotted #008484;
-/* outline-offset: -3px; */
}
.default-notification-icon,
}
/* === END contextmenu.inc.css === */
+
+#context-navigation {
+}
+
+#context-sep-navigation {
+/* margin-top: -4px; */
+}
width: 64px;
height: 64px;
position: absolute;
- animation: moveX 3.05s linear 0s infinite alternate,
- moveY 3.4s linear 0s infinite alternate;
+ transition: transform 1s ease-out;
+ animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:active:empty::before {
+ animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate,
+ whimsyRotate 1s linear 0s infinite normal;
}
#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
- animation: moveXRTL 3.05s linear 0s infinite alternate,
- moveY 3.4s linear 0s infinite alternate;
+ animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before {
+ animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate,
+ whimsyRotate 1s linear 0s infinite normal;
}
#PanelUI-popup #PanelUI-contents:empty:hover::before {
}
}
-@keyframes moveX {
+@keyframes whimsyMoveX {
/* These values are adjusted for the padding on the panel. */
from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
}
-@keyframes moveXRTL {
+
+@keyframes whimsyMoveXRTL {
/* These values are adjusted for the padding on the panel. */
from { margin-right: -9px; } to { margin-right: calc(100% - 55px); }
}
-@keyframes moveY {
+
+@keyframes whimsyMoveY {
/* These values are adjusted for the padding and height of the panel. */
from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
}
+@keyframes whimsyRotate {
+ to { transform: perspective(5000px) rotateY(360deg); }
+}
+
#customization-panelHolder {
border-radius: 4px;
}
margin-bottom: -4px;
}
-/* Tooltip: Font Family Previewer Text */
-.devtools-tooltip-font-previewer-text {
- max-width: 400px;
- line-height: 1.5;
- font-size: 150%;
- text-align: center;
-}
-
/* Tooltip: Alert Icon */
.devtools-tooltip-alert-icon {
background-color: #9C9CFF;
}
+.cm-s-mozilla .cm-unused-line {
+ text-decoration: line-through;
+ -moz-text-decoration-color: #8050B0;
+}
+
+.cm-s-mozilla .cm-executed-line {
+ background-color: #404000;
+}
+
.theme-fg-color3,
.cm-s-mozilla .cm-builtin,
.cm-s-mozilla .cm-tag,
border-bottom: 1px solid #A09090;
}
-.theme-tooltip-panel .devtools-tooltip-font-previewer-text {
- color: FF9F00;
-}
-
.theme-tooltip-panel .devtools-tooltip-simple-text:last-child {
border-bottom: 0;
}
* Rules that apply to the global toolbox like command buttons,
* devtools tabs, docking buttons, etc. */
-#toolbox-controls {
- margin: 0 2px;
-}
-
#toolbox-controls > toolbarbutton,
#toolbox-dock-buttons > toolbarbutton {
min-width: 16px;
}
#toolbox-controls-separator {
- -moz-margin-start: 4px;
+ width: 2px;
+}
+
+#toolbox-controls-separator[invisible] {
+ visibility: hidden;
}
/* Command buttons */
border-radius: 8px 8px 0 0;
}
-.devtools-tab:first-child {
-}
-
-.devtools-tab:last-child {
-}
-
.devtools-tab > image {
-moz-margin-end: 0px;
/* -moz-margin-start: 4px; */
width: 16px; /* Prevents collapse during theme switching */
}
-#toolbox-tab-options > image {
-/* margin: 0 8px; */
-}
-
.devtools-tab:hover > image {
}
visibility: collapse;
}
+/* The options tab is special - it doesn't have the same parent
+ as the other tabs (toolbox-option-container vs toolbox-tabs) */
+#toolbox-option-container .devtools-tab:not([selected]) {
+/* background-color: transparent;*/
+}
+#toolbox-option-container .devtools-tab {
+/* border-color: transparent;
+ border-width: 0;
+ -moz-padding-start: 1px;*/
+}
+#toolbox-tab-options > image {
+/* margin: 0 8px;*/
+}
+
.hidden-labels-box:not(.visible) > label,
.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
display: none;
/* box-shadow: inset 1px 0 0 #222426; */
}
+/* Debugger unblackbox button */
+
+#black-boxed-message-button > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ background-image: url("debugger-blackbox.png");
+ background-position: 0 0;
+ background-size: 32px 16px;
+ background-repeat: no-repeat;
+ -moz-margin-end: 5px;
+}
+
+@media (min-resolution: 2dppx) {
+ #black-boxed-message-button > .button-box > .button-icon {
+ background-image: url("debugger-blackbox@2x.png");
+ }
+}
+
/* Black box message and source progress meter */
#black-boxed-message,
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>\r
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#FFCF00" width="16" height="16">\r
+ <path d="M 0.00,160.00 L 512.00,160.00 L 480.00,480.00 L 32.00,480.00 L 0.00,160.00 Z M 464.00,96.00 L 480.00,128.00 L 32.00,128.00 L 64.00,64.00 L 240.00,64.00 L 256.00,96.00 L 464.00,96.00 Z"/>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>\r
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#FFCF00" width="16" height="16">\r
+ <path d="M 416.00,480.00L 512.00,224.00L 96.00,224.00L0.00,480.00 zM 64.00,192.00 L 0.00,480.00 L 0.00,64.00 L 144.00,64.00 L 208.00,128.00 L 416.00,128.00 L 416.00,192.00 Z"/>\r
+</svg>\r
--- /dev/null
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="20" viewBox="0 0 878 1024">\r
+ <path d="M438.857 73.143q119.429 0 220.286 58.857t159.714 159.714 58.857 220.286-58.857 220.286-159.714 159.714-220.286 58.857-220.286-58.857-159.714-159.714-58.857-220.286 58.857-220.286 159.714-159.714 220.286-58.857zM595.429 370.857q-1.143 0.571-5.429 5.429t-7.714 5.429q1.143 0 2.571-2.857t2.857-6.286 2-4q3.429-4 12.571-8.571 8-3.429 29.714-6.857 19.429-4.571 29.143 6.286-1.143-1.143 5.429-7.429t8.286-6.857q1.714-1.143 8.571-2.571t8.571-4.286l1.143-12.571q-6.857 0.571-10-4t-3.714-12q0 1.143-3.429 4.571 0-4-2.571-4.571t-6.571 0.571-5.143 0.571q-5.714-1.714-8.571-4.286t-4.571-9.429-2.286-8.571q-1.143-2.857-5.429-6t-5.429-6q-0.571-1.143-1.429-3.143t-1.714-3.714-2.286-3.143-3.143-1.429-4 2.857-4.286 5.714-2.571 2.857q-1.714-1.143-3.429-0.857t-2.571 0.571-2.571 1.714-2.857 2q-1.714 1.143-4.857 1.714t-4.857 1.143q8.571-2.857-0.571-6.286-5.714-2.286-9.143-1.714 5.143-2.286 4.286-6.857t-4.857-8h2.857q-0.571-2.286-4.857-4.857t-10-4.857-7.429-3.429q-4.571-2.857-19.429-5.429t-18.857-0.286q-2.857 3.429-2.571 6t2.286 8 2 7.143q0.571 3.429-3.143 7.429t-3.714 6.857q0 4 8 8.857t5.714 12.286q-1.714 4.571-9.143 9.143t-9.143 6.857q-2.857 4.571-0.857 10.571t6 9.429q1.143 1.143 0.857 2.286t-2 2.571-3.143 2.286-3.714 2l-1.714 1.143q-6.286 2.857-11.714-3.429t-7.714-14.857q-4-14.286-9.143-17.143-13.143-4.571-16.571 0.571-2.857-7.429-23.429-14.857-14.286-5.143-33.143-2.286 3.429-0.571 0-8.571-4-8.571-10.857-6.857 1.714-3.429 2.286-10t0.571-7.714q1.714-7.429 6.857-13.143 0.571-0.571 4-4.857t5.429-7.714 0.286-3.429q20 2.286 28.571-6.286 2.857-2.857 6.571-9.714t6-9.714q5.143-3.429 8-3.143t8.286 3.143 8.286 2.857q8 0.571 8.857-6.286t-4.286-11.429q6.857 0.571 1.714-9.714-2.857-4-4.571-5.143-6.857-2.286-15.429 2.857-4.571 2.286 1.143 4.571-0.571-0.571-5.429 6t-9.429 10-9.143-2.857q-0.571-0.571-3.143-7.714t-5.429-7.714q-4.571 0-9.143 8.571 1.714-4.571-6.286-8.571t-13.714-4.571q10.857-6.857-4.571-15.429-4-2.286-11.714-2.857t-11.143 2.286q-2.857 4-3.143 6.571t2.857 4.571 6 3.143 6.571 2.286 4.857 1.714q8 5.714 4.571 8-1.143 0.571-4.857 2t-6.571 2.571-3.429 2.286q-1.714 2.286 0 8t-1.143 8q-2.857-2.857-5.143-10t-4-9.429q4 5.143-14.286 3.429l-5.714-0.571q-2.286 0-9.143 1.143t-11.714 0.571-7.714-4.571q-2.286-4.571 0-11.429 0.571-2.286 2.286-1.143-2.286-1.714-6.286-5.429t-5.714-4.857q-26.286 8.571-53.714 23.429 3.429 0.571 6.857-0.571 2.857-1.143 7.429-3.714t5.714-3.143q19.429-8 24-4l2.857-2.857q8 9.143 11.429 14.286-4-2.286-17.143-0.571-11.429 3.429-12.571 6.857 4 6.857 2.857 10.286-2.286-1.714-6.571-5.714t-8.286-6.286-8.571-2.857q-9.143 0-12.571 0.571-83.429 45.714-134.286 126.857 4 4 6.857 4.571 2.286 0.571 2.857 5.143t1.429 6.286 6.571-1.714q5.143 4.571 1.714 10.857 0.571-0.571 25.143 15.429 10.857 9.714 12 12 1.714 6.286-5.714 10.286-0.571-1.143-5.143-5.143t-5.143-2.286q-1.714 2.857 0.286 10.571t6 7.143q-4 0-5.429 9.143t-1.429 20.286-0.571 13.429l1.143 0.571q-1.714 6.857 3.143 19.714t12.286 11.143q-7.429 1.714 11.429 24.571 3.429 4.571 4.571 5.143 1.714 1.143 6.857 4.286t8.571 5.714 5.714 6q2.286 2.857 5.714 12.857t8 13.429q-1.143 3.429 5.429 11.429t6 13.143q-0.571 0-1.429 0.571t-1.429 0.571q1.714 4 8.857 8t8.857 7.429q0.571 1.714 1.143 5.714t1.714 6.286 4.571 1.143q1.143-11.429-13.714-35.429-8.571-14.286-9.714-16.571-1.714-2.857-3.143-8.857t-2.571-8.286q1.143 0 3.429 0.857t4.857 2 4.286 2.286 1.143 1.714q-1.714 4 1.143 10t6.857 10.571 9.714 10.857 6.857 7.429q3.429 3.429 8 11.143t0 7.714q5.143 0 11.429 5.714t9.714 11.429q2.857 4.571 4.571 14.857t2.857 13.714q1.143 4 4.857 7.714t7.143 5.429l9.143 4.571t7.429 4q2.857 1.143 10.571 6t12.286 6.571q5.714 2.286 9.143 2.286t8.286-1.429 7.714-2q8.571-1.143 16.571 8.571t12 12q20.571 10.857 31.429 6.286-1.143 0.571 0.286 4.286t4.571 8.857 5.143 8.286 3.143 4.857q2.857 3.429 10.286 8.571t10.286 8.571q3.429-2.286 4-5.143-1.714 4.571 4 11.429t10.286 5.714q8-1.714 8-18.286-17.714 8.571-28-10.286 0-0.571-1.429-3.143t-2.286-4.857-1.429-4.857 0-4.286 2.857-1.714q5.143 0 5.714-2t-1.143-7.143-2.286-7.429q-0.571-4.571-6.286-11.429t-6.857-8.571q-2.857 5.143-9.143 4.571t-9.143-5.143q0 0.571-0.857 3.143t-0.857 3.714q-7.429 0-8.571-0.571 0.571-1.714 1.429-10t2-12.857q0.571-2.286 3.143-6.857t4.286-8.286 2.286-7.143-2.571-5.429-10-1.429q-10.857 0.571-14.857 11.429-0.571 1.714-1.714 6t-2.857 6.571-5.143 4q-4 1.714-13.714 1.143t-13.714-2.857q-7.429-4.571-12.857-16.571t-5.429-21.143q0-5.714 1.429-15.143t1.714-14.286-3.143-14q1.714-1.143 5.143-5.429t5.714-6q1.143-0.571 2.571-0.857t2.571 0 2.286-0.857 1.714-3.429q-0.571-0.571-2.286-1.714-1.714-1.714-2.286-1.714 4 1.714 16.286-0.857t15.714 0.857q8.571 6.286 12.571-1.143 0-0.571-1.429-5.429t-0.286-7.714q2.857 15.429 16.571 5.143 1.714 1.714 8.857 2.857t10 2.857q1.714 1.143 4 3.143t3.143 2.571 2.857-0.286 4.857-3.714q5.714 8 6.857 13.714 6.286 22.857 10.857 25.143 4 1.714 6.286 1.143t2.571-5.429 0-8-0.857-7.143l-0.571-4.571v-10.286l-0.571-4.571q-8.571-1.714-10.571-6.857t0.857-10.571 8.571-10.571q0.571-0.571 4.571-2t8.857-3.714 7.143-4.571q12-10.857 8.571-20 4 0 6.286-5.143-0.571 0-2.857-1.714t-4.286-2.857-2.571-1.143q5.143-2.857 1.143-9.143 2.857-1.714 4.286-6.286t4.286-5.714q5.143 6.857 12 1.143 4-4.571 0.571-9.143 2.857-4 11.714-6t10.571-5.429q4 1.143 4.571-1.143t0.571-6.857 1.714-6.857q2.286-2.857 8.571-5.143t7.429-2.857l9.714-6.286q1.714-2.286 0-2.286 10.286 1.143 17.714-6.286 5.714-6.286-3.429-11.429 1.714-3.429-1.714-5.429t-8.571-3.143q1.714-0.571 6.571-0.286t6-0.857q8.571-5.714-4-9.143-9.714-2.857-24.571 6.857zM502.286 872q117.714-20.571 200.571-108-1.714-1.714-7.143-2.571t-7.143-2q-10.286-4-13.714-4.571 0.571-4-1.429-7.429t-4.571-5.143-7.143-4.571-6.286-4q-1.143-1.143-4-3.429t-4-3.143-4.286-2.571-4.857-1.143-5.714 0.571l-1.714 0.571q-1.714 0.571-3.143 1.429t-3.143 1.714-2.286 1.714 0 1.429q-12-9.714-20.571-12.571-2.857-0.571-6.286-3.143t-6-4-5.714-0.857-6.571 4q-2.857 2.857-3.429 8.571t-1.143 7.429q-4-2.857 0-10t1.143-10.571q-1.714-3.429-6-2.571t-6.857 2.571-6.571 4.857-5.143 3.714-4.857 3.143-4.857 4.286q-1.714 2.286-3.429 6.857t-2.857 6.286q-1.143-2.286-6.571-3.714t-5.429-3.143q1.143 5.714 2.286 20t2.857 21.714q4 17.714-6.857 27.429-15.429 14.286-16.571 22.857-2.286 12.571 6.857 14.857 0 4-4.571 11.714t-4 12.286q0 3.429 1.143 9.143z"/>\r
+</svg>\r
--- /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">
+<g>
+<path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
+<path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
+<path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
+</g>
+</svg>
margin: 0;
}
-.tagname {
- color: #FFCF00;
+.more-nodes {
+ padding-left: 16px;
}
-.attrname {
- color: #9C9CFF;
+.styleinspector-propertyeditor {
+ border: 1px solid #9C9CFF;
}
-.attrvalue {
- color: #E7ADE7;
+
+/* Selected nodes in the tree should have light selected text.
+ theme-selected doesn't work in this case since the text is a
+ sibling of the class, not a child. */
+.theme-selected ~ .editor,
+.theme-selected ~ .editor .theme-fg-color1,
+.theme-selected ~ .editor .theme-fg-color2,
+.theme-selected ~ .editor .theme-fg-color3,
+.theme-selected ~ .editor .theme-fg-color4,
+.theme-selected ~ .editor .theme-fg-color5,
+.theme-selected ~ .editor .theme-fg-color6,
+.theme-selected ~ .editor .theme-fg-color7 {
+ color: #000000; /* Light foreground text */
}
-.comment {
- color: #8050B0;
+/* In case a node isn't displayed in the page, we fade the syntax highlighting */
+.not-displayed .open,
+.not-displayed .close {
+ opacity: .7;
}
-.selected {
- background-color: #008484;
+.tag-line {
+ padding-left: 2px;
}
-.more-nodes {
- padding-left: 16px;
+/* Preview */
+
+#previewbar {
+ position: fixed;
+ top: 0;
+ right: 0;
+ width: 90px;
+ background: black;
+ border-left: 1px solid;
+ border-bottom: 1px solid;
+ overflow: hidden;
}
-.styleinspector-propertyeditor {
- border: 1px solid #9C9CFF;
+#previewbar {
+ background: #000000; /* Tab Toolbar */
+ border-color: #9C9CFF; /* Splitters */
+}
+
+#preview {
+ position: absolute;
+ top: 0;
+ right: 5px;
+ width: 80px;
+ height: 100%;
+ background-image: -moz-element(#root);
+ background-repeat: no-repeat;
+}
+
+#previewbar.hide,
+#previewbar.disabled {
+ display: none;
+}
+
+#viewbox {
+ position: absolute;
+ top: 0;
+ right: 5px;
+ width: 80px;
+ border: 1px dashed #9C9CFF;
+ background: #000000;
+ outline: 1px solid transparent;
}
-moz-image-region: rect(0px,16px,16px,0px);
}
+#details-pane-toggle > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
#details-pane-toggle[pane-collapsed] {
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
}
-moz-image-region: rect(0px,32px,16px,16px);
}
+@media (min-resolution: 2dppx) {
+ #details-pane-toggle {
+ list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #details-pane-toggle[pane-collapsed] {
+ list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
+ }
+
+ #details-pane-toggle:active {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
/* Network request details tabpanels */
.tabpanel-content {
--- /dev/null
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+ :root {
+ color: #FF9F00;
+}
+
+.plugin-hidden {
+ display: none;
+}
+
+.arrow {
+ list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
+ width: 20px;
+ height: 20px;
+}
+
+.arrow[open] {
+ list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
+}
+
+.arrow[invisible] {
+ visibility: hidden;
+}
+
+#projecteditor-menubar {
+ display: none;
+}
+
+#projecteditor-toolbar,
+#projecteditor-toolbar-bottom {
+ display: none; /* For now don't show the status bars */
+ min-height: 22px;
+ height: 22px;
+ background: #9C9CFF;
+}
+
+#sources {
+ overflow: auto;
+}
+
+.sources-tree {
+ overflow:auto;
+ overflow-x: hidden;
+ -moz-user-focus: normal;
+
+ /* Allows this to expand inside of parent xul element, while
+ still supporting child flexbox elements, including ellipses. */
+ -moz-box-flex: 1;
+ display: block;
+}
+
+.sources-tree input {
+ margin: 2px;
+ border: 1px solid #A09090;
+}
+
+#main-deck .sources-tree {
+ background: #000000;
+ min-width: 100px;
+}
+
+.entry {
+ color: #FF9F00;
+ display: flex;
+ align-items: center;
+}
+
+.entry .file-label {
+ display: flex;
+ flex: 1;
+ align-items: center;
+}
+
+.entry .file-icon {
+ display: inline-block;
+ background: url("file-icons-sheet@2x.png");
+ background-size: 140px 15px;
+ background-repeat: no-repeat;
+ width: 20px;
+ height: 15px;
+ background-position: -40px 0;
+ flex-shrink: 0;
+}
+
+.entry .file-icon.icon-none {
+ display: none;
+}
+
+.entry .icon-css {
+ background-position: 0 0;
+}
+
+.entry .icon-js {
+ background-position: -20px 0;
+}
+
+.entry .icon-html {
+ background-position: -40px 0;
+}
+
+.entry .icon-file {
+ background-position: -60px 0;
+}
+
+.entry .icon-folder {
+ background-position: -80px 0;
+}
+
+.entry .icon-img {
+ background-position: -100px 0;
+}
+
+.entry .icon-manifest {
+ background-position: -120px 0;
+}
+
+.entry {
+ border: none;
+ box-shadow: none;
+ white-space: nowrap;
+ cursor: pointer;
+}
+
+.entry:hover:not(.entry-group-title):not(.selected) {
+ background: #404000;
+}
+
+.entry.selected {
+ background: #008484;
+ color: #000000;
+ outline: none;
+}
+
+.entry-group-title {
+ background: #A09090;
+ color: #000000;
+ font-weight: bold;
+ font-size: 1.05em;
+ line-height: 35px;
+ padding: 0 10px;
+}
+
+.sources-tree .entry-group-title .expander {
+ display: none;
+}
+
+.entry .expander {
+ width: 16px;
+ padding: 0;
+}
+
+.tree-collapsed .children {
+ display: none;
+}
+
+/* Plugins */
+
+#projecteditor-toolbar textbox {
+ margin: 0;
+}
+
+.projecteditor-basic-display {
+ padding: 0 3px;
+}
+
+/* App Manager */
+.project-name-label {
+ font-weight: bold;
+ padding-left: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.project-flex {
+ flex: 1;
+}
+
+.project-image {
+ max-height: 25px;
+ margin-left: -10px;
+}
+
+.project-image,
+.project-status,
+.project-options {
+ flex-shrink: 0;
+}
+
+.project-status {
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ border: solid 1px #9C9CFF;
+ margin-right: 10px;
+ color: #000000;
+ visibility: hidden;
+}
+
+.project-status[status=valid] {
+ background: #008484;
+ visibility: visible;
+}
+
+.project-status[status=warning] {
+ background: #FF9F00;
+ visibility: visible;
+}
+
+.project-status[status=error] {
+ background: #FF0000;
+ visibility: visible;
+}
+
+/* Status Bar */
+.projecteditor-file-label {
+ font-weight: bold;
+ padding-left: 29px;
+ padding-right: 10px;
+ flex: 1;
+}
+
+/* Image View */
+.editor-image {
+ padding: 10px;
+}
.ruleview-rule-source {
-moz-padding-start: 5px;
- cursor: pointer;
text-align: right;
float: right;
-moz-user-select: none;
}
+.ruleview-rule-source,
+.ruleview-rule-source > label {
+ cursor: pointer;
+}
+
+.ruleview-rule-source[unselectable],
+.ruleview-rule-source[unselectable] > label {
+ cursor: default;
+}
+
+.ruleview-rule-source:not([unselectable]):hover {
+ text-decoration: underline;
+}
+
.ruleview-header {
border-top-width: 1px;
border-bottom-width: 1px;
word-wrap: break-word;
}
-.ruleview-rule-source:hover {
- text-decoration: underline;
-}
-
.ruleview-rule,
#noResults {
padding: 2px 4px;
}
+/* User agent styles are not editable, display them differently */
+.theme-dark .ruleview-rule[uneditable=true] {
+ background: #A09090; /* Tab Toolbar */
+}
+
+.ruleview-rule[uneditable=true] :focus {
+ outline: none;
+}
+
+.ruleview-rule[uneditable=true] .theme-link {
+ color: #336699; /* Blue - Grey */
+}
+
+.ruleview-rule[uneditable=true] .ruleview-enableproperty {
+ visibility: hidden;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-colorswatch {
+ cursor: default;
+}
+
+
+.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue {
+ border-bottom-color: transparent;
+}
+
#noResults {
font: message-box;
color: #8050B0;
}
.ruleview-colorswatch {
+ cursor: pointer;
border-radius: 50%;
width: 1em;
height: 1em;
}
.side-menu-widget-item-checkbox .checkbox-check {
- -moz-appearance: none;
- background: none;
background-image: url("itemToggle.png");
+ background-color: transparent;
background-repeat: no-repeat;
background-clip: content-box;
background-size: 32px 16px;
border: 0;
}
+@media (min-resolution: 2dppx) {
+ .side-menu-widget-item-checkbox .checkbox-check {
+ background-image: url("itemToggle@2x.png");
+ }
+}
+
.side-menu-widget-item-checkbox[checked] .checkbox-check {
background-position: 0 0;
}
background-color: #000000;
}
+.csscoverage-report {
+ background: #A09090; /* Toolbars */
+}
+
+.csscoverage-report-container {
+ height: 100vh;
+ padding: 10px;
+}
+
+.csscoverage-report-content {
+ font-size: 13px;
+ margin: 0 auto;
+ max-width: 600px;
+ padding: 0 10px;
+}
+
+.csscoverage-report h1,
+.csscoverage-report h2,
+.csscoverage-report h3 {
+ font-weight: bold;
+}
+
+.csscoverage-report textarea {
+ width: 100%;
+ height: 100px;
+}
+
+.csscoverage-report > .csscoverage-toolbar {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+.csscoverage-report > .csscoverage-toolbarbutton {
+ min-width: 4em;
+ min-height: 100vh;
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ border-top: none;
+ border-bottom: none;
+ -moz-border-start: none;
+}
+
.stylesheet-title,
.stylesheet-name {
text-decoration: none;
padding: 0 10px;
}
+.stylesheet-sidebar {
+ width: 230px;
+}
+
+.stylesheet-sidebar {
+ border-left: 1px solid #9C9CFF;
+}
+
+.media-rule-label {
+ border-bottom: 1px solid #A09090;
+}
+
+.media-rule-label {
+ padding: 4px;
+ cursor: pointer;
+}
+
+.media-condition-unmatched {
+ color: #8050B0;
+}
+
.stylesheet-enabled {
padding: 8px 0;
margin: 0 8px;
background-repeat: no-repeat;
background-clip: content-box;
background-position: 0 8px;
+ background-size: 48px 24px;
width: 24px;
height: 40px;
}
+@media (min-resolution: 2dppx) {
+ .stylesheet-enabled {
+ background-image: url("itemToggle@2x.png");
+ }
+}
+
.disabled > .stylesheet-enabled {
background-position: -24px 8px;
}
padding: 0;
}
+@media (max-width: 700px) {
+ .stylesheet-sidebar {
+ width: 150px;
+ }
+}
+
/* portrait mode */
@media (max-width: 550px) {
.splitview-nav {
.splitview-nav > li > hgroup.stylesheet-info {
-moz-box-align: baseline;
}
+
+ .stylesheet-sidebar {
+ width: 180px;
+ }
}
.edgePath path {
stroke-width: 1px;
fill: none;
-}
-.edgePath path {
stroke: #9C9CFF; /* Grey foreground text */
}
opacity: 0.6;
}
-.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
- border-bottom: 1px dashed #9C9CFF;
-}
-
-.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
- border-bottom: 1px dashed #FF0000;
-}
-
-.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
- border-bottom: 1px dashed #A09090;
-}
-
.variable-or-property-non-writable-icon {
background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat;
background-size: cover;
visibility: hidden;
}
+/* Canvas graphs */
+
+.graph-widget-canvas {
+ width: 100%;
+ height: 100%;
+}
+
+.graph-widget-canvas[input=hovering-background] {
+ cursor: text;
+}
+
+.graph-widget-canvas[input=hovering-region] {
+ cursor: pointer;
+}
+
+.graph-widget-canvas[input=hovering-selection-start-boundary],
+.graph-widget-canvas[input=hovering-selection-end-boundary],
+.graph-widget-canvas[input=adjusting-selection-boundary] {
+ cursor: col-resize;
+}
+
+.graph-widget-canvas[input=hovering-selection-contents] {
+ cursor: grab;
+}
+
+.graph-widget-canvas[input=dragging-selection-contents] {
+ cursor: grabbing;
+}
+
+.graph-widget-canvas ~ * {
+ pointer-events: none;
+}
+
+/* Line graph widget */
+
+.line-graph-widget-container {
+ position: relative;
+}
+
+.line-graph-widget-canvas {
+ background: #0088cc;
+}
+
+.line-graph-widget-gutter {
+ position: absolute;
+ background: #000000;
+ width: 10px;
+ height: 100%;
+ top: 0;
+ left: 0;
+ border-right: 1px solid #9C9CFF;
+}
+
+.line-graph-widget-gutter-line {
+ position: absolute;
+ width: 100%;
+ border-top: 1px solid;
+ transform: translateY(-1px);
+}
+
+.line-graph-widget-gutter-line[type=maximum] {
+ border-color: #008484;
+}
+
+.line-graph-widget-gutter-line[type=minimum] {
+ border-color: #FF0000;
+}
+
+.line-graph-widget-gutter-line[type=average] {
+ border-color: #FF9F00;
+}
+
+.line-graph-widget-tooltip {
+ position: absolute;
+ background: #404000;
+ border-radius: 2px;
+ line-height: 15px;
+ -moz-padding-start: 6px;
+ -moz-padding-end: 6px;
+ transform: translateY(-50%);
+ font-size: 80%;
+ z-index: 1;
+}
+
+.line-graph-widget-tooltip::before {
+ content: "";
+ position: absolute;
+ border-top: 3px solid transparent;
+ border-bottom: 3px solid transparent;
+ top: calc(50% - 3px);
+}
+
+.line-graph-widget-tooltip[arrow=start]::before {
+ -moz-border-end: 3px solid #9C9CFF;
+ left: -3px;
+}
+
+.line-graph-widget-tooltip[arrow=end]::before {
+ -moz-border-start: 3px solid #9C9CFF;
+ right: -3px;
+}
+
+.line-graph-widget-tooltip[type=maximum] {
+ left: calc(10px + 6px);
+}
+
+.line-graph-widget-tooltip[type=minimum] {
+ left: calc(10px + 6px);
+}
+
+.line-graph-widget-tooltip[type=average] {
+ right: 6px;
+}
+
+.line-graph-widget-tooltip > [text=info] {
+ color: #A09090;
+}
+
+.line-graph-widget-tooltip > [text=value] {
+ -moz-margin-start: 3px;
+}
+
+.line-graph-widget-tooltip > [text=metric] {
+ -moz-margin-start: 1px;
+ color: #9C9CFF;
+}
+
+.line-graph-widget-tooltip > [text=value],
+.line-graph-widget-tooltip > [text=metric] {
+/* text-shadow: 1px 0px rgba(255,255,255,0.6),
+ -1px 0px rgba(255,255,255,0.6),
+ 0px -1px rgba(255,255,255,0.6),
+ 0px 1px rgba(255,255,255,0.6);*/
+}
+
+.line-graph-widget-tooltip[type=maximum] > [text=value] {
+ color: #008484;
+}
+
+.line-graph-widget-tooltip[type=minimum] > [text=value] {
+ color: #FF0000;
+}
+
+.line-graph-widget-tooltip[type=average] > [text=value] {
+ color: #FF9F00;
+}
+
/* Charts */
.generic-chart-container {
color: #A09090; /* Light foreground text */
}
+/* Table Widget */
+
+/* Table body */
+
+.table-widget-body > .devtools-side-splitter {
+ border: none;
+}
+
+.table-widget-body {
+ overflow: auto;
+}
+
+.table-widget-body {
+ background: #000000; /* Background-Sidebar */
+}
+
+.table-widget-body:-moz-locale-dir(ltr) {
+/* box-shadow: inset -1px 0 0 @smw_marginDark@;*/
+}
+
+.table-widget-body:-moz-locale-dir(rtl) {
+/* box-shadow: inset 1px 0 0 @smw_marginDark@;*/
+}
+
+.table-widget-body:-moz-locale-dir(ltr) {
+/* box-shadow: inset -1px 0 0 @smw_marginLight@;*/
+}
+
+.table-widget-body:-moz-locale-dir(rtl) {
+/* box-shadow: inset 1px 0 0 @smw_marginLight@;*/
+}
+
+/* Column Headers */
+
+.table-widget-column-header,
+.table-widget-cell {
+ -moz-border-end: 1px solid #A09090;
+}
+
+/* Table widget column header colors are taken from netmonitor.inc.css to match
+ the look of both the tables. This needs to be updated along with netmonitor
+ header colors in bug 951714 */
+
+.table-widget-column-header {
+ background: rgba(0,0,0,0);
+ position: sticky;
+ top: 0;
+ min-height: 32px;
+ width: 100%;
+ border: none;
+ padding: 8px 0 0 !important;
+ color: inherit;
+ text-align: center;
+ font-weight: inherit !important;
+ transition: background-color 0.1s ease-in-out;
+}
+
+.table-widget-column-header:hover {
+ background: #FFCF00;
+}
+
+.table-widget-column-header:hover:active {
+ background: #FF9F00;
+}
+
+.table-widget-column-header:not(:active)[sorted] {
+ background: #008484;
+}
+
+.table-widget-column-header:not(:active)[sorted=ascending] {
+ background-image: radial-gradient(farthest-side at center top, hsla(0,0%,0%,.7), hsla(0,0%,0%,0.3));
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+}
+
+.table-widget-column-header:not(:active)[sorted=descending] {
+ background-image: radial-gradient(farthest-side at center bottom, hsla(0,0%,0%,.7), hsla(0,0%,0%,0.3));
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+ background-position: bottom;
+}
+
+/* Cells */
+
+.table-widget-cell {
+ width: 100%;
+ margin: -1px 0 !important;
+ padding: 3px 4px;
+ background-clip: padding-box;
+ min-width: 100px;
+ -moz-user-focus: normal;
+}
+
+.table-widget-cell {
+ border-top: 1px solid #A09090;
+ border-bottom: 1px solid #A09090;
+ color: #FF9F00; /* Light foreground text */
+}
+
+.theme-dark:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.theme-light:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.table-widget-cell:not(.theme-selected)[odd] {
+ background: #404000;
+}
+
+.table-widget-cell:last-of-type {
+/* box-shadow: inset 0 -1px 0 @smw_itemDarkTopBorder@;*/
+}
+
+.table-widget-cell.flash-out {
+ animation: flash-out 0.5s ease-in;
+}
+
+@keyframes flash-out {
+ to {
+ background: #795900;
+ }
+}
+
+/* Empty text and initial text */
+
+.table-widget-empty-text {
+ display: none;
+ text-align: center;
+ font-size: large;
+ margin-top: -20px !important;
+}
+
+.table-widget-body:empty + .table-widget-empty-text:not([value=""]),
+.table-widget-body[empty] + .table-widget-empty-text:not([value=""]) {
+ display: block;
+}
+
+/* Tree Widget */
+
+.tree-widget-container {
+ padding: 0;
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ list-style: none;
+ overflow: hidden;
+ -moz-margin-end: 40px;
+}
+
+.tree-widget-container:-moz-focusring,
+.tree-widget-container *:-moz-focusring {
+ outline-style: none;
+}
+
+.tree-widget-empty-text {
+ padding: 10px 20px;
+ font-size: medium;
+ background: transparent;
+}
+
+/* Tree Item */
+
+.tree-widget-container .tree-widget-item {
+ padding: 2px 0px 4px;
+ /* OSX has line-height 14px by default, which causes weird alignment issues
+ * because of 20px high icons. thus making line-height consistent with that of
+ * windows.
+ */
+ line-height: 17px !important;
+ display: inline-block;
+ width: 100%;
+ word-break: keep-all; /* To prevent long urls like http://foo.com/bar from
+ breaking in multiple lines */
+}
+
+.tree-widget-container .tree-widget-children {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.tree-widget-item[level="1"] {
+ font-weight: 800;
+}
+
+/* Twisties */
+.tree-widget-item:before {
+ content: "";
+ width: 14px;
+ height: 14px;
+ float: left;
+ margin: 3px 2px -3px;
+ background-repeat: no-repeat;
+ background-image: url("chrome://browser/skin/devtools/controls.png");
+ background-size: 56px 28px;
+ cursor: pointer;
+ background-position: -28px -14px;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl):before {
+ float: right;
+ transform: scaleX(-1);
+}
+
+.theme-light .tree-widget-item:before {
+ background-position: 0 -14px;
+}
+
+.tree-widget-item[empty]:before {
+ background: transparent;
+}
+
+.tree-widget-item[expanded]:before {
+ background-position: -42px -14px;
+}
+
+.theme-light .tree-widget-item[expanded]:before {
+ background-position: -14px -14px;
+}
+
+.tree-widget-item + ul {
+ overflow: hidden;
+ animation: collapse-tree-item 0.2s;
+ max-height: 0;
+}
+
+.tree-widget-item[expanded] + ul {
+ animation: expand-tree-item 0.3s;
+ max-height: unset;
+}
+
+@keyframes collapse-tree-item {
+ from {
+ max-height: 300px;
+ }
+ to {
+ max-height: 0;
+ }
+}
+
+@keyframes expand-tree-item {
+ from {
+ max-height: 0;
+ }
+ to {
+ max-height: 500px;
+ }
+}
+
+@media (min-resolution: 2dppx) {
+ .tree-widget-item:before {
+ background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ }
+}
+
+/* Indentation of child items in the tree */
+
+/* For level > 6 */
+.tree-widget-item[level] + ul > li > .tree-widget-item {
+ -moz-padding-start: 98px;
+}
+
+/* First level */
+.tree-widget-item[level="1"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 14px;
+}
+
+/* Second level */
+.tree-widget-item[level="2"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 28px;
+}
+
+/* Third level */
+.tree-widget-item[level="3"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 42px;
+}
+
+/* Fourth level */
+.tree-widget-item[level="4"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 56px;
+}
+
+/* Fifth level */
+.tree-widget-item[level="5"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 70px;
+}
+
+/* Sixth level */
+.tree-widget-item[level="6"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 84px;
+}
+
+/* Custom icons for certain tree items indicating the type of the item */
+
+.tree-widget-item[type]:after {
+ content: "";
+ float: left;
+ width: 16px;
+ height: 17px;
+ -moz-margin-end: 4px;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ filter: url('filters.svg#invert');
+ background-position: 0 0;
+ background-size: auto 20px;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl):after {
+ float: right;
+}
+
+.theme-dark .tree-widget-item[type]:after {
+ filter: url('filters.svg#invert-white');
+}
+
+.tree-widget-item[type="dir"]:after {
+ background-image: url("chrome://browser/skin/devtools/filetype-dir-close.svg");
+ background-position: 2px 0;
+ background-size: auto 16px;
+ width: 20px;
+}
+
+.tree-widget-item[type="dir"][expanded]:not([empty]):after {
+ background-image: url("chrome://browser/skin/devtools/filetype-dir-open.svg");
+}
+
+.tree-widget-item[type="url"]:after {
+ background-image: url("chrome://browser/skin/devtools/filetype-globe.svg");
+ background-size: auto 18px;
+ width: 18px;
+}
+
/* === BEGIN manifest-editor.inc.css === */
/* Manifest Editor overrides */
vertical-align: middle;
margin-left: 2px;
}
+
+.handlersMenuList > .menulist-label-box > .menulist-icon {
+ max-width: 16px;
+ max-height: 16px;
+}
margin: 0;
}
-.caption-text {
+caption > label {
font-size: 1.3rem;
font-weight: bold;
line-height: 22px;
#categories {
background-color: #A09090;
-/* -moz-border-end: 1px solid #FF9F00; */
padding-top: 39px;
margin: 0;
border-radius: 1em 0 0 0;
background-color: #000000;
color: #FFCF00;
-moz-border-end-width: 0;
- -moz-padding-start: 14px;
+ -moz-padding-start: 15px;
-moz-padding-end: 21px;
min-height: 40px;
+ transition: background-color 150ms;
}
.category:hover {
/* Applications Pane Styles */
-#applications-content {
+#applicationsContent {
-moz-margin-start: 60px;
- padding: 15px;
+ padding: 15px 0;
+}
+
+#filter {
+ -moz-margin-start: 0;
}
#handlersView {
+ -moz-margin-start: 0;
font-size: 1.25rem;
line-height: 22px;
border: none; /*1px solid #9C9CFF;*/
cursor: pointer;
}
-/* Content Pane */
-
-#defaultFontSize {
- min-width: 5.5em;
-}
-
-/* Sync Pane */
-
+#offlineAppsList,
#syncEnginesList {
/* -moz-appearance: none;
color: #737980;
background-color: #F1F1F1;*/
}
-/* Advanced Pane */
-
#advancedPrefs {
padding-bottom: 0; /* no padding needed in inContent prefs */
}
-moz-margin-start: 60px;
}
-#offlineAppsList {
-/* -moz-appearance: none;
- color: #737980;
- padding: 2px;
- border: 1px solid rgba(23,50,77,0.4);
- border-radius: 5px;
- background-color: #F1F1F1;*/
-}
-
#telemetryLearnMore,
#FHRLearnMore,
#crashReporterLearnMore {
projects / themes.git / commitdiff
