@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
- {
- 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, 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) */
- 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) */
- 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 **/
- .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;
+ /* Don't specify the outline-color, we should always use initial value. */
+ outline: 1px dotted;
+}
+
+.text-link:hover {
+ cursor: pointer;
+}
+
+.text-link:hover:active {
+ color: red;
+}
+
+.text-link[visited="true"] {
+ color: purple;
+}