Bug 652315 [Modern 2.1] global fixes: notification.css to zymurgy r=Neil
--- a/suite/themes/modern/global/alerts/alert.css
+++ b/suite/themes/modern/global/alerts/alert.css
@@ -63,20 +63,25 @@
margin-bottom: 4px;
min-width: 46px;
}
.alertTitle {
font-weight: bold;
}
-.alertTextBox {
+.alertBox[orient="horizontal"] > .alertTextBox {
margin: 4px 6px 0;
}
+.alertBox[orient="vertical"] > .alertTextBox {
+ margin: 0 4px 6px;
+ -moz-box-align: center;
+}
+
.alertText {
-moz-margin-end: 6px;
}
.alertText[clickable="true"] {
cursor: pointer;
color: #1455D6;
text-decoration: underline;
--- a/suite/themes/modern/global/media/videocontrols.css
+++ b/suite/themes/modern/global/media/videocontrols.css
@@ -113,16 +113,20 @@ button {
margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */
padding-left: 8px; /* don't bump into the scrubber bar */
padding-top: 0px; /* center vertically with scrubber bar */
color: #000000;
font-size: 11px;
font-family: Helvetica, Arial, sans-serif;
}
+.positionLabel {
+ display: none;
+}
+
.scrubber .scale-slider {
/* abs(margin-top) + margin-bottom + bar height == timeThumb height */
margin-top: -9px;
margin-bottom: 15px;
}
/* .scale-thumb is an element inside the <scale> implementation. */
.scrubber .scale-thumb {
--- a/suite/themes/modern/global/notification.css
+++ b/suite/themes/modern/global/notification.css
@@ -71,8 +71,12 @@ notification[type="critical"] {
popupnotification {
background-color: #C7D0D9;
}
.popup-notification-description {
max-width: 248px;
margin-top: 4px !important;
}
+
+.popup-notification-closeitem {
+ list-style-image: url("chrome://global/skin/icons/closebox.gif");
+}
--- a/suite/themes/modern/global/splitter.css
+++ b/suite/themes/modern/global/splitter.css
@@ -54,47 +54,75 @@ splitter {
-moz-border-top-colors: #DFE5EF;
-moz-border-right-colors: #3B414F #AAB4BF;
-moz-border-bottom-colors: #AAB4BF;
-moz-border-left-colors: #97A4B2 #DFE5EF;
min-width: 5px;
background-color: #C1CBD5;
}
+splitter[state="collapsed"][collapse="before"],
+splitter[state="collapsed"][substate="before"],
+splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
+splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
+ cursor: e-resize;
+}
+
+splitter[state="collapsed"][collapse="after"],
+splitter[state="collapsed"][substate="after"],
+splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
+splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
+ cursor: w-resize;
+}
+
/* ::::: splitter (horizontal) ::::: */
splitter[orient="vertical"] {
cursor: ns-resize;
border-top: 2px solid;
border-right: 1px solid;
border-bottom: 2px solid;
border-left: 1px solid;
-moz-border-top-colors: #97A4B2 #DFE5EF;
-moz-border-right-colors: #AAB4BF;
-moz-border-bottom-colors: #3B414F #AAB4BF;
-moz-border-left-colors: #DFE5EF;
min-width: 0;
min-height: 5px;
}
+splitter[orient="vertical"][state="collapsed"][collapse="before"],
+splitter[orient="vertical"][state="collapsed"][substate="before"] {
+ cursor: s-resize;
+}
+
+splitter[orient="vertical"][state="collapsed"][collapse="after"],
+splitter[orient="vertical"][state="collapsed"][substate="after"] {
+ cursor: n-resize;
+}
+
+splitter[disabled="true"] {
+ cursor: default !important;
+}
+
/* ::::: splitter grippy ::::: */
-
+
grippy {
cursor: pointer;
margin: 0px;
min-width: 5px;
min-height: 50px;
}
splitter[orient="vertical"] > grippy {
margin: 0px;
min-width: 50px;
min-height: 5px;
}
-
+
/* ..... normal state ..... */
/* vertical grippies */
splitter[collapse="before"] > grippy {
background-image: url("chrome://global/skin/splitter/grip-vrt-before.gif");
}
splitter[collapse="before"]:hover:active > grippy {
@@ -119,33 +147,33 @@ splitter[collapse="after"] > grippy:hove
/* horizontal grippies */
splitter[collapse="before"][orient="vertical"] > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
}
splitter[collapse="before"][orient="vertical"]:hover:active > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
-}
+}
splitter[collapse="before"][orient="vertical"] > grippy:hover:active {
background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
-}
+}
splitter[collapse="after"][orient="vertical"] > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
}
splitter[collapse="after"][orient="vertical"]:hover:active > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
-}
+}
splitter[collapse="after"][orient="vertical"] > grippy:hover:active {
background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
-}
+}
/* ..... collapsed state ..... */
/* vertical grippies */
splitter[collapse="before"][state="collapsed"] > grippy {
background-image: url("chrome://global/skin/splitter/grip-vrt-after.gif");
}
@@ -167,29 +195,29 @@ splitter[collapse="after"][state="collap
splitter[collapse="after"][state="collapsed"] > grippy:hover:active {
background-image: url("chrome://global/skin/splitter/grip-vrt-before-act.gif");
}
/* horizontal grippies */
splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-after.gif");
-}
+}
splitter[collapse="before"][state="collapsed"][orient="vertical"]:hover:active > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
-}
+}
splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy:hover:active {
background-image: url("chrome://global/skin/splitter/grip-hrz-after-act.gif");
-}
+}
splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-before.gif");
-}
+}
splitter[collapse="after"][state="collapsed"][orient="vertical"]:hover:active > grippy {
background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
-}
+}
splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy:hover:active {
background-image: url("chrome://global/skin/splitter/grip-hrz-before-act.gif");
-}
+}
--- a/suite/themes/modern/global/toolbarbutton.css
+++ b/suite/themes/modern/global/toolbarbutton.css
@@ -46,19 +46,19 @@
toolbarbutton {
-moz-box-align: center;
-moz-box-pack: center;
border: 1px solid transparent;
padding: 1px 2px;
font: message-box;
}
-.toolbarbutton-icon {
+.toolbarbutton-icon[label]:not([label=""]),
+.toolbarbutton-icon[type="menu"] {
-moz-margin-end: 2px;
- list-style-image: inherit;
}
.toolbarbutton-text {
margin: 0px !important;
text-align: center;
}
.tabbable {
@@ -87,17 +87,17 @@ toolbarbutton[open="true"] {
toolbarbutton[disabled="true"] {
border-color: transparent !important;
padding: 1px 2px !important;
color: #9399AB !important;
}
/* ..... checked state ..... */
-
+
toolbarbutton[checked="true"] {
border-top-color: #454C55 !important;
border-right-color: #7D848D !important;
border-bottom-color: #7D848D !important;
border-left-color: #454C55 !important;
background-color: #8C9AA8 !important;
color: #EFF1F4;
}
--- a/suite/themes/modern/global/tree.css
+++ b/suite/themes/modern/global/tree.css
@@ -191,21 +191,21 @@ treechildren::-moz-tree-cell-text(primar
treechildren::-moz-tree-drop-feedback {
background-color: #424F63;
width: 50px;
height: 2px;
-moz-margin-start: 5px;
}
/* ::::: tree checkbox ::::: */
-
+
treechildren::-moz-tree-checkbox {
list-style-image: url("chrome://global/skin/tree/checkbox.gif");
}
-
+
treechildren::-moz-tree-checkbox(checked) {
list-style-image: url("chrome://global/skin/tree/checkbox-checked.gif");
}
/* ::::: tree progress meter ::::: */
treechildren::-moz-tree-progressmeter {
margin: 2px 4px;
@@ -286,30 +286,32 @@ treecol[dragging="true"] {
-moz-border-top-colors: #000000 #90A1B3 !important;
-moz-border-right-colors: #000000 #90A1B3 !important;
-moz-border-bottom-colors: #000000 #90A1B3 !important;
-moz-border-left-colors: #000000 #90A1B3 !important;
background-color: #90A1B3 !important;
color: #FFFFFF !important;
}
-treecol[insertafter="true"] {
+treecol[insertafter="true"]:-moz-locale-dir(ltr),
+treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
-moz-border-right-colors: #000000 #666666;
}
-treecol[insertbefore="true"] {
+treecol[insertafter="true"]:-moz-locale-dir(rtl),
+treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
-moz-border-left-colors: #000000 #666666;
}
treechildren::-moz-tree-column(insertbefore) {
- border-left: 1px solid #AAAAAA;
+ -moz-border-start: 1px solid #AAAAAA;
}
treechildren::-moz-tree-column(insertafter) {
- border-right: 1px solid #AAAAAA;
+ -moz-border-end: 1px solid #AAAAAA;
}
/* ::::: sort direction indicator ::::: */
.treecol-sortdirection {
list-style-image: none;
}