Left: | ||
Right: |
LEFT | RIGHT |
---|---|
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 |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after 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 #share, | 64 #share |
Thomas Greiner
2014/11/03 17:14:12
Nit: Remove the trailing comma.
| |
65 { | 65 { |
66 display: none; | |
67 font-size: 120%; | 66 font-size: 120%; |
68 margin-top: 40px; | 67 margin-top: 40px; |
69 } | |
70 | |
71 html.share #share, | |
Thomas Greiner
2014/11/03 17:14:12
This block was only used to show the correct varia
| |
72 { | |
73 display: block; | |
74 } | 68 } |
75 | 69 |
76 .share-image | 70 .share-image |
77 { | 71 { |
78 width: 82px; | 72 width: 82px; |
79 height: 82px; | 73 height: 82px; |
80 } | 74 } |
81 | 75 |
82 #share-images | 76 #share-images |
83 { | 77 { |
(...skipping 14 matching lines...) Expand all Loading... | |
98 font-style: italic; | 92 font-style: italic; |
99 font-weight: bold; | 93 font-weight: bold; |
100 font-size: 12px; | 94 font-size: 12px; |
101 text-decoration: none; | 95 text-decoration: none; |
102 color: #003366; | 96 color: #003366; |
103 border: 1px solid #FF9933; | 97 border: 1px solid #FF9933; |
104 border-radius: 10px; | 98 border-radius: 10px; |
105 padding: 2px 10px; | 99 padding: 2px 10px; |
106 background-image: url(../img/button-background/donate.png); | 100 background-image: url(../img/button-background/donate.png); |
107 background-repeat: repeat-x; | 101 background-repeat: repeat-x; |
108 vertical-align: top; | |
109 margin: 35px 0px; | |
110 } | 102 } |
111 | 103 |
112 #share-connection | 104 #share-connection |
113 { | 105 { |
114 vertical-align: top; | 106 margin: 0px 20px; |
115 display: inline-block; | |
116 margin: 35px 20px; | |
Thomas Greiner
2014/11/03 17:14:12
Same as above: Why are these changes necessary?
| |
117 } | 107 } |
118 | 108 |
119 .share-facebook | 109 #share-facebook |
120 { | 110 { |
121 background-image: url(../img/social/facebook.png); | 111 background-image: url(../img/social/facebook.png); |
122 } | 112 } |
123 | 113 |
124 .share-twitter | 114 #share-twitter |
125 { | 115 { |
126 background-image: url(../img/social/twitter.png); | 116 background-image: url(../img/social/twitter.png); |
127 } | 117 } |
128 | 118 |
129 .share-gplus | 119 #share-gplus |
130 { | 120 { |
131 background-image: url(../img/social/gplus.png); | 121 background-image: url(../img/social/gplus.png); |
132 } | 122 } |
133 | 123 |
134 #glass-pane, #share-popup | 124 #glass-pane, #share-popup |
135 { | 125 { |
136 visibility: hidden; | 126 visibility: hidden; |
137 opacity: 0; | 127 opacity: 0; |
138 -ms-transition-property: opacity, visibility; | 128 -ms-transition-property: opacity, visibility; |
139 transition-property: opacity, visibility; | 129 transition-property: opacity, visibility; |
(...skipping 22 matching lines...) Expand all Loading... | |
162 { | 152 { |
163 visibility: visible; | 153 visibility: visible; |
164 opacity: 1; | 154 opacity: 1; |
165 } | 155 } |
166 | 156 |
167 #share-popup.visible | 157 #share-popup.visible |
168 { | 158 { |
169 -ms-transition-duration: 0.15s; | 159 -ms-transition-duration: 0.15s; |
170 transition-duration: 0.15s; | 160 transition-duration: 0.15s; |
171 } | 161 } |
LEFT | RIGHT |