projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
add larger-size tab trobbers, make devtools/inspector work in Fx47+
[themes.git]
/
EarlyBlue
/
global
/
popup.css
diff --git
a/EarlyBlue/global/popup.css
b/EarlyBlue/global/popup.css
index 4ca198f7e45c949113c8b4aa2bb6659b6ddf93d0..ec2fd0a198b6e957547d4f4ebbf74e023b4abaf3 100644
(file)
--- a/
EarlyBlue/global/popup.css
+++ b/
EarlyBlue/global/popup.css
@@
-2,8
+2,20
@@
* 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/. */
+/* ===== popup.css ======================================================
+ == Styles used by the XUL popup element.
+ ======================================================================= */
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/* ::::: Variables ::::: */
+.panel-arrowcontent {
+ --panel-arrowcontent-padding: 6px;
+ --panel-arrowcontent-background: #CCD0DD;
+ --panel-arrowcontent-color: #000000;
+ --panel-arrowcontent-border: 1px outset #CCD0DD;
+}
+
/* ::::: menupopup ::::: */
menupopup,
/* ::::: menupopup ::::: */
menupopup,
@@
-14,10
+26,17
@@
panel {
background-color: #CCD0DD;
}
background-color: #CCD0DD;
}
+menupopup > menu > menupopup {
+ /* align submenus */
+ margin-top: -2px;
+}
+
+/* ::::: arrow panel ::::: */
+
panel[type="arrow"] {
background: transparent;
border: none;
panel[type="arrow"] {
background: transparent;
border: none;
-
-moz-transition: opacity 300ms
;
+
padding: 0
;
}
panel[type="arrow"][side="top"],
}
panel[type="arrow"][side="top"],
@@
-33,11
+52,12
@@
panel[type="arrow"][side="right"] {
}
.panel-arrowcontent {
}
.panel-arrowcontent {
- padding: 6px;
- background-color: #CCD0DD;
+ padding: var(--panel-arrowcontent-padding);
+ color: var(--panel-arrowcontent-color);
+ background: var(--panel-arrowcontent-background);
background-clip: padding-box;
background-clip: padding-box;
- border:
1px outset #CCD0DD
;
- margin:
3
px;
+ border:
var(--panel-arrowcontent-border)
;
+ margin:
0
px;
}
.panel-arrow[side="top"],
}
.panel-arrow[side="top"],
@@
-49,12
+69,12
@@
panel[type="arrow"][side="right"] {
}
.panel-arrow[side="top"] {
}
.panel-arrow[side="top"] {
- margin-bottom: -
5
px;
+ margin-bottom: -
1
px;
}
.panel-arrow[side="bottom"] {
}
.panel-arrow[side="bottom"] {
-
-moz-
transform: scaleY(-1);
- margin-top: -
5
px;
+ transform: scaleY(-1);
+ margin-top: -
1
px;
}
.panel-arrow[side="left"],
}
.panel-arrow[side="left"],
@@
-66,14
+86,16
@@
panel[type="arrow"][side="right"] {
}
.panel-arrow[side="left"] {
}
.panel-arrow[side="left"] {
- margin-right: -
5
px;
+ margin-right: -
1
px;
}
.panel-arrow[side="right"] {
}
.panel-arrow[side="right"] {
-
-moz-
transform: scaleX(-1);
- margin-left: -
5
px;
+ transform: scaleX(-1);
+ margin-left: -
1
px;
}
}
+/* ::::: tooltip ::::: */
+
tooltip {
background-color : #FFFFCC;
border : 1px outset #FFFFCC;
tooltip {
background-color : #FFFFCC;
border : 1px outset #FFFFCC;
@@
-92,8
+114,7
@@
tooltip[titletip="true"] {
/* rules for popups associated with menulists */
/* rules for popups associated with menulists */
-menulist > menupopup,
-.menulist-menupopup {
+menulist > menupopup {
border: 1px solid #666699;
min-width: 0px;
padding: 0px;
border: 1px solid #666699;
min-width: 0px;
padding: 0px;