0
|
1 /**
|
|
2 * Author:
|
|
3 * Michael Kefeder
|
|
4 * http://code.google.com/p/rcmail-thunderbird-labels/
|
|
5 *
|
|
6 * CSS is Based on a patch for roundcube 0.3 I found a long time ago
|
|
7 */
|
|
8
|
|
9 #messagetoolbar #tb_label_popuplink,
|
|
10 #tb_label_popuplink {
|
|
11 background-image: url(thunderbird_32.png);
|
|
12 background-repeat: no-repeat;
|
|
13 width: 32px;
|
|
14 height: 32px;
|
|
15 padding: 0px !important;
|
|
16 margin: 0px 5px 0px 5px;
|
|
17 text-indent: -5000px;
|
|
18 }
|
|
19
|
|
20 #tb_label_popup
|
|
21 {
|
|
22 width: auto;
|
|
23 position: absolute;
|
|
24 }
|
|
25
|
|
26 #tb_label_popup a.active
|
|
27 {
|
|
28 color: inherit; /* fix for firefox */
|
|
29 }
|
|
30
|
|
31 .toolbarmenu li.label0 a
|
|
32 {
|
|
33 color: #CCC;
|
|
34 }
|
|
35 .toolbarmenu li.label0,
|
|
36 .toolbarmenu li.label0 a.active
|
|
37 {
|
|
38 color: #333;
|
|
39 }
|
|
40 .toolbarmenu li.label1 a
|
|
41 {
|
|
42 color: #FCC;
|
|
43 }
|
|
44 .toolbarmenu li.label2 a
|
|
45 {
|
|
46 color: #FC3;
|
|
47 }
|
|
48 .toolbarmenu li.label3 a
|
|
49 {
|
|
50 color: #3C3;
|
|
51 }
|
|
52 .toolbarmenu li.label4 a
|
|
53 {
|
|
54 color: #99F;
|
|
55 }
|
|
56 .toolbarmenu li.label5 a
|
|
57 {
|
|
58 color: #C9C;
|
|
59 }
|
|
60 /* Colors for single/preview message window headers display */
|
|
61 table.label1
|
|
62 {
|
|
63 background-color: #FCC;
|
|
64 }
|
|
65 table.label2
|
|
66 {
|
|
67 background-color: #FC3;
|
|
68 }
|
|
69 table.label3
|
|
70 {
|
|
71 background-color: #3C3;
|
|
72 }
|
|
73 table.label4
|
|
74 {
|
|
75 background-color: #99F;
|
|
76 }
|
|
77 table.label5
|
|
78 {
|
|
79 background-color: #C9C;
|
|
80 }
|
|
81
|
|
82 /* Support for Thunderbird label: definition of the 5 label color */
|
|
83 /* Unselected (unfocused) messages */
|
|
84 #messagelist tr.label1 td,
|
|
85 #messagelist tr.label1 td a,
|
|
86 .toolbarmenu li.label1,
|
|
87 .toolbarmenu li.label1 a.active,
|
|
88 span.label1
|
|
89 {
|
|
90 color: #FF0000;
|
|
91 }
|
|
92
|
|
93 #messagelist tr.label2 td,
|
|
94 #messagelist tr.label2 td a,
|
|
95 .toolbarmenu li.label2,
|
|
96 .toolbarmenu li.label2 a.active,
|
|
97 span.label2
|
|
98 {
|
|
99 color: #FF9900;
|
|
100 }
|
|
101
|
|
102 #messagelist tr.label3 td,
|
|
103 #messagelist tr.label3 td a,
|
|
104 .toolbarmenu li.label3,
|
|
105 .toolbarmenu li.label3 a.active,
|
|
106 span.label3
|
|
107 {
|
|
108 color: #009900;
|
|
109 }
|
|
110
|
|
111 #messagelist tr.label4 td,
|
|
112 #messagelist tr.label4 td a,
|
|
113 .toolbarmenu li.label4,
|
|
114 .toolbarmenu li.label4 a.active,
|
|
115 span.label4
|
|
116 {
|
|
117 color: #3333FF;
|
|
118 }
|
|
119
|
|
120 #messagelist tr.label5 td,
|
|
121 #messagelist tr.label5 td a,
|
|
122 .toolbarmenu li.label5,
|
|
123 .toolbarmenu li.label5 a.active,
|
|
124 span.label5
|
|
125 {
|
|
126 color: #993399;
|
|
127 }
|
|
128
|
|
129 /* Selected messages */
|
|
130 #messagelist tr.selected.label1 td,
|
|
131 #messagelist tr.selected.label1 td a
|
|
132 {
|
|
133 color: #FFFFFF;
|
|
134 background-color: #FF0000;
|
|
135 }
|
|
136
|
|
137 #messagelist tr.selected.label2 td,
|
|
138 #messagelist tr.selected.label2 td a
|
|
139 {
|
|
140 color: #FFFFFF;
|
|
141 background-color: #FF9900;
|
|
142 }
|
|
143
|
|
144 #messagelist tr.selected.label3 td,
|
|
145 #messagelist tr.selected.label3 td a
|
|
146 {
|
|
147 color: #FFFFFF;
|
|
148 background-color: #009900;
|
|
149 }
|
|
150
|
|
151 #messagelist tr.selected.label4 td,
|
|
152 #messagelist tr.selected.label4 td a
|
|
153 {
|
|
154 color: #FFFFFF;
|
|
155 background-color: #3333FF;
|
|
156 }
|
|
157
|
|
158 #messagelist tr.selected.label5 td,
|
|
159 #messagelist tr.selected.label5 td a
|
|
160 {
|
|
161 color: #FFFFFF;
|
|
162 background-color: #993399;
|
|
163 }
|
|
164
|
|
165 span.tb_label_dots {
|
|
166 float: right;
|
|
167 height: 0px;
|
|
168 display: block;
|
|
169 position:relative;
|
|
170 top: 6px;
|
|
171 }
|
|
172
|
|
173 /* hack for firefox : doesnt display the bullets at the correct height */
|
|
174 @-moz-document url-prefix() {
|
|
175 span.tb_label_dots {
|
|
176 top: -12px;
|
|
177 }
|
|
178 }
|
|
179
|
|
180 span.tb_label_dots span {
|
|
181 font-size: 32px;
|
|
182 vertical-align: middle;
|
|
183 line-height: 0px;
|
|
184 }
|
|
185
|
|
186
|
|
187 div#labelbox {
|
|
188 white-space: nowrap;
|
|
189 position: absolute;
|
|
190 right: 5%;
|
|
191 top: 0px;
|
|
192 }
|
|
193
|
|
194
|
|
195 div#labelbox span {
|
|
196 margin: 0 3px;
|
|
197 padding: 2px;
|
|
198 border: 1px solid black;
|
|
199 border-radius: 3px;
|
|
200 color: #black;
|
|
201 font-weight: bold;
|
|
202 font-size: 11px;
|
|
203 }
|
|
204
|
|
205 div#labelbox span.tb_label_span1 {
|
|
206 background-color: #FF2200;
|
|
207 }
|
|
208
|
|
209 div#labelbox span.tb_label_span2 {
|
|
210 background-color: #FF9900;
|
|
211 }
|
|
212
|
|
213 div#labelbox span.tb_label_span3 {
|
|
214 background-color: #00CC00;
|
|
215 }
|
|
216
|
|
217 div#labelbox span.tb_label_span4 {
|
|
218 background-color: #0CF;
|
|
219 }
|
|
220
|
|
221 div#labelbox span.tb_label_span5 {
|
|
222 background-color: #FF33FF;
|
|
223 }
|
|
224
|
|
225
|
|
226 /* Non-labeled selected message: changed to make it look "like" Thunderbird */
|
|
227 /*#messagelist tr.selected td
|
|
228 {
|
|
229 color: #000000;
|
|
230 background-color: #F0CB82;
|
|
231 }
|
|
232 */
|
|
233 /* Addition for selected RCM "flagged" message */
|
|
234 /*#messagelist tr.selected.flagged td
|
|
235 {
|
|
236 color: #FFFFFF;
|
|
237 background-color: #CC3333;
|
|
238 }
|
|
239 */
|
|
240 /* Non specific message : changed to make it look like Thunderbird */
|
|
241 /*#messagelist tr.selected td a
|
|
242 {
|
|
243 color: #000000;
|
|
244 }
|
|
245 */
|
|
246 /* Addition for selected RCM "flagged" message */
|
|
247 /*#messagelist tr.selected.flagged td a
|
|
248 {
|
|
249 color: #FFFFFF;
|
|
250 }
|
|
251 */
|