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: Addressed note_63196626 Created March 14, 2018, 12:23 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') | static/css/main.css » ('j') | 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 margin-bottom: 1.5em;
213 }
214
204 #abb-notification h2, 215 #abb-notification h2,
205 #abb-notification h3 216 #abb-notification h3
206 { 217 {
207 text-transform: uppercase; 218 text-transform: uppercase;
208 } 219 }
209 220
210 #abb-logo 221 #abb-logo
211 { 222 {
212 max-width: 10em; 223 max-width: 10em;
213 } 224 }
214 225
226 #abb-app-store-badges
227 {
228 margin-top: 2em;
229 }
230
215 #abb-app-store-badges img 231 #abb-app-store-badges img
216 { 232 {
217 width: 200px; 233 width: 200px;
218 } 234 }
219 235
220 @media (min-width: 768px) /* tablet-breakpoint */ 236 @media (max-width: 575px)
221 { 237 {
238 #abb-app-store-badges a:first-of-type
239 {
240 margin-bottom: 0.5em;
241 }
242 }
243
244 @media (min-width: 576px)
245 {
246 #abb-app-store-badges .one-half
247 {
248 width: 50%;
249 }
250
222 #abb-notification figure, 251 #abb-notification figure,
223 #abb-app-store-badges 252 #abb-app-store-badges
224 { 253 {
225 padding-left: 2em; 254 padding-left: 2em;
226 padding-right: 2em; 255 padding-right: 2em;
227 } 256 }
228 } 257 }
229 258
230 /****************************************************************************** 259 /******************************************************************************
231 * #footnote 260 * #footnote
(...skipping 30 matching lines...) Expand all
262 padding: 0px 30px; 291 padding: 0px 30px;
263 } 292 }
264 293
265 @media(max-width: 767px) 294 @media(max-width: 767px)
266 { 295 {
267 #footnote 296 #footnote
268 { 297 {
269 padding: 0px 20px; 298 padding: 0px 20px;
270 } 299 }
271 } 300 }
OLDNEW
« no previous file with comments | « locales/en/abb-notification.json ('k') | static/css/main.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld