Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/index.css

Issue 29721720: Fixes #32 - Adjustments to cross-promotion section (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Created March 13, 2018, 4:55 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « locales/en/abb-notification.json ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /****************************************************************************** 1 /******************************************************************************
2 * Temparary styles 2 * Temparary styles
3 *****************************************************************************/ 3 *****************************************************************************/
4 4
5 .avoid-wrap {display: inline-block;} 5 .avoid-wrap {display: inline-block;}
6 .small {font-size: smaller;} 6 .small {font-size: smaller;}
7 .maxthon-only {display: none;} 7 .maxthon-only {display: none;}
8 .maxthon .maxthon-only {display: block;} 8 .maxthon .maxthon-only {display: block;}
9 9
10 #content, 10 #content,
(...skipping 183 matching lines...) Expand 10 before | Expand all | Expand 10 after
194 align-items: center; 194 align-items: center;
195 } 195 }
196 } 196 }
197 197
198 } 198 }
199 199
200 /****************************************************************************** 200 /******************************************************************************
201 * #abb-notification 201 * #abb-notification
202 *****************************************************************************/ 202 *****************************************************************************/
203 203
204 #abb-notification
205 {
206 padding: 3em 0;
207 }
208
209 #abb-notification h2
210 {
211 margin-top: 0;
212 }
213
204 #abb-notification h2, 214 #abb-notification h2,
205 #abb-notification h3 215 #abb-notification h3
206 { 216 {
207 text-transform: uppercase; 217 text-transform: uppercase;
208 } 218 }
209 219
210 #abb-logo 220 #abb-logo
211 { 221 {
212 max-width: 10em; 222 max-width: 10em;
213 } 223 }
214 224
225 #abb-app-store-badges
226 {
227 margin-top: 2em;
228 }
229
215 #abb-app-store-badges img 230 #abb-app-store-badges img
216 { 231 {
217 width: 200px; 232 width: 200px;
218 } 233 }
219 234
220 @media (min-width: 768px) /* tablet-breakpoint */ 235 #abb-app-store-badges .one-half
236 {
237 width: 50%;
238 }
239
240 @media (min-width: 480px)
221 { 241 {
222 #abb-notification figure, 242 #abb-notification figure,
223 #abb-app-store-badges 243 #abb-app-store-badges
224 { 244 {
225 padding-left: 2em; 245 padding-left: 2em;
226 padding-right: 2em; 246 padding-right: 2em;
227 } 247 }
228 } 248 }
229 249
230 /****************************************************************************** 250 /******************************************************************************
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
262 padding: 0px 30px; 282 padding: 0px 30px;
263 } 283 }
264 284
265 @media(max-width: 767px) 285 @media(max-width: 767px)
266 { 286 {
267 #footnote 287 #footnote
268 { 288 {
269 padding: 0px 20px; 289 padding: 0px 20px;
270 } 290 }
271 } 291 }
OLDNEW
« no previous file with comments | « locales/en/abb-notification.json ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld