1 | /** |
---|
2 | * Styles for older IE versions (previous to IE9). |
---|
3 | */ |
---|
4 | |
---|
5 | body { |
---|
6 | background-color: #e6e6e6; |
---|
7 | } |
---|
8 | body.custom-background-empty { |
---|
9 | background-color: #fff; |
---|
10 | } |
---|
11 | body.custom-background-empty .site, |
---|
12 | body.custom-background-white .site { |
---|
13 | box-shadow: none; |
---|
14 | margin-bottom: 0; |
---|
15 | margin-top: 0; |
---|
16 | padding: 0; |
---|
17 | } |
---|
18 | .assistive-text, |
---|
19 | .site .screen-reader-text { |
---|
20 | clip: rect(1px 1px 1px 1px); /* IE7 */ |
---|
21 | } |
---|
22 | .full-width .site-content { |
---|
23 | float: none; |
---|
24 | width: 100%; |
---|
25 | } |
---|
26 | img.size-full, |
---|
27 | img.size-large, |
---|
28 | img.header-image, |
---|
29 | img.wp-post-image, |
---|
30 | img[class*="align"], |
---|
31 | img[class*="wp-image-"], |
---|
32 | img[class*="attachment-"] { |
---|
33 | width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ |
---|
34 | } |
---|
35 | .author-avatar { |
---|
36 | float: left; |
---|
37 | margin-top: 8px; |
---|
38 | margin-top: 0.571428571rem; |
---|
39 | } |
---|
40 | .author-description { |
---|
41 | float: right; |
---|
42 | width: 80%; |
---|
43 | } |
---|
44 | .site { |
---|
45 | box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); |
---|
46 | margin: 48px auto; |
---|
47 | max-width: 960px; |
---|
48 | overflow: hidden; |
---|
49 | padding: 0 40px; |
---|
50 | } |
---|
51 | .site-content { |
---|
52 | float: left; |
---|
53 | width: 65.104166667%; |
---|
54 | } |
---|
55 | body.template-front-page .site-content, |
---|
56 | body.attachment .site-content, |
---|
57 | body.full-width .site-content { |
---|
58 | width: 100%; |
---|
59 | } |
---|
60 | .widget-area { |
---|
61 | float: right; |
---|
62 | width: 26.041666667%; |
---|
63 | } |
---|
64 | .site-header h1, |
---|
65 | .site-header h2 { |
---|
66 | text-align: left; |
---|
67 | } |
---|
68 | .site-header h1 { |
---|
69 | font-size: 26px; |
---|
70 | line-height: 1.846153846; |
---|
71 | } |
---|
72 | .main-navigation ul.nav-menu, |
---|
73 | .main-navigation div.nav-menu > ul { |
---|
74 | border-bottom: 1px solid #ededed; |
---|
75 | border-top: 1px solid #ededed; |
---|
76 | display: inline-block !important; |
---|
77 | text-align: left; |
---|
78 | width: 100%; |
---|
79 | } |
---|
80 | .main-navigation ul { |
---|
81 | margin: 0; |
---|
82 | text-indent: 0; |
---|
83 | } |
---|
84 | .main-navigation li a, |
---|
85 | .main-navigation li { |
---|
86 | display: inline-block; |
---|
87 | text-decoration: none; |
---|
88 | } |
---|
89 | .ie7 .main-navigation li a, |
---|
90 | .ie7 .main-navigation li { |
---|
91 | display: inline; |
---|
92 | } |
---|
93 | .main-navigation li a { |
---|
94 | border-bottom: 0; |
---|
95 | color: #6a6a6a; |
---|
96 | line-height: 3.692307692; |
---|
97 | text-transform: uppercase; |
---|
98 | } |
---|
99 | .main-navigation li a:hover { |
---|
100 | color: #000; |
---|
101 | } |
---|
102 | .main-navigation li { |
---|
103 | margin: 0 40px 0 0; |
---|
104 | position: relative; |
---|
105 | } |
---|
106 | .main-navigation li ul { |
---|
107 | margin: 0; |
---|
108 | padding: 0; |
---|
109 | position: absolute; |
---|
110 | top: 100%; |
---|
111 | z-index: 1; |
---|
112 | height: 1px; |
---|
113 | width: 1px; |
---|
114 | overflow: hidden; |
---|
115 | clip: rect(1px, 1px, 1px, 1px); |
---|
116 | } |
---|
117 | .ie7 .main-navigation li ul { |
---|
118 | clip: inherit; |
---|
119 | display: none; |
---|
120 | left: 0; |
---|
121 | overflow: visible; |
---|
122 | } |
---|
123 | .main-navigation li ul ul, |
---|
124 | .ie7 .main-navigation li ul ul { |
---|
125 | top: 0; |
---|
126 | left: 100%; |
---|
127 | } |
---|
128 | .main-navigation ul li:hover > ul, |
---|
129 | .main-navigation ul li:focus > ul, |
---|
130 | .main-navigation .focus > ul { |
---|
131 | border-left: 0; |
---|
132 | clip: inherit; |
---|
133 | overflow: inherit; |
---|
134 | height: inherit; |
---|
135 | width: inherit; |
---|
136 | } |
---|
137 | .ie7 .main-navigation ul li:hover > ul, |
---|
138 | .ie7 .main-navigation ul li:focus > ul { |
---|
139 | display: block; |
---|
140 | } |
---|
141 | .main-navigation li ul li a { |
---|
142 | background: #efefef; |
---|
143 | border-bottom: 1px solid #ededed; |
---|
144 | display: block; |
---|
145 | font-size: 11px; |
---|
146 | line-height: 2.181818182; |
---|
147 | padding: 8px 10px; |
---|
148 | width: 180px; |
---|
149 | } |
---|
150 | .main-navigation li ul li a:hover { |
---|
151 | background: #e3e3e3; |
---|
152 | color: #444; |
---|
153 | } |
---|
154 | .main-navigation .current-menu-item > a, |
---|
155 | .main-navigation .current-menu-ancestor > a, |
---|
156 | .main-navigation .current_page_item > a, |
---|
157 | .main-navigation .current_page_ancestor > a { |
---|
158 | color: #636363; |
---|
159 | font-weight: bold; |
---|
160 | } |
---|
161 | .main-navigation .menu-toggle { |
---|
162 | display: none; |
---|
163 | } |
---|
164 | .entry-header .entry-title { |
---|
165 | font-size: 22px; |
---|
166 | } |
---|
167 | #respond form input[type="text"] { |
---|
168 | width: 46.333333333%; |
---|
169 | } |
---|
170 | #respond form textarea.blog-textarea { |
---|
171 | width: 79.666666667%; |
---|
172 | } |
---|
173 | .template-front-page .site-content, |
---|
174 | .template-front-page article { |
---|
175 | overflow: hidden; |
---|
176 | } |
---|
177 | .template-front-page.has-post-thumbnail article { |
---|
178 | float: left; |
---|
179 | width: 47.916666667%; |
---|
180 | } |
---|
181 | .entry-page-image { |
---|
182 | float: right; |
---|
183 | margin-bottom: 0; |
---|
184 | width: 47.916666667%; |
---|
185 | } |
---|
186 | /* IE Front Page Template Widget fix */ |
---|
187 | .template-front-page .widget-area { |
---|
188 | clear: both; |
---|
189 | } |
---|
190 | .template-front-page .widget { |
---|
191 | width: 100% !important; |
---|
192 | border: none; |
---|
193 | } |
---|
194 | .template-front-page .widget-area .widget, |
---|
195 | .template-front-page .first.front-widgets, |
---|
196 | .template-front-page.two-sidebars .widget-area .front-widgets { |
---|
197 | float: left; |
---|
198 | margin-bottom: 24px; |
---|
199 | width: 51.875%; |
---|
200 | } |
---|
201 | .template-front-page .second.front-widgets, |
---|
202 | .template-front-page .widget-area .widget:nth-child(odd) { |
---|
203 | clear: right; |
---|
204 | } |
---|
205 | .template-front-page .first.front-widgets, |
---|
206 | .template-front-page .second.front-widgets, |
---|
207 | .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { |
---|
208 | float: right; |
---|
209 | margin: 0 0 24px; |
---|
210 | width: 39.0625%; |
---|
211 | } |
---|
212 | .template-front-page.two-sidebars .widget, |
---|
213 | .template-front-page.two-sidebars .widget:nth-child(even) { |
---|
214 | float: none; |
---|
215 | width: auto; |
---|
216 | } |
---|
217 | /* add input font for <IE9 Password Box to make the bullets show up */ |
---|
218 | input[type="password"] { |
---|
219 | font-family: Helvetica, Arial, sans-serif; |
---|
220 | } |
---|
221 | |
---|
222 | /* RTL overrides for IE7 and IE8 |
---|
223 | -------------------------------------------------------------- */ |
---|
224 | .rtl .site-header h1, |
---|
225 | .rtl .site-header h2 { |
---|
226 | text-align: right; |
---|
227 | } |
---|
228 | .rtl .widget-area, |
---|
229 | .rtl .author-description { |
---|
230 | float: left; |
---|
231 | } |
---|
232 | .rtl .author-avatar, |
---|
233 | .rtl .site-content { |
---|
234 | float: right; |
---|
235 | } |
---|
236 | .rtl .main-navigation ul.nav-menu, |
---|
237 | .rtl .main-navigation div.nav-menu > ul { |
---|
238 | text-align: right; |
---|
239 | } |
---|
240 | .rtl .main-navigation ul li ul li, |
---|
241 | .rtl .main-navigation ul li ul li ul li { |
---|
242 | margin-left: 40px; |
---|
243 | margin-right: auto; |
---|
244 | } |
---|
245 | .rtl .main-navigation li ul ul { |
---|
246 | position: absolute; |
---|
247 | bottom: 0; |
---|
248 | right: 100%; |
---|
249 | z-index: 1; |
---|
250 | } |
---|
251 | .ie7 .rtl .main-navigation li ul ul { |
---|
252 | position: absolute; |
---|
253 | bottom: 0; |
---|
254 | right: 100%; |
---|
255 | z-index: 1; |
---|
256 | } |
---|
257 | .ie7 .rtl .main-navigation ul li { |
---|
258 | z-index: 99; |
---|
259 | } |
---|
260 | .ie7 .rtl .main-navigation li ul { |
---|
261 | position: absolute; |
---|
262 | bottom: 100%; |
---|
263 | right: 0; |
---|
264 | z-index: 1; |
---|
265 | } |
---|
266 | .ie7 .rtl .main-navigation li { |
---|
267 | margin-right: auto; |
---|
268 | margin-left: 40px; |
---|
269 | } |
---|
270 | .ie7 .rtl .main-navigation li ul ul ul { |
---|
271 | position: relative; |
---|
272 | z-index: 1; |
---|
273 | } |
---|