update with classic theme development, keep about:plugins compatible for 1.7 release...

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

diff --git a/LCARStrek/global/formatting.css b/LCARStrek/global/formatting.css
index 73e4acd9a425eee69f47baabdcec8ed6838330cd..953ae1a1a38d3be71b6a906578e19aa6d60ca2d0 100644 (file)
--- a/LCARStrek/global/formatting.css
+++ b/LCARStrek/global/formatting.css
@@ -38,202 +38,140 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* inset areas */
-.inset
-  {
-/*    border                : 1px inset #FF9F00;
-    margin                : 0px 5px 5px 5px; */
-  }
+.inset {
+/*  border: 1px inset #FF9F00;
+  margin: 0px 5px 5px 5px; */
+}
   
+.box-inset {
+  -moz-border-radius: 3px;
+  margin: 2px 4px;
+  border: 1px solid #9C9CFF;
+  background-color: #000000;
+  color: #FF9F00;
+}
+
 /* formatting */
-.groove-top
-  {
-    border-top            : 2px groove #FF9F00;  
-  }
+.groove-top {
+  border-top: 2px groove #FF9F00;  
+}
   
-.groove-right
-  {
-    border-right          : 2px groove #FF9F00;
-  }
+.groove-right {
+  border-right: 2px groove #FF9F00;
+}
   
-.groove-left
-  {
-    border-left           : 2px groove #FF9F00;
-  }
+.groove-left {
+  border-left: 2px groove #FF9F00;
+}
   
-.groove-bottom
-  {
-    border-bottom         : 2px groove #FF9F00;;
-  }
+.groove-bottom {
+  border-bottom: 2px groove #FF9F00;;
+}
   
-.outset
-  {
-/*    border                : 1px outset #FF9F00; */
-  }  
-
-/*  
-.outset-top-bottom
-  {
-    border-top            : 1px solid ThreeDHighlight;
-    border-bottom         : 1px solid ThreeDShadow;
-  }    
-*/
+.outset {
+/*  border: 1px outset #FF9F00; */
+}  
 
 /** separator rules **/
 /* standard separators */
-  separator, separator[orient="horizontal"] 
-    {
-      height: 1.5em;
-    }
+separator, separator[orient="horizontal"] {
+  height: 1.5em;
+}
   
-  separator[orient="vertical"] 
-    {
-      width: 1.5em;
-    }
+separator[orient="vertical"] {
+  width: 1.5em;
+}
 
 /* thinner separators (50% size) */
-  separator.thin, separator.thin[orient="horizontal"] 
-    {
-      height: 0.5em;
-    }
+separator.thin, separator.thin[orient="horizontal"] {
+  height: 0.5em;
+}
   
-  separator.thin[orient="vertical"] 
-    {
-      width: 0.5em;
-    }
+separator.thin[orient="vertical"] {
+  width: 0.5em;
+}
 
 /* groove separators (50% size) */
-  separator.groove,
-  separator.groove[orient="horizontal"] 
-    {
-      border-top: 2px groove #FF9F00;
-      height: 0px;
-      margin-top: 0.4em;
-      margin-bottom: 0.4em;
-    }
+separator.groove,
+separator.groove[orient="horizontal"] {
+  border-top: 2px groove #FF9F00;
+  height: 0px;
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
   
-  separator.groove[orient="vertical"] 
-    {
-      border-left: 2px groove #FF9F00;
-      margin-left: 0.4em;
-      margin-right: 0.4em;
-    }
+separator.groove[orient="vertical"] {
+  border-left: 2px groove #FF9F00;
+  margin-left: 0.4em;
+  margin-right: 0.4em;
+}
   
 /* groove separators (0 padding, for dividing effects) */  
-  separator.groove-thin 
-    {
-      border-top: 2px groove #FF9F00;
-      height: 0px;
-    }
+separator.groove-thin {
+  border-top: 2px groove #FF9F00;
+  height: 0px;
+}
   
-  separator[orient="vertical"].groove-thin 
-    {
-      border-left: 2px groove #FF9F00;
-    }
+separator[orient="vertical"].groove-thin {
+  border-left: 2px groove #FF9F00;
+}
 
 /** text formatting rules **/
 /** Reduced Margin for some UI **/
-  .small-margin
-    {
-/*      margin              : 1px 2px 1px 2px; */
-    }
+.small-margin {
+  margin: 0px 1px;
+}
     
-  label[disabled="true"] 
-    {
-      color               : #8050B0;
-    }    
+label[disabled="true"] {
+  color: #8050B0;
+}    
     
-  description
-    {
-/*      margin              : 1px 5px 4px 5px; */
-    }
+description, label  {
+  cursor: default;
+  margin: 1px 3px;
+}
+   
+description {
+/*  margin: 1px 5px 4px 5px; */
+}
 
-  label
-    {
-/*      margin              : 1px 5px 2px 6px; */
-    }
+label {
+/*  margin: 1px 5px 2px 6px; */
+}
 
-  .header 
-    {
-      font-weight         : bold;
-    }
+.header {
+  font-weight: bold;
+}
 
-  .larger-text 
-    {
-      font-size           : larger;
-    }
+.larger-text {
+  font-size: larger;
+}
 
-  .smaller-text 
-    {
-      font-size           : smaller;
-    }
+.smaller-text {
+  font-size: smaller;
+}
    
-  .monospace
-    {
-      font-family         : monospace;
-    }
+.monospace {
+  font-family: monospace;
+}
     
-  .indent
-    {
-      margin-left         : 23px;
-    }
-
-  .icon-dropmarker
-    {
-      list-style-image    : url("chrome://global/skin/scroll-down.gif");
-    }
-    
-  .box-padded
-    {
-      padding             : 5px;
-    }    
-
-  .spaced
-    {
-      margin              : 3px 5px 4px 5px;
-    }    
-
-  .wizard-box
-    {
-      padding             : 20px 44px 10px 44px;
-    }    
-
-/* Double Border Boxes */
-
-  /* top only */
-/*
-  .double-box-top
-    {
-      -moz-binding        : url("chrome://global/skin/classicBindings.xml#double-box");
-      border-top          : 1px solid ThreeDShadow;
-      background-color    : #FFFFFF;
-      margin              : 0px;
-    }
-  
-  .double-box-top > .db-internal-box
-    {
-      border-top          : 1px solid ThreeDDarkShadow;
-    }          
-*/    
-  /* all round */    
-/*
-  .double-box
-    {
-      -moz-binding          : url("chrome://global/skin/classicBindings.xml#double-box");
-      border-left           : 1px solid ThreeDShadow;
-      border-top            : 1px solid ThreeDShadow;
-      border-bottom         : 1px solid ThreeDHighlight;
-      border-right          : 1px solid ThreeDHighlight;
-      background-color      : #FFFFFF;
-      margin                : 0px;
-    }
-  
-  .double-box > .db-internal-box
-    {
-      border                : 1px solid ThreeDDarkShadow;
-    }   
-*/
-
-  .caption-text
-    {
-      margin: 0px 2px 0px 1px !important;
-    }
+.indent {
+/*  margin-left: 23px; */
+  margin-left: 15px;
+}
+
+.box-padded {
+  padding: 5px;
+}    
+
+.spaced {
+  margin: 1px 3px;
+}    
+
+.wizard-box {
+  padding: 15px 35px 10px 35px;
+}    
+
+.caption-text {
+  margin: 0px 2px 0px 1px !important;
+}