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

Delta Between Two Patch Sets: skin/firstRun.css

Issue 29326238: Issue 3031 - Add Adblock Browser section to First Run Page (Closed)
Left Patch Set: Addressed Thomas comments Created Sept. 15, 2015, 9:39 a.m.
Right Patch Set: Reverted back to table-cell Created Sept. 16, 2015, 2:11 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « skin/abb-logo.png ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-2015 Eyeo GmbH 3 * Copyright (C) 2006-2015 Eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after
132 font-weight: normal; 132 font-weight: normal;
133 text-align: center; 133 text-align: center;
134 margin: 0; 134 margin: 0;
135 padding: 0; 135 padding: 0;
136 } 136 }
137 137
138 section 138 section
139 { 139 {
140 margin: 0 auto; 140 margin: 0 auto;
141 margin-bottom: 30px; 141 margin-bottom: 30px;
142 max-width: 760px; 142 max-width: 960px;
143 background-image: url(background.png); 143 background-image: url(background.png);
144 padding: 40px 100px; 144 padding: 40px 100px;
145 } 145 }
146 146
147 #general 147 #general
148 { 148 {
149 padding: 40px 0px; 149 padding: 40px 0px;
150 max-width: 960px;
151 display: table; 150 display: table;
152 } 151 }
153 152
154 #general > div 153 #general > div
155 { 154 {
156 display: table-cell; 155 display: table-cell;
157 width: 50%; 156 width: 50%;
158 vertical-align: top; 157 vertical-align: top;
159 padding: 0px 50px; 158 padding: 0px 50px;
160 } 159 border: dashed 0 #969085;
161 160 -webkit-border-start-width: 1px;
162 #general > div:not(:first-child) 161 -moz-border-start-width: 1px;
163 { 162 border-inline-start-width: 1px;
164 border-left: dashed 1px #969085; 163 }
165 } 164
166 165 #general > div:first-child
167 html[dir="rtl"] #general > div:not(:first-child) 166 {
168 { 167 border: none;
169 border-left: none;
170 border-right: dashed 1px #969085;
171 } 168 }
172 169
173 #acceptable-ads-block h2 170 #acceptable-ads-block h2
174 { 171 {
175 margin-bottom: 34px; 172 margin-bottom: 34px;
176 } 173 }
177 174
178 #abb-promotion-block:lang(fr) 175 #abb-promotion-block:lang(fr)
179 { 176 {
180 display: none; 177 display: none;
178 }
179
180 #abb-promotion-block
181 {
182 text-align: center;
181 } 183 }
182 184
183 #abb-promotion-block h2 185 #abb-promotion-block h2
184 { 186 {
185 color: #7795b6; 187 color: #7795b6;
186 margin-bottom: 40px; 188 margin-bottom: 40px;
187 } 189 }
188 190
189 #abb-promotion-block a 191 #abb-promotion-block a
190 { 192 {
191 border: solid 1px #446a96; 193 border: solid 1px #446a96;
192 border-radius: 5px; 194 border-radius: 5px;
193 display: table; 195 display: inline-block;
194 padding: 6px 16px; 196 padding: 6px 16px;
195 background: -webkit-gradient(to top, #294e76, #6b92be); 197 background: -webkit-linear-gradient(bottom, #294e76, #6b92be);
Thomas Greiner 2015/09/15 11:19:32 Two more issues: 1) According to MDN Safari 5.1 r
saroyanm 2015/09/15 12:43:31 Done.
Thomas Greiner 2015/09/15 14:15:50 Nope, while the `to X` syntax defines to which poi
saroyanm 2015/09/15 15:03:35 Good to know, thanks. Made it somehow consistent
196 background: linear-gradient(to top, #294e76, #6b92be); 198 background: linear-gradient(to top, #294e76, #6b92be);
197 text-decoration: none; 199 text-decoration: none;
198 width: 100%; 200 text-align: start;
199 -webkit-box-sizing: border-box;
200 -moz-box-sizing: border-box;
201 box-sizing: border-box;
202 } 201 }
203 202
204 #abb-promotion-block a > div 203 #abb-promotion-block a > div
205 { 204 {
206 display: table-cell; 205 display: table-cell;
207 vertical-align: middle; 206 vertical-align: middle;
208 padding: 6px; 207 padding: 6px;
209 } 208 }
210 209
211 #abb-promotion-block a > div:first-child
212 {
213 width: 1px;
214 }
215
216 #abb-promotion-block .title 210 #abb-promotion-block .title
217 { 211 {
218 font-size: 22px; 212 font-size: 21px;
Thomas Greiner 2015/09/15 11:19:31 This font size causes the text to be split up into
saroyanm 2015/09/15 12:43:31 Done.
219 color: #ffffff; 213 color: #ffffff;
220 font-weight: bold; 214 font-weight: bold;
221 } 215 }
222 216
223 #abb-promotion-block .subtitle 217 #abb-promotion-block .subtitle
224 { 218 {
225 font-size: 12px; 219 font-size: 12px;
226 color: #9ab7d6; 220 color: #9ab7d6;
227 } 221 }
228 222
229 #abb-promotion-block a:hover 223 #abb-promotion-block a:hover
230 { 224 {
231 -moz-box-shadow: 0px 0px 5px #5D5D5D;
232 -webkit-box-shadow: 0px 0px 5px #5D5D5D;
233 box-shadow: 0px 0px 5px #5D5D5D; 225 box-shadow: 0px 0px 5px #5D5D5D;
234 } 226 }
235 227
236 #abb-promotion-block a:active 228 #abb-promotion-block a:active
237 { 229 {
238 -moz-box-shadow: 0px 0px 5px 1px #5D5D5D;
239 -webkit-box-shadow: 0px 0px 5px 1px #5D5D5D;
240 box-shadow: 0px 0px 5px 1px #5D5D5D; 230 box-shadow: 0px 0px 5px 1px #5D5D5D;
241 } 231 }
242 232
243 @media (max-width: 960px) 233 @media (max-width: 960px)
244 { 234 {
245 #general 235 #general
246 { 236 {
247 display: block; 237 display: block;
248 } 238 }
249 239
250 #general > div:not(:first-child),
251 html[dir="rtl"] #general > div:not(:first-child)
252 {
253 border: none;
254 }
255
256 #general > div 240 #general > div
257 { 241 {
258 display: block; 242 display: block;
259 width: auto; 243 width: auto;
244 padding: 10px 0px;
245 margin: 0px 50px;
246 border-width: 1px 0 0;
260 } 247 }
261 } 248 }
262 249
263 section > p 250 section > p
264 { 251 {
265 margin: 15px 0 0 0; 252 margin: 15px 0 0 0;
266 } 253 }
267 254
268 #logo 255 #logo
269 { 256 {
270 margin: 0 auto; 257 margin: 0 auto;
271 height: 128px; 258 height: 128px;
272 width: 128px; 259 width: 128px;
273 display: block; 260 display: block;
274 } 261 }
275 262
276 #can-do-more 263 #can-do-more
277 { 264 {
278 max-width: 960px;
279 padding: 40px 0px 0px 0px; 265 padding: 40px 0px 0px 0px;
280 border-bottom: 4px solid #968D81; 266 border-bottom: 4px solid #968D81;
281 } 267 }
282 268
283 #can-do-more > h2 269 #can-do-more > h2
284 { 270 {
285 margin: 0 100px; 271 margin: 0 100px;
286 } 272 }
287 273
288 .feature-malware-image 274 .feature-malware-image
(...skipping 419 matching lines...) Expand 10 before | Expand all | Expand 10 after
708 background-image: url(donate.png); 694 background-image: url(donate.png);
709 background-repeat: repeat-x; 695 background-repeat: repeat-x;
710 } 696 }
711 697
712 footer 698 footer
713 { 699 {
714 margin: 0 auto 30px; 700 margin: 0 auto 30px;
715 max-width: 960px; 701 max-width: 960px;
716 text-align: center; 702 text-align: center;
717 } 703 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld