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 ec9732a602cd295e4859ee1147793979f2b7e349..9f3a626777946699cf5aee1140d89d81d4ffddce 100644 (file)
--- a/EarlyBlue/global/formatting.css
+++ b/EarlyBlue/global/formatting.css
@@ -38,38 +38,51 @@
 @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 */
 .groove-top {
 /* formatting */
 .groove-top {

-  border-top: 2px groove #CCD0DD;  
+  border-top: 2px groove #CCD0DD;

 }
 }

-  
+

 .groove-right {
   border-right: 2px groove #CCD0DD;
 }
 .groove-right {
   border-right: 2px groove #CCD0DD;
 }

-  
+

 .groove-left {
   border-left: 2px groove #CCD0DD;
 }
 .groove-left {
   border-left: 2px groove #CCD0DD;
 }

-  
+

 .groove-bottom {
   border-bottom: 2px groove #CCD0DD;
 }
 .groove-bottom {
   border-bottom: 2px groove #CCD0DD;
 }

-  
+

 .outset {
   border: 1px outset #CCD0DD;
 .outset {
   border: 1px outset #CCD0DD;

-}  
+}
+
+.outset-top-bottom {
+  border-top: 1px outset #CCD0DD;
+  border-bottom: 1px outset #CCD0DD;
+}

 
 /** separator rules **/
 /* standard separators */
 separator, separator[orient="horizontal"] {
   height: 1.5em;
 }
 
 /** separator rules **/
 /* standard separators */
 separator, separator[orient="horizontal"] {
   height: 1.5em;
 }

-  
+

 separator[orient="vertical"] {
   width: 1.5em;
 }
 separator[orient="vertical"] {
   width: 1.5em;
 }


@@ -78,7 +91,7 @@ separator[orient="vertical"] {
 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;
 }


@@ -91,19 +104,19 @@ separator.groove[orient="horizontal"] {
   margin-top: 0.4em;
   margin-bottom: 0.4em;
 }
   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;
 }
 separator.groove[orient="vertical"] {
   border-left: 2px groove #CCD0DD;
   margin-left: 0.4em;
   margin-right: 0.4em;
 }

-  
-/* groove separators (0 padding, for dividing effects) */  
+
+/* groove separators (0 padding, for dividing effects) */

 separator.groove-thin {
   border-top: 2px groove #CCD0DD;
   height: 0px;
 }
 separator.groove-thin {
   border-top: 2px groove #CCD0DD;
   height: 0px;
 }

-  
+

 separator[orient="vertical"].groove-thin {
   border-left: 2px groove #CCCCCC;
 }
 separator[orient="vertical"].groove-thin {
   border-left: 2px groove #CCCCCC;
 }


@@ -113,22 +126,33 @@ separator[orient="vertical"].groove-thin {
 .small-margin {
   margin: 0px 1px;
 }
 .small-margin {
   margin: 0px 1px;
 }

-    
+
+.plain {
+  margin: 0px !important;
+  border: none;
+  padding: 0px;
+}
+

 label[disabled="true"] {
   color: #9999CC;
 label[disabled="true"] {
   color: #9999CC;

-}    
+}

 
 description, label {
   cursor: default;
   margin: 1px 3px;
 }
 
 description, label {
   cursor: default;
   margin: 1px 3px;
 }

-   
+

 description {
 /*  margin: 1px 5px 4px 5px; */
 }
 
 label {
 description {
 /*  margin: 1px 5px 4px 5px; */
 }
 
 label {

-/*  margin: 1px 5px 2px 6px; */
+/*
+  margin-top: 1px;
+  margin-bottom: 2px;
+  -moz-margin-start: 6px;
+  -moz-margin-end: 5px;
+*/

 }
 
 .header {
 }
 
 .header {


@@ -142,11 +166,11 @@ label {
 .smaller-text {
   font-size: smaller;
 }
 .smaller-text {
   font-size: smaller;
 }

-   
+

 .monospace {
   font-family: monospace;
 }
 .monospace {
   font-family: monospace;
 }

-    
+

 .indent {
 /*  margin-left: 23px; */
   margin-left: 15px;
 .indent {
 /*  margin-left: 23px; */
   margin-left: 15px;


@@ -154,16 +178,39 @@ label {
 
 .box-padded  {
   padding: 5px;
 
 .box-padded  {
   padding: 5px;

-}    
+}

 
 .spaced {
   margin: 1px 3px;
 
 .spaced {
   margin: 1px 3px;

-}    
+}

 
 .wizard-box {
   padding: 15px 35px 10px 35px;
 
 .wizard-box {
   padding: 15px 35px 10px 35px;

-}    
+}

 
 .caption-text {
   margin: 0px 2px 0px 1px !important;
 }
 
 .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;
+}