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

Side by Side Diff: skin/firstRun.css

Issue 29326238: Issue 3031 - Add Adblock Browser section to First Run Page (Closed)
Patch Set: Use border-start instead of rtl hack Created Sept. 16, 2015, 12:46 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 | « skin/abb-logo.png ('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 * 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
148 {
149 padding: 40px 0px;
150 display: table;
151 }
152
153 #general > div
154 {
155 display: table-cell;
156 width: 50%;
157 vertical-align: top;
158 padding: 0px 50px;
159 border: dashed 0 #969085;
160 -webkit-border-start-width: 1px;
161 -moz-border-start-width: 1px;
162 border-inline-start-width: 1px;
163 }
164
165 #general > div:first-child
166 {
167 border: none;
168 }
169
170 #acceptable-ads-block h2
171 {
172 margin-bottom: 34px;
173 }
174
175 #abb-promotion-block:lang(fr)
176 {
177 display: none;
178 }
179
180 #abb-promotion-block
181 {
182 text-align: center;
183 }
184
185 #abb-promotion-block h2
186 {
187 color: #7795b6;
188 margin-bottom: 40px;
189 }
190
191 #abb-promotion-block a
192 {
193 border: solid 1px #446a96;
194 border-radius: 5px;
195 display: inline-block;
196 padding: 6px 16px;
197 background: -webkit-linear-gradient(bottom, #294e76, #6b92be);
198 background: linear-gradient(to top, #294e76, #6b92be);
199 text-decoration: none;
200 text-align: start;
201 }
202
203 #abb-promotion-block a > div
204 {
205 display: inline-block;
Thomas Greiner 2015/09/16 14:09:08 This causes the text inside to be moved below the
saroyanm 2015/09/16 14:11:58 Thanks for noticing, Done.
206 vertical-align: middle;
207 padding: 6px;
208 }
209
210 #abb-promotion-block .title
211 {
212 font-size: 21px;
213 color: #ffffff;
214 font-weight: bold;
215 }
216
217 #abb-promotion-block .subtitle
218 {
219 font-size: 12px;
220 color: #9ab7d6;
221 }
222
223 #abb-promotion-block a:hover
224 {
225 box-shadow: 0px 0px 5px #5D5D5D;
226 }
227
228 #abb-promotion-block a:active
229 {
230 box-shadow: 0px 0px 5px 1px #5D5D5D;
231 }
232
233 @media (max-width: 960px)
234 {
235 #general
236 {
237 display: block;
238 }
239
240 #general > div
241 {
242 display: block;
243 width: auto;
244 padding: 10px 0px;
245 margin: 0px 50px;
246 border-width: 1px 0 0;
247 }
248 }
249
147 section > p 250 section > p
148 { 251 {
149 margin: 15px 0 0 0; 252 margin: 15px 0 0 0;
150 } 253 }
151 254
152 #logo 255 #logo
153 { 256 {
154 margin: 0 auto; 257 margin: 0 auto;
155 height: 128px; 258 height: 128px;
156 width: 128px; 259 width: 128px;
157 display: block; 260 display: block;
158 } 261 }
159 262
160 #can-do-more 263 #can-do-more
161 { 264 {
162 max-width: 960px;
163 padding: 40px 0px 0px 0px; 265 padding: 40px 0px 0px 0px;
164 border-bottom: 4px solid #968D81; 266 border-bottom: 4px solid #968D81;
165 } 267 }
166 268
167 #can-do-more > h2 269 #can-do-more > h2
168 { 270 {
169 margin: 0 100px; 271 margin: 0 100px;
170 } 272 }
171 273
172 .feature-malware-image 274 .feature-malware-image
(...skipping 419 matching lines...) Expand 10 before | Expand all | Expand 10 after
592 background-image: url(donate.png); 694 background-image: url(donate.png);
593 background-repeat: repeat-x; 695 background-repeat: repeat-x;
594 } 696 }
595 697
596 footer 698 footer
597 { 699 {
598 margin: 0 auto 30px; 700 margin: 0 auto 30px;
599 max-width: 960px; 701 max-width: 960px;
600 text-align: center; 702 text-align: center;
601 } 703 }
OLDNEW
« no previous file with comments | « skin/abb-logo.png ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld