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

Side by Side Diff: donate.html

Issue 5071246102364160: Issue 1676 - Search field and button misaligned on donations page (Closed)
Patch Set: Created Dec. 8, 2014, 8: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 | « no previous file | 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 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en" dir="ltr" itemscope="itemscope" itemtype="http://schema.org/WebP age"> 2 <html lang="en" dir="ltr" itemscope="itemscope" itemtype="http://schema.org/WebP age">
3 <head><base href="https://adblockplus.org/en/donate"/><meta name="viewport" co ntent="width=device-width, initial-scale=1"/> 3 <head><base href="https://adblockplus.org/en/donate"/><meta name="viewport" co ntent="width=device-width, initial-scale=1"/>
4 4
5 <title>Donate to Adblock Plus</title> 5 <title>Donate to Adblock Plus</title>
6 <link rel="author" href="https://plus.google.com/110020691898167279887"/> 6 <link rel="author" href="https://plus.google.com/110020691898167279887"/>
7 <link rel="publisher" href="https://plus.google.com/110020691898167279887"/> 7 <link rel="publisher" href="https://plus.google.com/110020691898167279887"/>
8 8
9 9
10 10
(...skipping 18 matching lines...) Expand all
29 border-top: 1px solid #ccc; 29 border-top: 1px solid #ccc;
30 } 30 }
31 31
32 label 32 label
33 { 33 {
34 display: block; 34 display: block;
35 } 35 }
36 36
37 input 37 input
38 { 38 {
39 vertical-align: top; 39 vertical-align: center;
Thomas Greiner 2014/12/09 10:03:40 This value is invalid because the correct value is
Wladimir Palant 2014/12/09 20:42:11 You are right, what I was testing here was vertica
40 } 40 }
41 41
42 button, label 42 #form button,
43 #form-fields label
43 { 44 {
44 display: inline-block; 45 display: inline-block;
45 margin-bottom: 0; 46 margin-bottom: 0;
46 font-weight: 400; 47 font-weight: 400;
47 text-align: center; 48 text-align: center;
48 vertical-align: middle; 49 vertical-align: middle;
49 cursor: pointer; 50 cursor: pointer;
50 background-image: none; 51 background-image: none;
51 border: 1px solid transparent; 52 border: 1px solid transparent;
52 white-space: nowrap; 53 white-space: nowrap;
53 padding: 6px 12px; 54 padding: 6px 12px;
54 font-size: 14px; 55 font-size: 14px;
55 line-height: 1.42857143; 56 line-height: 1.42857143;
56 border-radius: 4px; 57 border-radius: 4px;
57 -webkit-user-select: none; 58 -webkit-user-select: none;
58 -moz-user-select: none; 59 -moz-user-select: none;
59 -ms-user-select: none; 60 -ms-user-select: none;
60 user-select: none; 61 user-select: none;
61 color: #333; 62 color: #333;
62 background-color: #fff; 63 background-color: #fff;
63 border-color: #ccc; 64 border-color: #ccc;
64 } 65 }
65 66
66 button:hover 67 #form button:hover
67 { 68 {
68 background-color: #ebebeb; 69 background-color: #ebebeb;
69 border-color: #adadad; 70 border-color: #adadad;
70 } 71 }
71 72
72 button:active 73 #form button:active
73 { 74 {
74 background-color: #ebebeb; 75 background-color: #ebebeb;
75 border-color: #adadad; 76 border-color: #adadad;
76 outline: 0; 77 outline: 0;
77 -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); 78 -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
78 box-shadow: inset 0 3px 5px rgba(0,0,0,.125); 79 box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
79 } 80 }
80 81
81 .hidden 82 .hidden
82 { 83 {
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
164 display: block; 165 display: block;
165 } 166 }
166 167
167 #form.credit-card #form-recurrence, 168 #form.credit-card #form-recurrence,
168 #form.bitcoin #form-currency, 169 #form.bitcoin #form-currency,
169 #form.bitcoin #form-price 170 #form.bitcoin #form-price
170 { 171 {
171 display: none; 172 display: none;
172 } 173 }
173 174
174 #donate 175 /* This cannot be #donate because specificity is too low */
176 #form #donate
175 { 177 {
176 color: #fff; 178 color: #fff;
177 background-color: #5cb85c; 179 background-color: #5cb85c;
178 border-color: #4cae4c; 180 border-color: #4cae4c;
179 } 181 }
180 182
181 #donate:hover 183 #form #donate:hover
182 { 184 {
183 background-color: #47a447; 185 background-color: #47a447;
184 border-color: #398439; 186 border-color: #398439;
185 } 187 }
186 188
187 #error 189 #error
188 { 190 {
189 color: #d9534f; 191 color: #d9534f;
190 vertical-align: middle; 192 vertical-align: middle;
191 } 193 }
(...skipping 528 matching lines...) Expand 10 before | Expand all | Expand 10 after
720 </section> 722 </section>
721 </footer> 723 </footer>
722 724
723 <script src="/_override-static/global/global/js/main.js?695"></script> 725 <script src="/_override-static/global/global/js/main.js?695"></script>
724 <!-- Workaround for IE6 multiple classes selector bug --> 726 <!-- Workaround for IE6 multiple classes selector bug -->
725 <!--[if lt IE 7]> 727 <!--[if lt IE 7]>
726 <script>document.all.content.className += " " + document.all.content.class Name.split(" ").join("_");</script> 728 <script>document.all.content.className += " " + document.all.content.class Name.split(" ").join("_");</script>
727 <![endif]--> 729 <![endif]-->
728 </body> 730 </body>
729 </html> 731 </html>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld