1 /* |
|
2 Theme Name: Twenty Seventeen |
|
3 Description: IE8 specific style. |
|
4 */ |
|
5 |
|
6 body { |
|
7 font-size: 16px; |
|
8 } |
|
9 |
|
10 h1 { |
|
11 font-size: 30px; |
|
12 font-size: 1.875rem; |
|
13 } |
|
14 |
|
15 h2, |
|
16 .page .panel-content .recent-posts .entry-title { |
|
17 font-size: 26px; |
|
18 font-size: 1.625rem; |
|
19 } |
|
20 |
|
21 h3 { |
|
22 font-size: 22px; |
|
23 font-size: 1.375rem; |
|
24 } |
|
25 |
|
26 h4 { |
|
27 font-size: 18px; |
|
28 font-size: 1.125rem; |
|
29 } |
|
30 |
|
31 h5 { |
|
32 font-size: 13px; |
|
33 font-size: 0.8125rem; |
|
34 } |
|
35 |
|
36 h6 { |
|
37 font-size: 16px; |
|
38 font-size: 1rem; |
|
39 } |
|
40 |
|
41 img { |
|
42 width: inherit; /* Make images fill their parent's space. */ |
|
43 } |
|
44 |
|
45 /* Fixes linked images */ |
|
46 .entry-content a img, |
|
47 .widget a img { |
|
48 filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff); |
|
49 } |
|
50 |
|
51 /* Layout */ |
|
52 |
|
53 .site-content { |
|
54 padding: 6.5em 0 0; |
|
55 } |
|
56 |
|
57 /* Site Branding */ |
|
58 |
|
59 .custom-header { |
|
60 overflow: hidden; |
|
61 } |
|
62 |
|
63 .has-header-image.twentyseventeen-front-page .custom-header, |
|
64 .has-header-image.home.blog .custom-header { |
|
65 display: block; |
|
66 } |
|
67 |
|
68 .custom-header-media { |
|
69 background-position: bottom center; |
|
70 } |
|
71 |
|
72 .site-branding { |
|
73 padding: 45px 0; |
|
74 } |
|
75 |
|
76 .has-header-image.twentyseventeen-front-page .site-branding, |
|
77 .has-header-image.home.blog .site-branding { |
|
78 bottom: 0; |
|
79 display: block; |
|
80 left: 0; |
|
81 height: auto; |
|
82 padding-top: 0; |
|
83 position: absolute; |
|
84 width: 100%; |
|
85 } |
|
86 |
|
87 .has-header-image .custom-header-media img { |
|
88 left: 0; |
|
89 top: 0; |
|
90 } |
|
91 |
|
92 .site-title { |
|
93 font-size: 36px; |
|
94 font-weight: 700; |
|
95 } |
|
96 |
|
97 .site-description { |
|
98 font-size: 16px; |
|
99 } |
|
100 |
|
101 /* Main Navigation */ |
|
102 |
|
103 .navigation-top { |
|
104 background: #fff; |
|
105 position: relative; |
|
106 z-index: 10; |
|
107 } |
|
108 |
|
109 .menu-toggle { |
|
110 width: 150px; |
|
111 } |
|
112 |
|
113 .main-navigation ul#top-menu { |
|
114 margin-bottom: -1px; |
|
115 padding: 0; |
|
116 } |
|
117 |
|
118 .no-svg .dropdown-toggle { |
|
119 padding: 0.25em 0 0; |
|
120 } |
|
121 |
|
122 .no-svg .dropdown-toggle.toggled-on { |
|
123 padding: 0.75em 0 0; |
|
124 } |
|
125 |
|
126 .dropdown-toggle .svg-fallback.icon-angle-down { |
|
127 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; |
|
128 } |
|
129 |
|
130 .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { |
|
131 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; |
|
132 } |
|
133 |
|
134 /* Front Page */ |
|
135 |
|
136 .twentyseventeen-front-page.has-header-image .custom-header, |
|
137 .blog.home.has-header-image .custom-header, |
|
138 .panel-image { |
|
139 height: 800px; |
|
140 max-height: 800px; |
|
141 padding-top: 0; |
|
142 } |
|
143 |
|
144 .twentyseventeen-front-page .custom-header-media, |
|
145 .blog.home .custom-header-media { |
|
146 background-position: center center; |
|
147 } |
|
148 |
|
149 .twentyseventeen-front-page.has-header-image .site-branding, |
|
150 .home.blog.has-header-image .site-branding { |
|
151 bottom: 20px; |
|
152 position: absolute; |
|
153 width: 100%; |
|
154 } |
|
155 |
|
156 .page .panel-content .entry-title, |
|
157 .page-title, |
|
158 .page .entry-title { |
|
159 font-size: 14px; |
|
160 font-size: 0.875rem; |
|
161 font-weight: 700; |
|
162 letter-spacing: 0.14em; |
|
163 text-transform: uppercase; |
|
164 } |
|
165 |
|
166 /* Posts */ |
|
167 |
|
168 .blog .site-main > article, |
|
169 .archive .site-main > article, |
|
170 .search .site-main > article { |
|
171 padding-bottom: 4em; |
|
172 } |
|
173 |
|
174 time.updated { |
|
175 display: none; |
|
176 } |
|
177 |
|
178 time.published { |
|
179 display: inline-block; |
|
180 } |
|
181 |
|
182 .blog .entry-title { |
|
183 padding-top: 0; |
|
184 } |
|
185 |
|
186 .single-post .entry-title, |
|
187 .page .entry-title, |
|
188 .entry-meta + .entry-title { |
|
189 font-size: 26px; |
|
190 font-weight: 400; |
|
191 letter-spacing: normal; |
|
192 padding-top: 0; |
|
193 text-transform: none; |
|
194 } |
|
195 |
|
196 .entry-footer .cat-links, |
|
197 .entry-footer .tags-links { |
|
198 padding-left: 0; |
|
199 } |
|
200 |
|
201 .comment-author .avatar { |
|
202 z-index: -1; |
|
203 } |
|
204 |
|
205 ol.children .children { |
|
206 padding-left: 2em; |
|
207 } |
|
208 |
|
209 /* RTL Styles */ |
|
210 |
|
211 .rtl .has-header-image.twentyseventeen-front-page .site-branding, |
|
212 .rtl .has-header-image.home.blog .site-branding { |
|
213 left: auto; |
|
214 right: 0; |
|
215 } |
|
216 |
|
217 .rtl .entry-footer .cat-links, |
|
218 .rtl .entry-footer .tags-links { |
|
219 padding-right: 0; |
|
220 } |
|
221 |
|
222 .rtl ol.children .children { |
|
223 padding-left: 0; |
|
224 padding-right: 2em; |
|
225 } |
|