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 );
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 : 99999 ;
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- }
1+ /* This theme does not support Internet Explorer since version 4.7. */
0 commit comments