| 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 |
| 65 #share2 | |
| 66 { | 65 { |
| 67 display: none; | |
| 68 font-size: 120%; | 66 font-size: 120%; |
| 69 margin-top: 40px; | 67 margin-top: 40px; |
| 70 } | 68 } |
| 71 | 69 |
| 72 html.share-variant-1 #share1, | |
| 73 html.share-variant-2 #share2 | |
| 74 { | |
| 75 display: block; | |
| 76 } | |
| 77 | |
| 78 .share-image | 70 .share-image |
| 79 { | 71 { |
| 80 width: 82px; | 72 width: 82px; |
| 81 height: 82px; | 73 height: 82px; |
| 82 } | 74 } |
| 83 | 75 |
| 84 #share-images2 | 76 #share-images |
| 85 { | 77 { |
| 86 box-shadow: 0 0 4px 3px #EEEEEE; | 78 box-shadow: 0 0 4px 3px #EEEEEE; |
| 87 border-radius: 5px; | 79 border-radius: 5px; |
| 88 background: #FFFFFF; | 80 background: #FFFFFF; |
| 89 padding: 10px 40px; | 81 padding: 10px 40px; |
| 90 margin-bottom: 30px; | 82 margin-bottom: 30px; |
| 91 } | 83 } |
| 92 | 84 |
| 93 #share-images2 * | 85 #share-images * |
| 94 { | 86 { |
| 95 vertical-align: middle; | 87 vertical-align: middle; |
| 96 } | 88 } |
| 97 | 89 |
| 98 #share-donate | 90 #share-donate |
| 99 { | 91 { |
| 100 font-style: italic; | 92 font-style: italic; |
| 101 font-weight: bold; | 93 font-weight: bold; |
| 102 font-size: 12px; | 94 font-size: 12px; |
| 103 text-decoration: none; | 95 text-decoration: none; |
| 104 color: #003366; | 96 color: #003366; |
| 105 border: 1px solid #FF9933; | 97 border: 1px solid #FF9933; |
| 106 border-radius: 10px; | 98 border-radius: 10px; |
| 107 padding: 2px 10px; | 99 padding: 2px 10px; |
| 108 background-image: url(../img/button-background/donate.png); | 100 background-image: url(../img/button-background/donate.png); |
| 109 background-repeat: repeat-x; | 101 background-repeat: repeat-x; |
| 110 } | 102 } |
| 111 | 103 |
| 112 #share2-connection | 104 #share-connection |
| 113 { | 105 { |
| 114 margin: 0px 20px; | 106 margin: 0px 20px; |
| 115 } | 107 } |
| 116 | 108 |
| 117 .share-facebook | 109 #share-facebook |
| 118 { | 110 { |
| 119 background-image: url(../img/social/facebook.png); | 111 background-image: url(../img/social/facebook.png); |
| 120 } | 112 } |
| 121 | 113 |
| 122 .share-twitter | 114 #share-twitter |
| 123 { | 115 { |
| 124 background-image: url(../img/social/twitter.png); | 116 background-image: url(../img/social/twitter.png); |
| 125 } | 117 } |
| 126 | 118 |
| 127 .share-gplus | 119 #share-gplus |
| 128 { | 120 { |
| 129 background-image: url(../img/social/gplus.png); | 121 background-image: url(../img/social/gplus.png); |
| 130 } | 122 } |
| 131 | 123 |
| 132 #glass-pane, #share-popup | 124 #glass-pane, #share-popup |
| 133 { | 125 { |
| 134 visibility: hidden; | 126 visibility: hidden; |
| 135 opacity: 0; | 127 opacity: 0; |
| 136 -ms-transition-property: opacity, visibility; | 128 -ms-transition-property: opacity, visibility; |
| 137 transition-property: opacity, visibility; | 129 transition-property: opacity, visibility; |
| (...skipping 22 matching lines...) Expand all Loading... |
| 160 { | 152 { |
| 161 visibility: visible; | 153 visibility: visible; |
| 162 opacity: 1; | 154 opacity: 1; |
| 163 } | 155 } |
| 164 | 156 |
| 165 #share-popup.visible | 157 #share-popup.visible |
| 166 { | 158 { |
| 167 -ms-transition-duration: 0.15s; | 159 -ms-transition-duration: 0.15s; |
| 168 transition-duration: 0.15s; | 160 transition-duration: 0.15s; |
| 169 } | 161 } |
| OLD | NEW |