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