height:8px;
}
-vbox > splitter[state="collapsed"] > grippy
-box[orient="vertical"] > splitter[state="collapsed"] > grippy
+vbox > splitter[state="collapsed"] > grippy,
+box[orient="vertical"] > splitter[state="collapsed"] > grippy,
window[orient="vertical"] > splitter[state="collapsed"] > grippy {
background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
}
width: 8px;
}
*/
+
-window {\r
- background-color: #CCCCCC;\r
-}\r
-\r
-box.tabpanel {\r
- border: 1px outset #CCCCCC;\r
- padding: 10px;\r
-}\r
-\r
-tab {\r
- padding-left: 10px;\r
- padding-right: 10px;\r
-}\r
-\r
-treehead > treerow > treecell {\r
- border: 1px outset #CCCCCC;\r
- padding-top: 1px;\r
- padding-bottom: 1px;\r
- padding-left: 5px;\r
- padding-right: 5px;\r
- background-color: #CCCCCC;\r
- color: #000000;\r
-}\r
-\r
-treechildren > treeitem > treerow > treecell {\r
- border-right: 1px solid #CCCCCC;\r
- border-bottom: 1px solid #CCCCCC;\r
- color: inherit;\r
- padding-left: 10px;\r
- padding-top: 1px;\r
- padding-bottom: 1px;\r
-}\r
-\r
-treechildren > treeitem > treerow > treecell.fieldcell {\r
- border-right: 1px solid #CCCCCC;\r
- border-bottom: 1px solid #CCCCCC;\r
- color: inherit;\r
- padding: 0px;\r
- margin: 0px;\r
-}\r
-\r
-\r
-treechildren > treeitem > treerow [selectedrow ~= false] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-treechildren > treeitem > treerow [selectedrow ~= true] {\r
- background-color: #336699;\r
- color: white;\r
-}\r
-\r
-tree#infotree treechildren > treeitem > treerow [selectedrow ~= false] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-tree#infotree treechildren > treeitem > treerow [selectedrow ~= true] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-tree {\r
- border: 1px inset #CCCCCC;\r
-}\r
-\r
-a {\r
- color: #0000FF;\r
- text-decoration: underline;\r
-}\r
-\r
-a:hover {\r
- color: #FF0000;\r
- text-decoration: underline;\r
-}\r
-\r
-tree treechildren > treeitem > treerow[selectedrow=true] > treecell > a:link {\r
- color: #FFFFFF;\r
-}\r
-\r
-tree treechildren > treeitem > treerow[selectedrow ~= true] > treecell > a:hover {\r
- color: #FFFFFF;\r
-}\r
-\r
-input.dispcell {\r
- border: none;\r
- background-color: #CCCCCC;\r
- height: 12px;\r
- font-family: tahoma;\r
- font-size: 10px;\r
-}\r
+window {
+ background-color: #CCCCCC;
+}
+
+box.tabpanels {
+ border: 1px outset #CCCCCC;
+ padding: 10px;
+}
+
+tab {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+treehead > treerow > treecell {
+ border: 1px outset #CCCCCC;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 5px;
+ padding-right: 5px;
+ background-color: #CCCCCC;
+ color: #000000;
+}
+
+treechildren > treeitem > treerow > treecell {
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ color: inherit;
+ padding-left: 10px;
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+treechildren > treeitem > treerow > treecell.fieldcell {
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ color: inherit;
+ padding: 0px;
+ margin: 0px;
+}
+
+
+treechildren > treeitem > treerow [selectedrow ~= false] {
+ background-color: white;
+ color: black;
+}
+
+treechildren > treeitem > treerow [selectedrow ~= true] {
+ background-color: #336699;
+ color: white;
+}
+
+tree#infotree treechildren > treeitem > treerow [selectedrow ~= false] {
+ background-color: white;
+ color: black;
+}
+
+tree#infotree treechildren > treeitem > treerow [selectedrow ~= true] {
+ background-color: white;
+ color: black;
+}
+
+tree {
+ border: 1px inset #CCCCCC;
+}
+
+a {
+ color: #0000FF;
+ text-decoration: underline;
+}
+
+a:hover {
+ color: #FF0000;
+ text-decoration: underline;
+}
+
+tree treechildren > treeitem > treerow[selectedrow=true] > treecell > a:link {
+ color: #FFFFFF;
+}
+
+tree treechildren > treeitem > treerow[selectedrow ~= true] > treecell > a:hover {
+ color: #FFFFFF;
+}
+
+input.dispcell {
+ border: none;
+ background-color: #CCCCCC;
+ height: 12px;
+ font-family: tahoma;
+ font-size: 10px;
+}
+
-window {\r
- background-color: #CCCCCC;\r
-}\r
-\r
-box.tabpanel {\r
- border: 1px outset #CCCCCC;\r
- padding: 10px;\r
-}\r
-\r
-tab {\r
- padding-left: 10px;\r
- padding-right: 10px;\r
-}\r
-\r
-treehead > treerow > treecell {\r
- border: 1px outset #CCCCCC;\r
- padding-top: 1px;\r
- padding-bottom: 1px;\r
- padding-left: 5px;\r
- padding-right: 5px;\r
- background-color: #CCCCCC;\r
- color: #000000;\r
-}\r
-\r
-treechildren > treeitem > treerow > treecell {\r
- border-right: 1px solid #CCCCCC;\r
- border-bottom: 1px solid #CCCCCC;\r
- color: inherit;\r
- padding-left: 10px;\r
- padding-top: 1px;\r
- padding-bottom: 1px;\r
-}\r
-\r
-treechildren > treeitem > treerow > treecell.fieldcell {\r
- border-right: 1px solid #CCCCCC;\r
- border-bottom: 1px solid #CCCCCC;\r
- color: inherit;\r
- padding: 0px;\r
- margin: 0px;\r
-}\r
-\r
-\r
-treechildren > treeitem > treerow [selectedrow ~= false] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-treechildren > treeitem > treerow [selectedrow ~= true] {\r
- background-color: #336699;\r
- color: white;\r
-}\r
-\r
-tree#infotree treechildren > treeitem > treerow [selectedrow ~= false] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-tree#infotree treechildren > treeitem > treerow [selectedrow ~= true] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-tree {\r
- border: 1px inset #CCCCCC;\r
-}\r
-\r
-a {\r
- color: #0000FF;\r
- text-decoration: underline;\r
-}\r
-\r
-a:hover {\r
- color: #FF0000;\r
- text-decoration: underline;\r
-}\r
-\r
-tree treechildren > treeitem > treerow[selectedrow=true] > treecell > a:link {\r
- color: #FFFFFF;\r
-}\r
-\r
-tree treechildren > treeitem > treerow[selectedrow ~= true] > treecell > a:hover {\r
- color: #FFFFFF;\r
-}\r
-\r
-input.dispcell {\r
- border: none;\r
- background-color: #CCCCCC;\r
- height: 12px;\r
- font-family: tahoma;\r
- font-size: 10px;\r
-}
\ No newline at end of file
+window {
+ background-color: #CCCCCC;
+}
+
+box.tabpanels {
+ border: 1px outset #CCCCCC;
+ padding: 10px;
+}
+
+tab {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+treehead > treerow > treecell {
+ border: 1px outset #CCCCCC;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 5px;
+ padding-right: 5px;
+ background-color: #CCCCCC;
+ color: #000000;
+}
+
+treechildren > treeitem > treerow > treecell {
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ color: inherit;
+ padding-left: 10px;
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+treechildren > treeitem > treerow > treecell.fieldcell {
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ color: inherit;
+ padding: 0px;
+ margin: 0px;
+}
+
+
+treechildren > treeitem > treerow [selectedrow ~= false] {
+ background-color: white;
+ color: black;
+}
+
+treechildren > treeitem > treerow [selectedrow ~= true] {
+ background-color: #336699;
+ color: white;
+}
+
+tree#infotree treechildren > treeitem > treerow [selectedrow ~= false] {
+ background-color: white;
+ color: black;
+}
+
+tree#infotree treechildren > treeitem > treerow [selectedrow ~= true] {
+ background-color: white;
+ color: black;
+}
+
+tree {
+ border: 1px inset #CCCCCC;
+}
+
+a {
+ color: #0000FF;
+ text-decoration: underline;
+}
+
+a:hover {
+ color: #FF0000;
+ text-decoration: underline;
+}
+
+tree treechildren > treeitem > treerow[selectedrow=true] > treecell > a:link {
+ color: #FFFFFF;
+}
+
+tree treechildren > treeitem > treerow[selectedrow ~= true] > treecell > a:hover {
+ color: #FFFFFF;
+}
+
+input.dispcell {
+ border: none;
+ background-color: #CCCCCC;
+ height: 12px;
+ font-family: tahoma;
+ font-size: 10px;
+}
-window {\r
- background-color: #CCCCCC;\r
-}\r
-\r
-box.tabpanel {\r
- border: 1px outset #CCCCCC;\r
- padding: 10px;\r
-}\r
-\r
-tab {\r
- padding-left: 10px;\r
- padding-right: 10px;\r
-}\r
-\r
-treehead > treerow > treecell {\r
- border: 1px outset #CCCCCC;\r
- padding-top: 1px;\r
- padding-bottom: 1px;\r
- padding-left: 5px;\r
- padding-right: 5px;\r
- background-color: #CCCCCC;\r
- color: #000000;\r
-}\r
-\r
-treechildren > treeitem > treerow > treecell {\r
- border-right: 1px solid #CCCCCC;\r
- border-bottom: 1px solid #CCCCCC;\r
- color: inherit;\r
- padding-left: 10px;\r
- padding-top: 1px;\r
- padding-bottom: 1px;\r
-}\r
-\r
-treechildren > treeitem > treerow > treecell.fieldcell {\r
- border-right: 1px solid #CCCCCC;\r
- border-bottom: 1px solid #CCCCCC;\r
- color: inherit;\r
- padding: 0px;\r
- margin: 0px;\r
-}\r
-\r
-\r
-treechildren > treeitem > treerow [selectedrow ~= false] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-treechildren > treeitem > treerow [selectedrow ~= true] {\r
- background-color: #336699;\r
- color: white;\r
-}\r
-\r
-tree#infotree treechildren > treeitem > treerow [selectedrow ~= false] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-tree#infotree treechildren > treeitem > treerow [selectedrow ~= true] {\r
- background-color: white;\r
- color: black;\r
-}\r
-\r
-tree {\r
- border: 1px inset #CCCCCC;\r
-}\r
-\r
-a {\r
- color: #0000FF;\r
- text-decoration: underline;\r
-}\r
-\r
-a:hover {\r
- color: #FF0000;\r
- text-decoration: underline;\r
-}\r
-\r
-tree treechildren > treeitem > treerow[selectedrow=true] > treecell > a:link {\r
- color: #FFFFFF;\r
-}\r
-\r
-tree treechildren > treeitem > treerow[selectedrow ~= true] > treecell > a:hover {\r
- color: #FFFFFF;\r
-}\r
-\r
-input.dispcell {\r
- border: none;\r
- background-color: #CCCCCC;\r
- height: 12px;\r
- font-family: tahoma;\r
- font-size: 10px;\r
-}\r
+window {
+ background-color: #CCCCCC;
+}
+
+box.tabpanels {
+ border: 1px outset #CCCCCC;
+ padding: 10px;
+}
+
+tab {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+treehead > treerow > treecell {
+ border: 1px outset #CCCCCC;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 5px;
+ padding-right: 5px;
+ background-color: #CCCCCC;
+ color: #000000;
+}
+
+treechildren > treeitem > treerow > treecell {
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ color: inherit;
+ padding-left: 10px;
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+treechildren > treeitem > treerow > treecell.fieldcell {
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ color: inherit;
+ padding: 0px;
+ margin: 0px;
+}
+
+
+treechildren > treeitem > treerow [selectedrow ~= false] {
+ background-color: white;
+ color: black;
+}
+
+treechildren > treeitem > treerow [selectedrow ~= true] {
+ background-color: #336699;
+ color: white;
+}
+
+tree#infotree treechildren > treeitem > treerow [selectedrow ~= false] {
+ background-color: white;
+ color: black;
+}
+
+tree#infotree treechildren > treeitem > treerow [selectedrow ~= true] {
+ background-color: white;
+ color: black;
+}
+
+tree {
+ border: 1px inset #CCCCCC;
+}
+
+a {
+ color: #0000FF;
+ text-decoration: underline;
+}
+
+a:hover {
+ color: #FF0000;
+ text-decoration: underline;
+}
+
+tree treechildren > treeitem > treerow[selectedrow=true] > treecell > a:link {
+ color: #FFFFFF;
+}
+
+tree treechildren > treeitem > treerow[selectedrow ~= true] > treecell > a:hover {
+ color: #FFFFFF;
+}
+
+input.dispcell {
+ border: none;
+ background-color: #CCCCCC;
+ height: 12px;
+ font-family: tahoma;
+ font-size: 10px;
+}
+
outlinercol
{
- border: #666699;
+ border: 1px solid #666699;
padding: 0px;
background-color: #CCD0DD;
color: black;
list-style-image: url("chrome://global/skin/twisty-open.gif");
}
+
list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
}
+ rows > splitter[state="collapsed"] > grippy,
+ window[orient="vertical"] > splitter[state="collapsed"] > grippy,
+ vbox > splitter[state="collapsed"] > grippy,
+ box[orient="vertical"] > splitter[state="collapsed"] > grippy,
+ window[align="vertical"] > splitter[state="collapsed"] > grippy,
+ box[align="vertical"] > splitter[state="collapsed"] > grippy
+ {
+ list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
+ }
-tabcontrol {\r
- margin: 1px 5px 2px 5px;\r
-}\r
-\r
-/********** Tab widget *********/\r
-tab { \r
- border-top: 1px solid white;\r
- border-bottom: 1px solid #666699;\r
- border-left: 1px solid white;\r
- border-right: 1px solid #666699;\r
- color: black; \r
- padding: 3px 5px 3px 5px;\r
-}\r
-\r
-/* when a tab is selected this is how it should look */\r
-tab[selected="true"] {\r
- font-weight: bold;\r
-}\r
-\r
-tab:hover { \r
- color: #003366;\r
- text-decoration: underline;\r
-}\r
-\r
-tab:hover:active { \r
- border-top: 1px solid #666699;\r
- border-bottom: 1px solid white;\r
- border-left: 1px solid #666699;\r
- border-right: 1px solid white;\r
- text-decoration: none;\r
-}\r
-\r
-tabbox {\r
- padding: 0px 2px 0px 2px;\r
-}\r
-\r
- /* top tabs */\r
-tabcontrol[align="vertical"] tabbox[align="horizontal"] tab { \r
- border-bottom: none;\r
- -moz-border-radius: 8px 8px 0px 0px;\r
- padding-bottom: 1px;\r
- margin: 1px 2px 1px 2px;\r
-}\r
-\r
- /* bottom tabs */\r
-tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"] tab { \r
- border-top: none;\r
- border-bottom: 1px solid #666699;\r
- border-left: 1px solid white;\r
- border-right: 1px solid #666699;\r
- -moz-border-radius: 0px 0px 8px 8px;\r
- padding: 1px 5px 3px 5px;\r
- margin: 1px 2px 1px 2px;\r
-}\r
-\r
- /* left tabs */\r
-tabcontrol[align="horizontal"] tabbox[align="vertical"] tab { \r
- border-right: none;\r
- -moz-border-radius: 8px 0px 0px 8px;\r
- padding-right: 1px;\r
- margin: 2px 1px 2px 1px;\r
-}\r
-\r
- /* right tabs */\r
-tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"] tab { \r
- border-top: 1px solid white;\r
- border-bottom: 1px solid #666699;\r
- border-left: none;\r
- border-right: 1px solid #666699;\r
- -moz-border-radius: 0px 8px 8px 0px;\r
- padding: 3px 5px 1px 5px;\r
- margin: 2px 1px 2px 1px;\r
-}\r
-\r
-tabcontrol { \r
- border: none; \r
-}\r
-\r
-/* border on bottom only, no padding (used in search) */\r
-tabpanel.light {\r
- border: none;\r
- border-bottom: 1px outset #CCD0DD;\r
- padding: 0px;\r
-}\r
-\r
-tabpanel {\r
- border-top: 1px solid white;\r
- border-bottom: 1px solid #666699;\r
- border-left: 1px solid white;\r
- border-right: 1px solid #666699;\r
- padding: 5px;\r
-}\r
-\r
+tabbox {
+ margin: 1px 5px 2px 5px;
+}
+
+/********** Tab widget *********/
+tab {
+ border-top: 1px solid white;
+ border-bottom: 1px solid #666699;
+ border-left: 1px solid white;
+ border-right: 1px solid #666699;
+ color: black;
+ padding: 3px 5px 3px 5px;
+}
+
+/* when a tab is selected this is how it should look */
+tab[selected="true"] {
+ font-weight: bold;
+}
+
+tab:hover {
+ color: #003366;
+ text-decoration: underline;
+}
+
+tab:hover:active {
+ border-top: 1px solid #666699;
+ border-bottom: 1px solid white;
+ border-left: 1px solid #666699;
+ border-right: 1px solid white;
+ text-decoration: none;
+}
+
+tabs {
+ padding: 0px 2px 0px 2px;
+}
+
+ /* top tabs */
+tabbox[align="vertical"] tabs[align="horizontal"] tab {
+ border-bottom: none;
+ -moz-border-radius: 8px 8px 0px 0px;
+ padding-bottom: 1px;
+ margin: 1px 2px 1px 2px;
+}
+
+ /* bottom tabs */
+tabbox[align="vertical"] tabpanels + tabs[align="horizontal"] tab {
+ border-top: none;
+ border-bottom: 1px solid #666699;
+ border-left: 1px solid white;
+ border-right: 1px solid #666699;
+ -moz-border-radius: 0px 0px 8px 8px;
+ padding: 1px 5px 3px 5px;
+ margin: 1px 2px 1px 2px;
+}
+
+ /* left tabs */
+tabbox[align="horizontal"] tabs[align="vertical"] tab {
+ border-right: none;
+ -moz-border-radius: 8px 0px 0px 8px;
+ padding-right: 1px;
+ margin: 2px 1px 2px 1px;
+}
+
+ /* right tabs */
+tabbox[align="horizontal"] tabpanels + tabs[align="vertical"] tab {
+ border-top: 1px solid white;
+ border-bottom: 1px solid #666699;
+ border-left: none;
+ border-right: 1px solid #666699;
+ -moz-border-radius: 0px 8px 8px 0px;
+ padding: 3px 5px 1px 5px;
+ margin: 2px 1px 2px 1px;
+}
+
+tabbox {
+ border: none;
+}
+
+/* border on bottom only, no padding (used in search) */
+tabpanels.light {
+ border: none;
+ border-bottom: 1px outset #CCD0DD;
+ padding: 0px;
+}
+
+tabpanels {
+ border-top: 1px solid white;
+ border-bottom: 1px solid #666699;
+ border-left: 1px solid white;
+ border-right: 1px solid #666699;
+ padding: 5px;
+}
+
+