projects
/
themes.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
873a46f
)
fix some parsing errors etc. and make new HTML-based buttons with ::before work in...
EarlyBlue-2.41
LCARStrek-2.41
author
Robert Kaiser
<kairo@kairo.at>
Mon, 13 Jun 2016 00:38:18 +0000
(
02:38
+0200)
committer
Robert Kaiser
<kairo@kairo.at>
Mon, 13 Jun 2016 00:38:18 +0000
(
02:38
+0200)
LCARStrek/browser/browser.css
patch
|
blob
|
blame
|
history
LCARStrek/browser/customizableui/panelUIOverlay.css
patch
|
blob
|
blame
|
history
LCARStrek/devtools/dark-theme.css
patch
|
blob
|
blame
|
history
LCARStrek/devtools/fonts.css
patch
|
blob
|
blame
|
history
LCARStrek/devtools/layout.css
patch
|
blob
|
blame
|
history
LCARStrek/devtools/widgets.css
patch
|
blob
|
blame
|
history
LCARStrek/global/checkbox.css
patch
|
blob
|
blame
|
history
LCARStrek/global/listbox.css
patch
|
blob
|
blame
|
history
diff --git
a/LCARStrek/browser/browser.css
b/LCARStrek/browser/browser.css
index a987a6c3fda9cc6a470d19c942620b73bbaf14bb..109c9220175e0794b889df1b1aed9ff5aeb83583 100644
(file)
--- a/
LCARStrek/browser/browser.css
+++ b/
LCARStrek/browser/browser.css
@@
-2013,7
+2013,7
@@
html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
/* identity box */
#identity-box.verifiedIdentity:not(:-moz-lwtheme):not(:hover):not([open=true]) {
/* identity box */
#identity-box.verifiedIdentity:not(:-moz-lwtheme):not(:hover):not([open=true]) {
- var(--identity-box-verified-background-color);
+
background-color:
var(--identity-box-verified-background-color);
}
#identity-box:-moz-focusring {
}
#identity-box:-moz-focusring {
@@
-2060,7
+2060,7
@@
html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
/* Default theme does different color per channel, we can't as they do it build-time. */
--identity-box-chrome-color: #9C9CFF;
/* Default theme does different color per channel, we can't as they do it build-time. */
--identity-box-chrome-color: #9C9CFF;
- border-inline-end: 1px solid --urlbar-separator-color);
+ border-inline-end: 1px solid
var(
--urlbar-separator-color);
font-size: .9em;
border-radius: 2px;
padding: 3px 5px;
font-size: .9em;
border-radius: 2px;
padding: 3px 5px;
@@
-3987,7
+3987,7
@@
html|*#fullscreen-domain {
html|*#fullscreen-exit-button {
padding: 5px 30px;
html|*#fullscreen-exit-button {
padding: 5px 30px;
- font: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font
-family
: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
font-size: 14px;
font-weight: lighter;
margin: 0;
font-size: 14px;
font-weight: lighter;
margin: 0;
diff --git
a/LCARStrek/browser/customizableui/panelUIOverlay.css
b/LCARStrek/browser/customizableui/panelUIOverlay.css
index 265adf8473a4718473fce1a4d0b35158b0b2921e..1fab05f38d6164399670364a82a4e35a5c540c0d 100644
(file)
--- a/
LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/
LCARStrek/browser/customizableui/panelUIOverlay.css
@@
-1527,7
+1527,7
@@
toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
}
menu.subviewbutton > .menu-right {
}
menu.subviewbutton > .menu-right {
- list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow);
+ list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow
"
);
/* Reset the rect we inherit from the button: */
-moz-image-region: auto;
}
/* Reset the rect we inherit from the button: */
-moz-image-region: auto;
}
diff --git
a/LCARStrek/devtools/dark-theme.css
b/LCARStrek/devtools/dark-theme.css
index e99970d9bc387e213788d38818979a1f2fd34f31..956270f7a2d96f871d92cb82568d87cfd138b373 100644
(file)
--- a/
LCARStrek/devtools/dark-theme.css
+++ b/
LCARStrek/devtools/dark-theme.css
@@
-16,7
+16,7
@@
--theme-contrast-border: #A09090;
--theme-contrast-background2: #795900;
--theme-contrast-border: #A09090;
--theme-contrast-background2: #795900;
-/* --theme-tab-toolbar-background: #.252c33; */
+ --theme-tab-toolbar-background: #402800;
--theme-toolbar-background: #000000;
--theme-hover-background: #FFCF00;
--theme-hover-color: #000000;
--theme-toolbar-background: #000000;
--theme-hover-background: #FFCF00;
--theme-hover-color: #000000;
@@
-621,9
+621,9
@@
div.CodeMirror span.eval-text {
border: 0 solid var(--theme-splitter-color);
background: var(--theme-toolbar-background);
color: var(--theme-body-color);
border: 0 solid var(--theme-splitter-color);
background: var(--theme-toolbar-background);
color: var(--theme-body-color);
- margin: 0;
- padding: 0;
- min-width:
32
px;
+ margin: 0
1px
;
+ padding: 0
6px
;
+ min-width:
16
px;
min-height: 18px;
/* The icon is absolutely positioned in the button using ::before */
position: relative;
min-height: 18px;
/* The icon is absolutely positioned in the button using ::before */
position: relative;
@@
-815,6
+815,10
@@
div.CodeMirror span.eval-text {
display: none;
}
display: none;
}
+#toolbox-close::before {
+ background-image: url("chrome://devtools/skin/close@2x.png");
+}
+
/* In-tools sidebar */
.devtools-sidebar-tabs {
/* In-tools sidebar */
.devtools-sidebar-tabs {
@@
-917,14
+921,17
@@
div.CodeMirror span.eval-text {
background-position: -16px center;
}
background-position: -16px center;
}
+#toolbox-dock-bottom::before,
#toolbox-dock-bottom > image {
background-image: url("chrome://devtools/skin/dock-bottom@2x.png");
}
#toolbox-dock-bottom > image {
background-image: url("chrome://devtools/skin/dock-bottom@2x.png");
}
+#toolbox-dock-side::before,
#toolbox-dock-side > image {
background-image: url("chrome://devtools/skin/dock-side@2x.png");
}
#toolbox-dock-side > image {
background-image: url("chrome://devtools/skin/dock-side@2x.png");
}
+#toolbox-dock-window::before,
#toolbox-dock-window > image {
background-image: url("chrome://devtools/skin/undock@2x.png");
}
#toolbox-dock-window > image {
background-image: url("chrome://devtools/skin/undock@2x.png");
}
@@
-965,6
+972,7
@@
div.CodeMirror span.eval-text {
#toolbox-controls-separator {
margin: 0;
#toolbox-controls-separator {
margin: 0;
+ width: 1px;
}
/* Command buttons */
}
/* Command buttons */
@@
-979,6
+987,9
@@
div.CodeMirror span.eval-text {
.command-button:hover:active {
}
.command-button:hover:active {
}
+#toolbox-close::before,
+.toolbox-dock-button::before,
+.command-button::before,
.command-button > image {
width: 16px;
height: 16px;
.command-button > image {
width: 16px;
height: 16px;
@@
-987,6
+998,14
@@
div.CodeMirror span.eval-text {
background-repeat: no-repeat;
}
background-repeat: no-repeat;
}
+#toolbox-close:hover::before,
+#toolbox-close:hover:active::before,
+.toolbox-dock-button:hover::before,
+.toolbox-dock-button:hover:active::before,
+.command-button:hover::before,
+.command-button:hover:active::before,
+.command-button[checked=true]::before,
+.command-button[open=true]::before,
.command-button:hover > image,
.command-button:hover:active > image,
.command-button[checked=true] > image,
.command-button:hover > image,
.command-button:hover:active > image,
.command-button[checked=true] > image,
@@
-994,46
+1013,57
@@
div.CodeMirror span.eval-text {
background-position: -16px center;
}
background-position: -16px center;
}
+#command-button-paintflashing::before,
#command-button-paintflashing > image {
background-image: url("chrome://devtools/skin/command-paintflashing.png");
}
#command-button-paintflashing > image {
background-image: url("chrome://devtools/skin/command-paintflashing.png");
}
+#command-button-screenshot::before,
#command-button-screenshot > image {
background-image: url("chrome://devtools/skin/command-screenshot.png");
}
#command-button-screenshot > image {
background-image: url("chrome://devtools/skin/command-screenshot.png");
}
+#command-button-responsive::before,
#command-button-responsive > image {
background-image: url("chrome://devtools/skin/command-responsivemode.png");
}
#command-button-responsive > image {
background-image: url("chrome://devtools/skin/command-responsivemode.png");
}
+#command-button-tilt::before,
#command-button-tilt > image {
background-image: url("chrome://devtools/skin/command-tilt.png");
}
#command-button-tilt > image {
background-image: url("chrome://devtools/skin/command-tilt.png");
}
+#command-button-scratchpad::before,
#command-button-scratchpad > image {
background-image: url("chrome://devtools/skin/command-scratchpad.png");
}
#command-button-scratchpad > image {
background-image: url("chrome://devtools/skin/command-scratchpad.png");
}
+#command-button-pick::before,
#command-button-pick > image {
background-image: url("chrome://devtools/skin/command-pick.png");
}
#command-button-pick > image {
background-image: url("chrome://devtools/skin/command-pick.png");
}
+#command-button-frames::before,
#command-button-frames > image {
background-image: url("chrome://devtools/skin/command-frames.png");
}
#command-button-frames > image {
background-image: url("chrome://devtools/skin/command-frames.png");
}
+#command-button-splitconsole::before,
#command-button-splitconsole > image {
background-image: url("chrome://devtools/skin/command-console.png");
}
#command-button-splitconsole > image {
background-image: url("chrome://devtools/skin/command-console.png");
}
+#command-button-eyedropper::before,
#command-button-eyedropper > image {
background-image: url("chrome://devtools/skin/command-eyedropper.png");
}
#command-button-eyedropper > image {
background-image: url("chrome://devtools/skin/command-eyedropper.png");
}
+#command-button-rulers::before,
#command-button-rulers > image {
background-image: url("chrome://devtools/skin/command-rulers.png");
}
#command-button-rulers > image {
background-image: url("chrome://devtools/skin/command-rulers.png");
}
+#command-button-measure::before,
#command-button-measure > image {
background-image: url("chrome://devtools/skin/images/command-measure.png");
}
#command-button-measure > image {
background-image: url("chrome://devtools/skin/images/command-measure.png");
}
@@
-1090,8
+1120,9
@@
div.CodeMirror span.eval-text {
}
#toolbox-tabs {
}
#toolbox-tabs {
- margin: 0 2px;
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
+ margin-inline-start: 2px; /* this is only needed for the old button design */
+ margin-inline-end: 3px; /* this is for the new ::before-based button design */
background-color: #000000;
color: #FFCF00;
}
background-color: #000000;
color: #FFCF00;
}
@@
-1154,9
+1185,14
@@
div.CodeMirror span.eval-text {
-moz-margin-start: 0;
}
-moz-margin-start: 0;
}
+#toolbox-picker-container {
+ margin-inline-start: 1px;
+}
+
#toolbox-option-container {
background-color: #000000;
#toolbox-option-container {
background-color: #000000;
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
+ margin-inline-end: 1px;
}
#toolbox-tab-options {
}
#toolbox-tab-options {
diff --git
a/LCARStrek/devtools/fonts.css
b/LCARStrek/devtools/fonts.css
index 7d469d44f0f68048dbe6260c483dd6f07dd271c7..1b20a5950a75468666d9306306db5fc8b8031fa8 100644
(file)
--- a/
LCARStrek/devtools/fonts.css
+++ b/
LCARStrek/devtools/fonts.css
@@
-2,6
+2,11
@@
* 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/. */
* 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 {
+ --fonts-button-text: #000000;
+ --fonts-button-background: #C09070;
+}
+
#sidebar-panel-fontinspector {
margin: 0;
display: flex;
#sidebar-panel-fontinspector {
margin: 0;
display: flex;
@@
-32,8
+37,8
@@
#font-showall {
border-radius: 300px;
border: none;
#font-showall {
border-radius: 300px;
border: none;
- background-color: var(--
in-content
-button-background);
- color: var(--
in-content
-selected-text);
+ background-color: var(--
fonts
-button-background);
+ color: var(--
fonts
-selected-text);
margin: 3px;
cursor: pointer;
position: fixed;
margin: 3px;
cursor: pointer;
position: fixed;
diff --git
a/LCARStrek/devtools/layout.css
b/LCARStrek/devtools/layout.css
index ab95a05d95b2698c0ff5c41ac2062e1eb178d1bb..a91259d745e2cfae87ed114058f0ed92eda95803 100644
(file)
--- a/
LCARStrek/devtools/layout.css
+++ b/
LCARStrek/devtools/layout.css
@@
-32,8
+32,8
@@
body.theme-sidebar,
vertical-align: top;
}
vertical-align: top;
}
-#header:dir(rtl),
-#layout-header:dir(rtl) {
+#header:
-moz-
dir(rtl),
+#layout-header:
-moz-
dir(rtl) {
-moz-box-direction: reverse;
}
-moz-box-direction: reverse;
}
@@
-47,8
+47,8
@@
body.theme-sidebar,
-moz-box-flex: 1;
}
-moz-box-flex: 1;
}
-#element-size:dir(rtl),
-#layout-element-size:dir(rtl) {
+#element-size:
-moz-
dir(rtl),
+#layout-element-size:
-moz-
dir(rtl) {
-moz-box-pack: end;
}
-moz-box-pack: end;
}
@@
-97,10
+97,10
@@
body.theme-sidebar,
#layout-margins,
#layout-borders,
#layout-padding {
#layout-margins,
#layout-borders,
#layout-padding {
- border-color: var(-theme-splitter-color);
+ border-color: var(-
-
theme-splitter-color);
border-width: 25px;
border-style: solid;
border-width: 25px;
border-style: solid;
- outline: dotted 1px var(-theme-splitter-color);
+ outline: dotted 1px var(-
-
theme-splitter-color);
}
#margins,
}
#margins,
diff --git
a/LCARStrek/devtools/widgets.css
b/LCARStrek/devtools/widgets.css
index 90532c8b3fdce933ab250485a7c370852efffaf8..39ac4797eaae26ee723c3789ea0ceb32b6c4a6e1 100644
(file)
--- a/
LCARStrek/devtools/widgets.css
+++ b/
LCARStrek/devtools/widgets.css
@@
-555,7
+555,7
@@
}
.variable-or-property[overridden] {
}
.variable-or-property[overridden] {
- background: rgba(160,144,144,0.
0.
5);
+ background: rgba(160,144,144,0.5);
}
.variable-or-property[overridden] .title > label {
}
.variable-or-property[overridden] .title > label {
diff --git
a/LCARStrek/global/checkbox.css
b/LCARStrek/global/checkbox.css
index 3a60c41cf4ad0f034c94efcd63a55f08c30c9746..841ebf62a9344e194595ed4a941804519aa2f579 100644
(file)
--- a/
LCARStrek/global/checkbox.css
+++ b/
LCARStrek/global/checkbox.css
@@
-102,7
+102,7
@@
checkbox[checked="true"]:hover:active > .checkbox-spacer-box > .checkbox-check {
}
checkbox[checked="true"][disabled="true"] .checkbox-check,
}
checkbox[checked="true"][disabled="true"] .checkbox-check,
-checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box >
>
.checkbox-check {
+checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important;
}
background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important;
}
diff --git
a/LCARStrek/global/listbox.css
b/LCARStrek/global/listbox.css
index cbdf3133f87083a658279369688043265712c30b..5bc4be856107eee29abff4e43eb4c575b1f980c1 100644
(file)
--- a/
LCARStrek/global/listbox.css
+++ b/
LCARStrek/global/listbox.css
@@
-60,8
+60,8
@@
listbox:focus > listitem[selected="true"] {
listheader {
-moz-box-align: center;
border: 1px solid #FF9F00;
listheader {
-moz-box-align: center;
border: 1px solid #FF9F00;
- border-
left-top
-radius: 3px;
- border-
right-top
-radius: 3px;
+ border-
top-left
-radius: 3px;
+ border-
top-right
-radius: 3px;
background-color: #9C9CFF;
color: #000000;
padding: 0;
background-color: #9C9CFF;
color: #000000;
padding: 0;