]> git.donarmstrong.com Git - roundcube.git/blob - skins/default/iehacks.css
Imported Upstream version 0.3.1
[roundcube.git] / skins / default / iehacks.css
1 /* CSS hacks for IE versions <= 8 */
2
3 input, textarea
4 {
5   border-style: expression(this.type=='checkbox' || this.type=='radio' || this.id=='quicksearchbox' ? 'none' : 'solid');
6   border-width: expression(this.type=='checkbox' || this.type=='radio' ? '0' : '1px');
7   border-color: expression(this.type=='checkbox' || this.type=='radio' ? '' : '#666666');
8   background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff');
9 }
10
11 #login-form form
12 {
13   margin-top: 0;
14 }
15
16 .pagenav a.buttonPas
17 {
18   filter: alpha(opacity=35);
19 }
20
21 #message
22 {
23   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
24   filter: alpha(opacity=85);
25 }
26
27 #markmessagemenu,
28 #searchmenu,
29 #messagemenu
30 {
31   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
32   filter: alpha(opacity=90);
33
34 }
35
36 #tabsbar
37 {
38   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
39 }
40
41 #folder-manager
42 {
43   height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
44 }
45
46 #identities-list
47 {
48   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
49 }
50
51 #messagetoolbar
52 {
53   width: expression((parseInt(document.documentElement.clientWidth)-215)+'px');
54   z-index: 240;
55 }
56
57 #messagetoolbar select.mboxlist
58 {
59   top: -8px;
60 }
61
62 #abooktoolbar a.buttonPas
63 {
64   filter: alpha(opacity=35);
65   background-image: url('images/abook_toolbar.gif');
66 }
67
68 #messagetoolbar a.buttonPas
69 {
70   filter: alpha(opacity=35);
71   background-image: url('images/mail_toolbar.gif');
72 }
73
74 #listcontrols a.buttonPas,
75 #mailboxcontrols a.buttonPas
76 {
77   filter: alpha(opacity=35);
78   background-image: url('images/mail_footer.png');
79 }
80
81 #messagetoolbar select.mboxlist
82 {
83   margin: 0 8px;
84   top: 8px;
85 }
86
87 #quicksearchbar
88 {
89   z-index: 250;
90 }
91
92 #mainscreen
93 {
94   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
95   height: expression((parseInt(document.documentElement.clientHeight)-101)+'px');
96 }
97
98 #directorylist
99 {
100   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');  
101 }
102
103 #addresslist,
104 #sectionslist
105 {
106   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
107 }
108
109 #mailleftcontainer
110 {
111   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
112 }
113
114 #mailrightcontainer
115 {
116   width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
117   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
118 }
119
120 #mailrightcontent
121 {
122   width: 100%;
123 }
124
125 #messagepartcontainer
126 {
127   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
128   height: expression((parseInt(document.documentElement.clientHeight)-100)+'px');
129 }
130
131 #mailcontframe
132 {
133   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
134 }
135
136 #mailrightcontent
137 {
138   height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px');
139 }
140
141 #partheader
142 {
143   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
144 }
145
146 #mailboxlist-container
147 {
148   height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px');
149 }
150
151 #subscription-table
152 {
153   width: auto;
154 }
155
156 #messagelist
157 {
158   width: inherit;
159   *width: auto; /* IE6/7 conditional hack */
160   border-collapse: collapse;
161 }
162
163 #messageframe
164 {
165   width: expression((parseInt(this.parentNode.offsetWidth)-180)+'px');
166   height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px');
167 }
168
169 #messagecanvas 
170 {
171   width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px');
172 }
173
174 #countcontrols
175 {
176   width: 24em;
177 }
178
179 body.iframe 
180 {
181   width: expression((parseInt(document.documentElement.clientWidth))+'px');
182 }
183
184 #compose-container
185 {
186   width: expression((parseInt(document.documentElement.clientWidth)-230)+'px');
187   height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
188 }
189
190 #compose-body,
191 #compose-headers td textarea,
192 #compose-headers td input
193 {
194   width: 99%;
195 }
196
197 div.message-part pre,
198 div.message-htmlpart pre,
199 div.message-part div.pre
200 {
201   word-wrap: break-word;
202 }
203
204 #addressscreen
205 {
206   width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
207   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
208 }
209
210 #prefsscreen
211 {
212   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
213   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
214 }
215
216 #importbox
217 {
218   height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');
219 }
220
221 #contacts-table
222 {
223   width: expression(document.getElementById('addresslist').clientWidth);
224 }
225
226 #contacts-box,
227 #prefs-box
228 {
229   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
230   width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px');
231 }
232
233 #identity-details
234 {
235   width: expression((parseInt(document.documentElement.clientWidth)-470)+'px');
236   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
237 }
238
239 #rcmdraglayer
240 {
241   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
242   filter: alpha(opacity=70);
243 }
244
245 ul.toolbarmenu li
246 {
247   min-width: auto;
248 }
249
250 ul.toolbarmenu li a
251 {
252   min-height: auto;
253 }
254
255 #console
256 {
257   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
258   filter: alpha(opacity=80);
259 }
260
261 #countcontrols
262 {
263   padding-right: 10px;
264 }
265
266 table.records-table thead tr td
267 {
268   height: 19px;
269 }