|
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.single-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 display: none; |
|
108 margin: 0; |
|
109 padding: 0; |
|
110 position: absolute; |
|
111 top: 100%; |
|
112 z-index: 1; |
|
113 } |
|
114 .ie7 .main-navigation li ul { |
|
115 left: 0; |
|
116 } |
|
117 .main-navigation li ul ul, |
|
118 .ie7 .main-navigation li ul ul { |
|
119 top: 0; |
|
120 left: 100%; |
|
121 } |
|
122 .main-navigation ul li:hover > ul { |
|
123 border-left: 0; |
|
124 display: block; |
|
125 } |
|
126 .main-navigation li ul li a { |
|
127 background: #efefef; |
|
128 border-bottom: 1px solid #ededed; |
|
129 display: block; |
|
130 font-size: 11px; |
|
131 line-height: 2.181818182; |
|
132 padding: 8px 10px; |
|
133 width: 180px; |
|
134 } |
|
135 .main-navigation li ul li a:hover { |
|
136 background: #e3e3e3; |
|
137 color: #444; |
|
138 } |
|
139 .main-navigation .current-menu-item > a, |
|
140 .main-navigation .current-menu-ancestor > a, |
|
141 .main-navigation .current_page_item > a, |
|
142 .main-navigation .current_page_ancestor > a { |
|
143 color: #636363; |
|
144 font-weight: bold; |
|
145 } |
|
146 .menu-toggle { |
|
147 display: none; |
|
148 } |
|
149 .entry-header .entry-title { |
|
150 font-size: 22px; |
|
151 } |
|
152 #respond form input[type="text"] { |
|
153 width: 46.333333333%; |
|
154 } |
|
155 #respond form textarea.blog-textarea { |
|
156 width: 79.666666667%; |
|
157 } |
|
158 .template-front-page .site-content, |
|
159 .template-front-page article { |
|
160 overflow: hidden; |
|
161 } |
|
162 .template-front-page.has-post-thumbnail article { |
|
163 float: left; |
|
164 width: 47.916666667%; |
|
165 } |
|
166 .entry-page-image { |
|
167 float: right; |
|
168 margin-bottom: 0; |
|
169 width: 47.916666667%; |
|
170 } |
|
171 .template-front-page .widget-area .widget, |
|
172 .template-front-page.two-sidebars .widget-area .front-widgets { |
|
173 float: left; |
|
174 margin-bottom: 24px; |
|
175 width: 51.875%; |
|
176 } |
|
177 .template-front-page .widget-area .widget:nth-child(odd) { |
|
178 clear: right; |
|
179 } |
|
180 .template-front-page .widget-area .widget:nth-child(even), |
|
181 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { |
|
182 float: right; |
|
183 margin: 0 0 24px; |
|
184 width: 39.0625%; |
|
185 } |
|
186 .template-front-page.two-sidebars .widget, |
|
187 .template-front-page.two-sidebars .widget:nth-child(even) { |
|
188 float: none; |
|
189 width: auto; |
|
190 } |
|
191 |
|
192 /* =RTL overrides for IE7 and IE8 |
|
193 -------------------------------------------------------------- */ |
|
194 .rtl .site-header h1, |
|
195 .rtl .site-header h2 { |
|
196 text-align: right; |
|
197 } |
|
198 .rtl .widget-area, |
|
199 .rtl .author-description { |
|
200 float: left; |
|
201 } |
|
202 .rtl .author-avatar, |
|
203 .rtl .site-content { |
|
204 float: right; |
|
205 } |
|
206 .rtl .main-navigation ul.nav-menu, |
|
207 .rtl .main-navigation div.nav-menu > ul { |
|
208 text-align: right; |
|
209 } |
|
210 .rtl .main-navigation ul li ul li, |
|
211 .rtl .main-navigation ul li ul li ul li { |
|
212 margin-left: 40px; |
|
213 margin-right: auto; |
|
214 } |
|
215 .rtl .main-navigation li ul ul { |
|
216 position: absolute; |
|
217 bottom: 0; |
|
218 right: 100%; |
|
219 z-index: 1; |
|
220 } |
|
221 .ie7 .rtl .main-navigation li ul ul { |
|
222 position: absolute; |
|
223 bottom: 0; |
|
224 right: 100%; |
|
225 z-index: 1; |
|
226 } |
|
227 .ie7 .rtl .main-navigation ul li { |
|
228 z-index: 99; |
|
229 } |
|
230 .ie7 .rtl .main-navigation li ul { |
|
231 position: absolute; |
|
232 bottom: 100%; |
|
233 right: 0; |
|
234 z-index: 1; |
|
235 } |
|
236 .ie7 .rtl .main-navigation li { |
|
237 margin-right: auto; |
|
238 margin-left: 40px; |
|
239 } |
|
240 .ie7 .rtl .main-navigation li ul ul ul { |
|
241 position: relative; |
|
242 z-index: 1; |
|
243 } |