Bug 652315 [Modern 2.1] global fixes: notification.css to zymurgy r=Neil
authorPhilip Chee <philip.chee@gmail.com>
Tue, 26 Apr 2011 18:12:59 +0800
changeset 7614 fa4ea41c266d2c16495ea82d7dcfc9bbfac45487
parent 7613 14758a3132354c9cc8b98a4f8a4754f770b33297
child 7615 6d70302c32f3a33083f3b8d670206f836c40ee85
push idunknown
push userunknown
push dateunknown
reviewersNeil
bugs652315
Bug 652315 [Modern 2.1] global fixes: notification.css to zymurgy r=Neil
suite/themes/modern/global/alerts/alert.css
suite/themes/modern/global/media/videocontrols.css
suite/themes/modern/global/notification.css
suite/themes/modern/global/splitter.css
suite/themes/modern/global/toolbarbutton.css
suite/themes/modern/global/tree.css
--- 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;
 }