first steps of adopting both themes to toolkit winstripe changes between Mozilla...

[themes.git] / EarlyBlue / global / global.css

diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css
index 35c1ebdf7d0a65e70c3b9a39149051f1650317c1..77959672e84b363677c0fcd7ce9e6358f56985eb 100644 (file)
--- a/EarlyBlue/global/global.css
+++ b/EarlyBlue/global/global.css
@@ -78,11 +78,14 @@ wizard,
 prefwindow {
   background-color: #CCD0DD;
   color: #000000;
-  font: 11px helvetica,arial,tahoma,sans-serif;
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
 }
 
 window.dialog {
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }
 
 /* ::::: alert icons :::::*/
@@ -138,6 +141,12 @@ statusbarpanel {
   padding: 0px 1px;
 }
 
+statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
+  -moz-appearance: none;
+  border-top-style: none;
+  border-bottom-style: none;
+  -moz-border-start-style: none;
+}
 
 .statusbar-resizerpanel {
   -moz-box-align: end;
@@ -151,23 +160,40 @@ statusbarpanel {
   padding: 0px 1px;
 }
 
-resizer[dir="bottomright"] {
-  cursor: se-resize;
-}
-
-window:not([active="true"]) menubar > menu {
-  color: #808080;
-}
- 
 .toolbar-focustarget {
   -moz-user-focus: ignore !important;
 }
 
+toolbar[mode="text"] .toolbarbutton-text {
+  /* padding: 0 !important;
+  margin: 3px 5px !important; */
+}
+
 /* ::::: miscellaneous formatting ::::: */
 
+:root:-moz-lwtheme,
+[lwthemefooter="true"] {
+  -moz-appearance: none;
+}
+
+:root:-moz-lwtheme-darktext {
+  text-shadow: 1px 1px 2px #FFFFFF;
+}
+
+:root:-moz-lwtheme-brighttext {
+  text-shadow: 1px 1px 2px #000000;
+}
+
+statusbar:-moz-lwtheme,
+sidebarheader:-moz-lwtheme {
+  -moz-appearance: none;
+  background: none;
+  border-style: none;
+}
+
 .inset {
   border: 1px inset #CCD0DD;
-  /* margin: 0px 5px 5px 5px; */
+  /* margin: 0px 5px 5px; */
 }
 
 .outset {
@@ -200,8 +226,8 @@ separator.groove:not([orient="vertical"]) {
 
 separator.groove[orient="vertical"] {
   border-left: 2px groove #CCD0DD;
-  margin-left: 0.4em;
-  margin-right: 0.4em;
+  -moz-margin-start: 0.4em;
+  -moz-margin-end: 0.4em;
 }
 
 /* groove separators (0 padding, for dividing effects) */
@@ -219,6 +245,7 @@ separator[orient="vertical"].groove-thin {
 }
 
 .plain {
+  -moz-appearance: none;
   margin: 0px !important;
   border: none;
   padding: 0px;
@@ -250,8 +277,8 @@ description {
 }
 
 .indent {
-/*  margin-left: 23px; */
-  margin-left: 15px;
+/*  -moz-margin-start: 23px; */
+  -moz-margin-start: 15px;
 }
 
 .box-padded {
@@ -263,7 +290,7 @@ description {
 }
 
 .wizard-box {
-  padding: 15px 35px 10px 35px;
+  padding: 15px 35px 10px;
 }
 
 .text-link {
@@ -272,23 +299,14 @@ description {
   cursor: pointer;
 }
 
-.text-link:focus {
-  color: red;
+.text-link:-moz-focusring {
   /* Don't specify the outline-color, we should always use initial value. */
   outline: 1px dotted;
 }
 
-.text-link:hover:active {
-  color: red;
-}
-
-.text-link[visited="true"] {
-  color: purple;
-}
-
 /* :::::: autoscroll popup ::::: */
 
-#autoscroller {
+.autoscroller {
   height: 28px;
   width: 28px;
   border: 0px;
@@ -299,34 +317,34 @@ description {
   -moz-appearance: none;
 }
 
-#autoscroller[scrolldir="NS"] {
+.autoscroller[scrolldir="NS"] {
   background-position: left center;
 }
 
-#autoscroller[scrolldir="EW"] {
+.autoscroller[scrolldir="EW"] {
   background-position: left bottom;
 }
 
-#autoscroller[transparent="true"] {
+.autoscroller[transparent="true"] {
   background-position: center top;
 }
 
-#autoscroller[transparent="true"][scrolldir="NS"] {
+.autoscroller[transparent="true"][scrolldir="NS"] {
   background-position: center center;
 }
 
-#autoscroller[transparent="true"][scrolldir="EW"] {
+.autoscroller[transparent="true"][scrolldir="EW"] {
   background-position: center bottom;
 }
 
-#autoscroller[translucent="true"] {
+.autoscroller[translucent="true"] {
   background-position: right top;
 }
 
-#autoscroller[translucent="true"][scrolldir="NS"] {
+.autoscroller[translucent="true"][scrolldir="NS"] {
   background-position: right center;
 }
 
-#autoscroller[translucent="true"][scrolldir="EW"] {
+.autoscroller[translucent="true"][scrolldir="EW"] {
   background-position: right bottom;
 }