update both themes for toolkit winstripe changes up to 2011-01-09

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

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index d8c0b1625be047bfa295544a8ad2417e522a6f1a..f5eda35282852686239d1cba52f43593c315a4c2 100644 (file)
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -97,14 +97,17 @@ prefwindow {
   background-color: #000000;
   color: #FF9F00;
 /*  font: 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */
-  font: 11px helvetica,arial,tahoma,sans-serif;
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
   padding: 3px;
 }
 
 /* deprecated */
 window.dialog {
   background-color: #000000;
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }
 
 /* ::::: alert icons :::::*/
@@ -154,29 +157,41 @@ statusbar {
 
 .statusbar-center {
   background-color: #8050B0;
-  padding-left: 2px;
-  color: #000000;
+  -moz-padding-start: 2px;
+  color: #FFCF00;
   -moz-box-align: stretch;
 }
 
 .statusbar-left {
-  -moz-border-radius: 9px 0px 0px 9px;
+  border-radius: 9px 0px 0px 9px;
   background-color: #6000CF;
   width: 13px;
-  margin-right: 3px;
+  -moz-margin-end: 3px;
 }
 
 .statusbar-right {
-  -moz-border-radius: 0px 9px 9px 0px;
+  border-radius: 0px 9px 9px 0px;
   background-color: #6000CF;
   width: 13px;
-  margin-left: 3px;
+  -moz-margin-start: 3px;
 }
 
 statusbarpanel {
   -moz-box-align: center;
   -moz-box-pack: center;
-  padding: 0px 1px 0px 1px;
+  border-left: 3px solid black;
+  padding: 0px 2px;
+}
+
+statusbarpanel:first-child {
+  border-left: none;
+}
+
+statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
+  -moz-appearance: none;
+  border-top-style: none;
+  border-bottom-style: none;
+  -moz-border-start-style: none;
 }
 
 .statusbar-resizerpanel {
@@ -188,26 +203,47 @@ statusbarpanel {
 .statusbarpanel-iconic,
 .statusbarpanel-iconic-text,
 .statusbarpanel-menu-iconic {
-  padding: 0px 1px;
-}
-
-resizer[dir="bottomright"] {
-  cursor: se-resize;
 }
 
-window:not([active="true"]) menubar > menu {
-  color: #8050B0;
+.statusbarpanel-progress {
+  -moz-box-orient: vertical;
+  padding: 0px;
 }
 
 .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 #FFCF00;
+}
+
+: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 #FF9F00;
-  margin: 0px 5px 5px 5px; */
+  margin: 0px 5px 5px; */
 }
 
 .outset {
@@ -240,8 +276,8 @@ separator.groove:not([orient="vertical"]) {
 
 separator.groove[orient="vertical"] {
   border-left: 2px groove #FF9F00;
-  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) */
@@ -259,6 +295,7 @@ separator[orient="vertical"].groove-thin {
 }
 
 .plain {
+  -moz-appearance: none;
   margin: 0px !important;
   border: none;
   padding: 0px;
@@ -266,7 +303,7 @@ separator[orient="vertical"].groove-thin {
 
 description, label  {
   cursor: default;
-  margin: 1px 3px;
+  margin: 1px 2px;
 }
 
 label[disabled="true"] {
@@ -290,8 +327,8 @@ description {
 }
 
 .indent {
-/*  margin-left: 23px; */
-  margin-left: 15px;
+/*  -moz-margin-start: 23px; */
+  -moz-margin-start: 15px;
 }
 
 .box-padded {
@@ -303,7 +340,7 @@ description {
 }
 
 .wizard-box {
-  padding: 15px 35px 10px 35px;
+  padding: 15px 35px 10px;
 }
 
 .text-link {
@@ -312,25 +349,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;
@@ -341,34 +367,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;
 }