Left: | ||
Right: |
OLD | NEW |
---|---|
1 body | 1 body |
2 { | 2 { |
3 font-family: Arial, Helvetica, sans-serif; | 3 font-family: Arial, Helvetica, sans-serif; |
4 font-size: 1.1em; | 4 font-size: 1.1em; |
5 text-align: center; | 5 text-align: center; |
6 background-image: url(../img/background.png); | 6 background-image: url(../img/background.png); |
7 margin: auto; | 7 margin: auto; |
8 line-height: 1.5; | 8 line-height: 1.5; |
9 } | 9 } |
10 | 10 |
11 #wrapper, | 11 #wrapper, |
12 #logo, | 12 #logo, |
13 .share-image, | 13 .share-image, |
14 #share-images2, | 14 #share-images, |
15 #share-donate | 15 #share-donate |
16 { | 16 { |
17 display: inline-block; | 17 display: inline-block; |
18 /* IE6 inline-block fix */ | 18 /* IE6 inline-block fix */ |
19 *display: inline; | 19 *display: inline; |
20 *zoom: 1; | 20 *zoom: 1; |
21 } | 21 } |
22 | 22 |
23 #wrapper | 23 #wrapper |
24 { | 24 { |
(...skipping 29 matching lines...) Expand all Loading... | |
54 { | 54 { |
55 margin: 10px 0px 40px 0px; | 55 margin: 10px 0px 40px 0px; |
56 } | 56 } |
57 | 57 |
58 #features li | 58 #features li |
59 { | 59 { |
60 margin-left: 50px; | 60 margin-left: 50px; |
61 list-style-image: url(../img/checkmark.png); | 61 list-style-image: url(../img/checkmark.png); |
62 } | 62 } |
63 | 63 |
64 #share1, | 64 #share, |
Thomas Greiner
2014/11/03 17:14:12
Nit: Remove the trailing comma.
| |
65 #share2 | |
66 { | 65 { |
67 display: none; | 66 display: none; |
68 font-size: 120%; | 67 font-size: 120%; |
69 margin-top: 40px; | 68 margin-top: 40px; |
70 } | 69 } |
71 | 70 |
72 html.share-variant-1 #share1, | 71 html.share #share, |
Thomas Greiner
2014/11/03 17:14:12
This block was only used to show the correct varia
| |
73 html.share-variant-2 #share2 | |
74 { | 72 { |
75 display: block; | 73 display: block; |
76 } | 74 } |
77 | 75 |
78 .share-image | 76 .share-image |
79 { | 77 { |
80 width: 82px; | 78 width: 82px; |
81 height: 82px; | 79 height: 82px; |
82 } | 80 } |
83 | 81 |
84 #share-images2 | 82 #share-images |
85 { | 83 { |
86 box-shadow: 0 0 4px 3px #EEEEEE; | 84 box-shadow: 0 0 4px 3px #EEEEEE; |
87 border-radius: 5px; | 85 border-radius: 5px; |
88 background: #FFFFFF; | 86 background: #FFFFFF; |
89 padding: 10px 40px; | 87 padding: 10px 40px; |
90 margin-bottom: 30px; | 88 margin-bottom: 30px; |
91 } | 89 } |
92 | 90 |
93 #share-images2 * | 91 #share-images * |
94 { | 92 { |
95 vertical-align: middle; | 93 vertical-align: middle; |
96 } | 94 } |
97 | 95 |
98 #share-donate | 96 #share-donate |
99 { | 97 { |
100 font-style: italic; | 98 font-style: italic; |
101 font-weight: bold; | 99 font-weight: bold; |
102 font-size: 12px; | 100 font-size: 12px; |
103 text-decoration: none; | 101 text-decoration: none; |
104 color: #003366; | 102 color: #003366; |
105 border: 1px solid #FF9933; | 103 border: 1px solid #FF9933; |
106 border-radius: 10px; | 104 border-radius: 10px; |
107 padding: 2px 10px; | 105 padding: 2px 10px; |
108 background-image: url(../img/button-background/donate.png); | 106 background-image: url(../img/button-background/donate.png); |
109 background-repeat: repeat-x; | 107 background-repeat: repeat-x; |
108 vertical-align: top; | |
109 margin: 35px 0px; | |
110 } | 110 } |
111 | 111 |
112 #share2-connection | 112 #share-connection |
113 { | 113 { |
114 margin: 0px 20px; | 114 vertical-align: top; |
115 display: inline-block; | |
116 margin: 35px 20px; | |
Thomas Greiner
2014/11/03 17:14:12
Same as above: Why are these changes necessary?
| |
115 } | 117 } |
116 | 118 |
117 .share-facebook | 119 .share-facebook |
118 { | 120 { |
119 background-image: url(../img/social/facebook.png); | 121 background-image: url(../img/social/facebook.png); |
120 } | 122 } |
121 | 123 |
122 .share-twitter | 124 .share-twitter |
123 { | 125 { |
124 background-image: url(../img/social/twitter.png); | 126 background-image: url(../img/social/twitter.png); |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
160 { | 162 { |
161 visibility: visible; | 163 visibility: visible; |
162 opacity: 1; | 164 opacity: 1; |
163 } | 165 } |
164 | 166 |
165 #share-popup.visible | 167 #share-popup.visible |
166 { | 168 { |
167 -ms-transition-duration: 0.15s; | 169 -ms-transition-duration: 0.15s; |
168 transition-duration: 0.15s; | 170 transition-duration: 0.15s; |
169 } | 171 } |
OLD | NEW |