first steps on synching EarlyBlue with trunk *stripe (global files starting with...

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

diff --git a/EarlyBlue/global/formatting.css b/EarlyBlue/global/formatting.css
index a61350fc0cf2771db2e65335979294f9b1fb0e35..9f3a626777946699cf5aee1140d89d81d4ffddce 100644 (file)
--- a/EarlyBlue/global/formatting.css
+++ b/EarlyBlue/global/formatting.css
@@ -38,202 +38,179 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* inset areas */
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* inset areas */

-.inset
-  {
-    border                : 1px inset #CCD0DD;
-    margin                : 0px 5px 5px 5px;
-  }
-  
+
+.inset {
+  border: 1px inset #CCD0DD;
+  margin: 0px 5px 5px 5px;
+}
+
+.box-inset {
+  margin: 2px 4px;
+  border: 1px inset #CCD0DD;
+  background-color: #FFFFFF;
+  color: #000000;
+}
+

 /* formatting */
 /* formatting */

-.groove-top
-  {
-    border-top            : 2px groove #CCD0DD;  
-  }
-  
-.groove-right
-  {
-    border-right          : 2px groove #CCD0DD;
-  }
-  
-.groove-left
-  {
-    border-left           : 2px groove #CCD0DD;
-  }
-  
-.groove-bottom
-  {
-    border-bottom         : 2px groove #CCD0DD;
-  }
-  
-.outset
-  {
-    border                : 1px outset #CCD0DD;
-  }  
-
-/*  
-.outset-top-bottom
-  {
-    border-top            : 1px solid ThreeDHighlight;
-    border-bottom         : 1px solid ThreeDShadow;
-  }    
-*/
+.groove-top {
+  border-top: 2px groove #CCD0DD;
+}
+
+.groove-right {
+  border-right: 2px groove #CCD0DD;
+}
+
+.groove-left {
+  border-left: 2px groove #CCD0DD;
+}
+
+.groove-bottom {
+  border-bottom: 2px groove #CCD0DD;
+}
+
+.outset {
+  border: 1px outset #CCD0DD;
+}
+
+.outset-top-bottom {
+  border-top: 1px outset #CCD0DD;
+  border-bottom: 1px outset #CCD0DD;
+}

 
 /** separator rules **/
 /* standard separators */
 
 /** separator rules **/
 /* standard separators */

-  separator, separator[orient="horizontal"] 
-    {
-      height: 1.5em;
-    }
-  
-  separator[orient="vertical"] 
-    {
-      width: 1.5em;
-    }
+separator, separator[orient="horizontal"] {
+  height: 1.5em;
+}
+
+separator[orient="vertical"] {
+  width: 1.5em;
+}

 
 /* thinner separators (50% size) */
 
 /* thinner separators (50% size) */

-  separator.thin, separator.thin[orient="horizontal"] 
-    {
-      height: 0.5em;
-    }
-  
-  separator.thin[orient="vertical"] 
-    {
-      width: 0.5em;
-    }
+separator.thin, separator.thin[orient="horizontal"] {
+  height: 0.5em;
+}
+
+separator.thin[orient="vertical"] {
+  width: 0.5em;
+}

 
 /* groove separators (50% size) */
 
 /* groove separators (50% size) */

-  separator.groove,
-  separator.groove[orient="horizontal"] 
-    {
-      border-top: 2px groove #CCD0DD;
-      height: 0px;
-      margin-top: 0.4em;
-      margin-bottom: 0.4em;
-    }
-  
-  separator.groove[orient="vertical"] 
-    {
-      border-left: 2px groove #CCD0DD;
-      margin-left: 0.4em;
-      margin-right: 0.4em;
-    }
-  
-/* groove separators (0 padding, for dividing effects) */  
-  separator.groove-thin 
-    {
-      border-top: 2px groove #CCD0DD;
-      height: 0px;
-    }
-  
-  separator[orient="vertical"].groove-thin 
-    {
-      border-left: 2px groove #CCCCCC;
-    }
+separator.groove,
+separator.groove[orient="horizontal"] {
+  border-top: 2px groove #CCD0DD;
+  height: 0px;
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+
+separator.groove[orient="vertical"] {
+  border-left: 2px groove #CCD0DD;
+  margin-left: 0.4em;
+  margin-right: 0.4em;
+}
+
+/* groove separators (0 padding, for dividing effects) */
+separator.groove-thin {
+  border-top: 2px groove #CCD0DD;
+  height: 0px;
+}
+
+separator[orient="vertical"].groove-thin {
+  border-left: 2px groove #CCCCCC;
+}

 
 /** text formatting rules **/
 /** Reduced Margin for some UI **/
 
 /** text formatting rules **/
 /** Reduced Margin for some UI **/

-  .small-margin
-    {
-/*      margin              : 1px 2px 1px 2px; */
-    }
-    
-  label[disabled="true"] 
-    {
-      color                 : #9999CC;
-    }    
-    
-  description
-    {
-/*      margin              : 1px 5px 4px 5px; */
-    }
-
-  label
-    {
-/*      margin              : 1px 5px 2px 6px; */
-    }
-
-  .header 
-    {
-      font-weight         : bold;
-    }
-
-  .larger-text 
-    {
-      font-size           : larger;
-    }
-
-  .smaller-text 
-    {
-      font-size           : smaller;
-    }
-   
-  .monospace
-    {
-      font-family         : monospace;
-    }
-    
-  .indent
-    {
-      margin-left         : 23px;
-    }
-
-  .icon-dropmarker
-    {
-      list-style-image    : url("chrome://global/skin/dropmarker-down-on.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 */    
+.small-margin {
+  margin: 0px 1px;
+}
+
+.plain {
+  margin: 0px !important;
+  border: none;
+  padding: 0px;
+}
+
+label[disabled="true"] {
+  color: #9999CC;
+}
+
+description, label {
+  cursor: default;
+  margin: 1px 3px;
+}
+
+description {
+/*  margin: 1px 5px 4px 5px; */
+}
+
+label {

 /*
 /*

-  .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;
-    }   
+  margin-top: 1px;
+  margin-bottom: 2px;
+  -moz-margin-start: 6px;
+  -moz-margin-end: 5px;

 */
 */

-
-  .caption-text
-    {
-      margin: 0px 2px 0px 1px !important;
-    }
+}
+
+.header {
+  font-weight: bold;
+}
+
+.larger-text {
+  font-size: larger;
+}
+
+.smaller-text {
+  font-size: smaller;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+.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;
+}
+
+/* class for text with a 'link' appearance */
+.text-link {
+  color: blue;
+  text-decoration: underline;
+}
+
+.text-link:focus {
+  color: red;
+  outline: 1px dotted invert;
+}
+
+.text-link:hover {
+  cursor: pointer;
+}
+
+.text-link:hover:active {
+  color: red;
+}
+
+.text-link[visited="true"] {
+  color: purple;
+}