← Back to branch summary

~canonical-sysadmins/wordpress/4.7.4

« back to all changes in this revision

Viewing changes to wp-content/themes/twentytwelve/css/ie.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-content/themes/twentytwelve/css/ie.css
 
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
.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
.template-front-page .widget-area .widget,
 
187
.template-front-page.two-sidebars .widget-area .front-widgets {
 
188
        float: left;
 
189
        margin-bottom: 24px;
 
190
        width: 51.875%;
 
191
}
 
192
.template-front-page .widget-area .widget:nth-child(odd) {
 
193
        clear: right;
 
194
}
 
195
.template-front-page .widget-area .widget:nth-child(even),
 
196
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 
197
        float: right;
 
198
        margin: 0 0 24px;
 
199
        width: 39.0625%;
 
200
}
 
201
.template-front-page.two-sidebars .widget,
 
202
.template-front-page.two-sidebars .widget:nth-child(even) {
 
203
        float: none;
 
204
        width: auto;
 
205
}
 
206
 
 
207
/* =RTL overrides for IE7 and IE8
 
208
-------------------------------------------------------------- */
 
209
.rtl .site-header h1,
 
210
.rtl .site-header h2 {
 
211
        text-align: right;
 
212
}
 
213
.rtl .widget-area,
 
214
.rtl .author-description {
 
215
        float: left;
 
216
}
 
217
.rtl .author-avatar,
 
218
.rtl .site-content {
 
219
        float: right;
 
220
}
 
221
.rtl .main-navigation ul.nav-menu,
 
222
.rtl .main-navigation div.nav-menu > ul {
 
223
        text-align: right;
 
224
}
 
225
.rtl .main-navigation ul li ul li,
 
226
.rtl .main-navigation ul li ul li ul li {
 
227
        margin-left: 40px;
 
228
        margin-right: auto;
 
229
}
 
230
.rtl .main-navigation li ul ul {
 
231
        position: absolute;
 
232
        bottom: 0;
 
233
        right: 100%;
 
234
        z-index: 1;
 
235
}
 
236
.ie7 .rtl .main-navigation li ul ul {
 
237
        position: absolute;
 
238
        bottom: 0;
 
239
        right: 100%;
 
240
        z-index: 1;
 
241
}
 
242
.ie7 .rtl .main-navigation ul li {
 
243
        z-index: 99;
 
244
}
 
245
.ie7 .rtl .main-navigation li ul {
 
246
        position: absolute;
 
247
        bottom: 100%;
 
248
        right: 0;
 
249
        z-index: 1;
 
250
}
 
251
.ie7 .rtl .main-navigation li {
 
252
        margin-right: auto;
 
253
        margin-left: 40px;
 
254
}
 
255
.ie7 .rtl .main-navigation li ul ul ul {
 
256
        position: relative;
 
257
        z-index: 1;
 
258
}
 
 
b'\\ No newline at end of file'