|
1 /* |
|
2 Styles for older IE versions (previous to IE9). |
|
3 */ |
|
4 |
|
5 .site { |
|
6 min-width: 1040px; |
|
7 } |
|
8 |
|
9 .genericon:before:hover, |
|
10 .menu-toggle:after:hover, |
|
11 .date a:before:hover, |
|
12 .entry-meta .author a:before:hover, |
|
13 .format-audio .entry-content:before:hover, |
|
14 .comments-link a:before:hover, |
|
15 .tags-links a:first-child:before:hover, |
|
16 .categories-links a:first-child:before:hover, |
|
17 .edit-link > a:before:hover, |
|
18 .attachment-meta:before:hover, |
|
19 .attachment-meta a:before:hover, |
|
20 .comment-awaiting-moderation:before:hover, |
|
21 .comment-reply-link:before:hover, |
|
22 .comment-reply-title small a:before:hover, |
|
23 .bypostauthor > .comment-body .fn:before:hover { |
|
24 text-decoration: none; |
|
25 } |
|
26 |
|
27 .nav-menu .sub-menu ul, |
|
28 .nav-menu .children ul { |
|
29 left: 100%; |
|
30 } |
|
31 |
|
32 .site-header .home-link { |
|
33 max-width: 1040px; |
|
34 } |
|
35 |
|
36 .site-header .search-form [type="search"], |
|
37 .site-header .search-form [type="text"] { |
|
38 padding-top: 6px; |
|
39 } |
|
40 |
|
41 img.alignright { |
|
42 margin-right: 0; |
|
43 } |
|
44 |
|
45 img.alignleft { |
|
46 margin-left: 0; |
|
47 } |
|
48 |
|
49 .site-main .sidebar-inner { |
|
50 width: 1040px; |
|
51 } |
|
52 |
|
53 .site-main .widget-area { |
|
54 margin-right: 60px; |
|
55 } |
|
56 |
|
57 .format-image .entry-content .size-full { |
|
58 margin: 0; |
|
59 max-width: 604px; |
|
60 } |
|
61 |
|
62 .gallery-columns-1 .gallery-item, |
|
63 .gallery-columns-2 .gallery-item, |
|
64 .gallery-columns-3 .gallery-item { |
|
65 max-width: none; |
|
66 } |
|
67 |
|
68 .gallery img { |
|
69 width: auto; |
|
70 } |
|
71 |
|
72 .gallery-caption { |
|
73 background: #000; |
|
74 filter: alpha(opacity=0); |
|
75 } |
|
76 |
|
77 .gallery-item:hover .gallery-caption { |
|
78 filter: alpha(opacity=70); |
|
79 } |
|
80 |
|
81 .comment { |
|
82 clear: both; |
|
83 } |
|
84 |
|
85 .comment-meta, |
|
86 .comment-content, |
|
87 .comment-list .reply { |
|
88 width: 480px; |
|
89 } |
|
90 |
|
91 .depth-2 .comment-meta, |
|
92 .depth-2 .comment-content, |
|
93 .comment-list .depth-2 .reply { |
|
94 width: 460px; |
|
95 } |
|
96 |
|
97 .depth-3 .comment-meta, |
|
98 .depth-3 .comment-content, |
|
99 .comment-list .depth-3 .reply { |
|
100 width: 440px; |
|
101 } |
|
102 |
|
103 .depth-4 .comment-meta, |
|
104 .depth-4 .comment-content, |
|
105 .comment-list .depth-4 .reply { |
|
106 width: 420px; |
|
107 } |
|
108 |
|
109 .depth-5 .comment-meta, |
|
110 .depth-5 .comment-content, |
|
111 .comment-list .depth-5 .reply { |
|
112 width: 400px; |
|
113 } |
|
114 |
|
115 .comment-meta { |
|
116 margin-bottom: 0; |
|
117 } |
|
118 |
|
119 .widget { |
|
120 background: #f7f5e7; |
|
121 } |
|
122 |
|
123 .site-footer .widget { |
|
124 background: none; |
|
125 } |
|
126 |
|
127 /* Internet Explorer 8 */ |
|
128 .ie8 .site { |
|
129 border: 0; |
|
130 } |
|
131 |
|
132 .ie8 img.size-full, |
|
133 .ie8 img.size-large { |
|
134 height: auto; |
|
135 width: auto; |
|
136 } |
|
137 |
|
138 .ie8 .sidebar .entry-header, |
|
139 .ie8 .sidebar .entry-content, |
|
140 .ie8 .sidebar .entry-summary, |
|
141 .ie8 .sidebar .entry-meta { |
|
142 max-width: 724px; |
|
143 } |
|
144 |
|
145 .ie8 .author-info { |
|
146 margin-left: 0; |
|
147 } |
|
148 |
|
149 .ie8 .paging-navigation .nav-previous .meta-nav { |
|
150 padding: 5px 0 8px; |
|
151 width: 40px; |
|
152 } |
|
153 |
|
154 .ie8 .paging-navigation .nav-next { |
|
155 line-height: 1; |
|
156 } |
|
157 |
|
158 .ie8 .format-status .entry-content:before, |
|
159 .ie8 .format-status .entry-meta:before { |
|
160 content: none; |
|
161 } |
|
162 |
|
163 .ie8 .site-main .widget-area { |
|
164 margin-right: 0; |
|
165 } |
|
166 |
|
167 /* Internet Explorer 7 */ |
|
168 .ie7 audio, |
|
169 .ie7 canvas, |
|
170 .ie7 video { |
|
171 display: inline; |
|
172 zoom: 1; |
|
173 } |
|
174 |
|
175 .ie7 legend { |
|
176 margin-left: -7px; |
|
177 } |
|
178 |
|
179 .ie7 button, |
|
180 .ie7 input, |
|
181 .ie7 select, |
|
182 .ie7 textarea { |
|
183 vertical-align: middle; |
|
184 } |
|
185 |
|
186 .ie7 button, |
|
187 .ie7 input[type="button"], |
|
188 .ie7 input[type="reset"], |
|
189 .ie7 input[type="submit"] { |
|
190 overflow: visible; |
|
191 } |
|
192 |
|
193 .ie7 input[type="checkbox"], |
|
194 .ie7 input[type="radio"] { |
|
195 height: 13px; |
|
196 width: 13px; |
|
197 } |
|
198 |
|
199 .ie7 .screen-reader-text { |
|
200 clip: rect(1px 1px 1px 1px); /* IE7 */ |
|
201 } |
|
202 |
|
203 .ie7 .site-header { |
|
204 position: relative; |
|
205 z-index: 1; |
|
206 } |
|
207 |
|
208 .ie7 .main-navigation { |
|
209 max-width: 930px; |
|
210 padding-right: 150px; |
|
211 } |
|
212 |
|
213 .ie7 .nav-menu li a, |
|
214 .ie7 .nav-menu li { |
|
215 display: block; |
|
216 float: left; |
|
217 } |
|
218 |
|
219 .ie7 .nav-menu ul { |
|
220 top: 40px; |
|
221 } |
|
222 |
|
223 .ie7 .nav-menu li ul ul { |
|
224 left: 100%; |
|
225 top: 0; |
|
226 } |
|
227 |
|
228 .ie7 .site-header .search-form [type="search"], |
|
229 .ie7 .site-header .search-form [type="text"] { |
|
230 background-color: #fff; |
|
231 border: 2px solid #c3c0ab; |
|
232 cursor: text; |
|
233 height: 28px; |
|
234 outline: 0; |
|
235 width: 150px; |
|
236 } |
|
237 |
|
238 .ie7 .entry-header, |
|
239 .ie7 .entry-content, |
|
240 .ie7 .entry-summary, |
|
241 .ie7 .entry-meta { |
|
242 width: 604px; |
|
243 } |
|
244 |
|
245 .ie7 .format-status .entry-content, |
|
246 .ie7 .format-status .entry-meta { |
|
247 padding-left: 60px; |
|
248 } |
|
249 |
|
250 .ie7 .sidebar .format-status .entry-content, |
|
251 .ie7 .sidebar .format-status .entry-meta { |
|
252 padding-left: 60px; |
|
253 } |
|
254 |
|
255 .ie7 .sidebar .post-navigation .nav-links, |
|
256 .ie7 .sidebar .paging-navigation .nav-links { |
|
257 width: 604px; |
|
258 } |
|
259 |
|
260 .ie7 .paging-navigation .meta-nav { |
|
261 padding: 0 0 10px; |
|
262 vertical-align: middle; |
|
263 width: 40px; |
|
264 } |
|
265 |
|
266 .ie7 .comments-title, |
|
267 .ie7 .comment-list, |
|
268 .ie7 .comment-reply-title, |
|
269 .ie7 .comment-respond .comment-form { |
|
270 width: 604px; |
|
271 } |
|
272 |
|
273 .ie7 .site-footer .widget-area { |
|
274 max-width: none; |
|
275 left: auto; |
|
276 } |
|
277 |
|
278 /* RTL for Internet Explorer 7 & 8 */ |
|
279 .rtl .format-audio .entry-content:before, |
|
280 .rtl .comment-reply-link:before, |
|
281 .rtl .comment-reply-login:before { |
|
282 -ms-filter: "FlipH"; |
|
283 filter: FlipH; |
|
284 } |