some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / sidebar / sidebar.css
... / ...
CommitLineData
1/* \r
2 * The contents of this file are subject to the Mozilla Public\r
3 * License Version 1.1 (the "License"); you may not use this file\r
4 * except in compliance with the License. You may obtain a copy of\r
5 * the License at http://www.mozilla.org/MPL/\r
6 * \r
7 * Software distributed under the License is distributed on an "AS\r
8 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or\r
9 * implied. See the License for the specific language governing\r
10 * rights and limitations under the License.\r
11 * \r
12 * The Original Code is Mozilla Communicator.\r
13 * \r
14 * The Initial Developer of the Original Code is Netscape\r
15 * Communications Corp. Portions created by Netscape Communications\r
16 * Corp. are Copyright (C) 1999 Netscape Communications Corp. All\r
17 * Rights Reserved.\r
18 * \r
19 * Contributor(s): Stephen Lamm <slamm@netscape.com>\r
20 */\r
21 \r
22/**/\r
23\r
24#sidebar-panels-splitter[state="collapsed"] {\r
25 margin-bottom: 0px;\r
26}\r
27\r
28#sidebar-splitter {\r
29 -moz-border-radius: 0px 5px 5px 0px;\r
30 margin: 0px 3px 3px 0px;\r
31}\r
32\r
33#sidebar-box {\r
34 margin: 0px 3px 3px 0px;\r
35 border: none;\r
36}\r
37\r
38.text-panel-loading {\r
39 margin: 5px 0px;\r
40}\r
41\r
42.image-panel-loading {\r
43 margin: 5px;\r
44 list-style-image: url("chrome://global/skin/loading.gif"); \r
45}\r
46\r
47/*\r
48 * Sidebar and Panel title buttons\r
49 */\r
50\r
51.sidebarheader-main {\r
52 color: #FF9F00;\r
53 background-color: #6000CF;\r
54 border: none;\r
55 padding-left: 4px;\r
56 vertical-align: middle;\r
57}\r
58\r
59.sidebar-header-text {\r
60 font-weight: bold;\r
61 margin: 3px;\r
62}\r
63\r
64#sidebar-panel-picker\r
65 {\r
66 margin-right: 5px;\r
67 }\r
68\r
69#sidebar-panel-picker > .menubutton-internal-box\r
70 {\r
71 padding-top: 5px;\r
72 padding-bottom: 3px;\r
73 }\r
74\r
75#sidebar-panel-picker > .menubutton-internal-box > .menubutton-single-icon\r
76 {\r
77 list-style-image : url(chrome://global/skin/mb-single-arrow-right.gif);\r
78 }\r
79\r
80#sidebar-panel-picker:hover > .menubutton-internal-box > .menubutton-single-icon,\r
81#sidebar-panel-picker[open="true"] > .menubutton-internal-box > .menubutton-single-icon\r
82 {\r
83 list-style-image : url(chrome://global/skin/mb-single-arrow-right-hover.gif);\r
84 }\r
85\r
86/**\r
87 * texttab folder lookalike e.g. for sidebar panel headers\r
88 */\r
89 .box-texttab\r
90 {\r
91 -moz-binding : url("chrome://communicator/content/sidebar/sidebarBindings.xml#texttab");\r
92 -moz-border-radius : 5px;\r
93 border-top : 3px solid black;\r
94 }\r
95\r
96 .box-texttab[selected="true"]\r
97 {\r
98 border-bottom : 3px solid black;\r
99 }\r
100\r
101/*\r
102 .box-texttab[top-panel="true"]\r
103 {\r
104 background-color : #FF9F00;\r
105 }\r
106 \r
107 .box-texttab[first-panel-after-selected="true"] \r
108 {\r
109 background-color : #FF9F00;\r
110 }\r
111*/\r
112\r
113 .box-texttab-right-space \r
114 {\r
115 -moz-border-radius : 5px;\r
116/* width : 30px;\r
117 border-bottom : 1px solid #000000; */\r
118 }\r
119\r
120/*\r
121 .box-texttab[last-panel="true"] > .box-texttab-right-space \r
122 {\r
123 border-bottom : none;\r
124 }\r
125\r
126 .box-texttab[last-panel="true"][selected="true"] > .box-texttab-right-space \r
127 {\r
128 border-bottom : 1px solid #000000;\r
129 } \r
130*/\r
131\r
132/*\r
133 .box-texttab-left\r
134 {\r
135 list-style-image : url("chrome://global/skin/tab-leftedge.gif"); \r
136 }\r
137\r
138 .box-texttab-right\r
139 {\r
140 list-style-image : url("chrome://global/skin/tab-rightedge.gif"); \r
141 }\r
142\r
143 .box-texttab[selected="true"] > .box-texttab-left\r
144 {\r
145 list-style-image : url("chrome://global/skin/seltab-leftedge.gif");\r
146 }\r
147\r
148 .box-texttab[selected="true"] > .box-texttab-right\r
149 {\r
150 list-style-image : url("chrome://global/skin/seltab-rightedge.gif");\r
151 }\r
152*/\r
153\r
154 .box-texttab-text-container > .box-texttab-text\r
155 {\r
156 -moz-border-radius : 5px;\r
157 background-color : #FF9F00;\r
158 padding : 5px 3px 3px 3px;\r
159 color : #000000;\r
160 }\r
161\r
162 .box-texttab:hover > .box-texttab-text-container > .box-texttab-text,\r
163 .box-texttab > .box-texttab-text-container:hover > .box-texttab-text,\r
164 .box-texttab > .box-texttab-text-container > .box-texttab-text:hover\r
165 {\r
166 background-color : #FFCF00;\r
167 color : #000000;\r
168 }\r
169\r
170 .box-texttab[selected="true"] > .box-texttab-text-container > .box-texttab-text\r
171 {\r
172 background-color : #008484;\r
173 color : #FFCF00;\r
174 font-weight : bold;\r
175 }\r
176