OLD | NEW |
(Empty) | |
| 1 body |
| 2 { |
| 3 font-family: Arial, Helvetica, sans-serif; |
| 4 font-size: 1.1em; |
| 5 text-align: center; |
| 6 background-image: url(../img/background.png); |
| 7 margin: auto; |
| 8 line-height: 1.5; |
| 9 } |
| 10 |
| 11 #wrapper, |
| 12 #logo, |
| 13 .share-image, |
| 14 #share-images2, |
| 15 #share-donate |
| 16 { |
| 17 display: inline-block; |
| 18 /* IE6 inline-block fix */ |
| 19 *display: inline; |
| 20 *zoom: 1; |
| 21 } |
| 22 |
| 23 #wrapper |
| 24 { |
| 25 max-width: 800px; |
| 26 text-align: left; |
| 27 } |
| 28 |
| 29 header |
| 30 { |
| 31 padding: 20px 0px; |
| 32 vertical-align: middle; |
| 33 } |
| 34 |
| 35 #logo |
| 36 { |
| 37 background-image: url(../img/abp-128.png); |
| 38 width: 128px; |
| 39 height: 128px; |
| 40 } |
| 41 |
| 42 #title-main |
| 43 { |
| 44 display: inline; |
| 45 position: relative; |
| 46 top: -40px; |
| 47 font-weight: normal; |
| 48 font-size: 40px; |
| 49 margin: 0px 10px; |
| 50 vertical-align: bottom; |
| 51 } |
| 52 |
| 53 #features |
| 54 { |
| 55 margin: 10px 0px 40px 0px; |
| 56 } |
| 57 |
| 58 #features li |
| 59 { |
| 60 margin-left: 50px; |
| 61 list-style-image: url(../img/checkmark.png); |
| 62 } |
| 63 |
| 64 #share1, |
| 65 #share2 |
| 66 { |
| 67 display: none; |
| 68 font-size: 120%; |
| 69 margin-top: 40px; |
| 70 } |
| 71 |
| 72 html.share-variant-1 #share1, |
| 73 html.share-variant-2 #share2 |
| 74 { |
| 75 display: block; |
| 76 } |
| 77 |
| 78 .share-image |
| 79 { |
| 80 width: 64px; |
| 81 height: 64px; |
| 82 } |
| 83 |
| 84 #share-images2 |
| 85 { |
| 86 box-shadow: 0 0 4px 3px #EEEEEE; |
| 87 border-radius: 5px; |
| 88 background: #FFFFFF; |
| 89 padding: 10px 40px; |
| 90 margin-bottom: 30px; |
| 91 } |
| 92 |
| 93 #share-images2 * |
| 94 { |
| 95 vertical-align: middle; |
| 96 } |
| 97 |
| 98 #share-donate |
| 99 { |
| 100 font-style: italic; |
| 101 font-weight: bold; |
| 102 font-size: 12px; |
| 103 text-decoration: none; |
| 104 color: #003366; |
| 105 border: 1px solid #FF9933; |
| 106 border-radius: 10px; |
| 107 padding: 2px 10px; |
| 108 background-image: url(../img/button-background/donate.png); |
| 109 background-repeat: repeat-x; |
| 110 } |
| 111 |
| 112 #share2-connection |
| 113 { |
| 114 margin: 0px 20px; |
| 115 } |
| 116 |
| 117 .share-facebook |
| 118 { |
| 119 background-image: url(../img/social/facebook-old.png); |
| 120 } |
| 121 |
| 122 .share-twitter |
| 123 { |
| 124 background-image: url(../img/social/twitter-old.png); |
| 125 } |
| 126 |
| 127 .share-gplus |
| 128 { |
| 129 background-image: url(../img/social/gplus-old.png); |
| 130 } |
| 131 |
| 132 #glass-pane, #share-popup |
| 133 { |
| 134 visibility: hidden; |
| 135 opacity: 0; |
| 136 -ms-transition-property: opacity, visibility; |
| 137 transition-property: opacity, visibility; |
| 138 } |
| 139 |
| 140 #glass-pane |
| 141 { |
| 142 position: fixed; |
| 143 top: 0; |
| 144 right: 0; |
| 145 bottom: 0; |
| 146 left: 0; |
| 147 background: rgba(0, 0, 0, 0.5) url(../img/ajax-loader.gif) no-repeat 50% 50%; |
| 148 -ms-transition-duration: 0.2s; |
| 149 transition-duration: 0.2s; |
| 150 } |
| 151 |
| 152 #share-popup |
| 153 { |
| 154 border: none; |
| 155 -ms-transition-delay: 0.1s; |
| 156 transition-delay: 0.1s; |
| 157 } |
| 158 |
| 159 #glass-pane.visible, #share-popup.visible |
| 160 { |
| 161 visibility: visible; |
| 162 opacity: 1; |
| 163 } |
| 164 |
| 165 #share-popup.visible |
| 166 { |
| 167 -ms-transition-duration: 0.15s; |
| 168 transition-duration: 0.15s; |
| 169 } |
OLD | NEW |