socialshareprivacy.css (10126B)
1 .social_share_privacy_area .clearfix::after { 2 content: ""; 3 height: 0; 4 line-height: 0; 5 font-size: 0; 6 visibility: hidden; 7 clear: both; 8 display: block; 9 } 10 .social_share_privacy_area { 11 clear: both; 12 margin: 20px 0 !important; 13 list-style-type: none; 14 padding: 0 !important; 15 width: auto; 16 height: 25px; 17 display: block; 18 font-family: Arial, sans-serif; 19 } 20 .social_share_privacy_area.vertical { 21 height: auto; 22 } 23 .social_share_privacy_area li { 24 margin: 0 !important; 25 padding: 0 !important; 26 height: 21px; 27 float: left; 28 } 29 .social_share_privacy_area.vertical li { 30 float: none; 31 clear: both; 32 width: 150px; 33 height: auto; 34 margin: 0 0 10px !important; 35 } 36 .social_share_privacy_area.vertical li.settings_info { 37 height: 24px; 38 } 39 .social_share_privacy_area.vertical.switch_right li { 40 width: 120px; 41 } 42 .social_share_privacy_area li .dummy_btn { 43 float: left; 44 margin: 0 0 0 10px; 45 cursor: pointer; 46 padding: 0; 47 height: inherit; 48 } 49 .social_share_privacy_area.vertical li .dummy_btn { 50 width: 90px; 51 } 52 .social_share_privacy_area.vertical.switch_right li .dummy_btn { 53 margin-left: 0; 54 } 55 .social_share_privacy_area li div iframe { 56 overflow: hidden; 57 height: inherit; 58 width: inherit; 59 } 60 /* Facebook begin */ 61 .social_share_privacy_area .facebook { 62 width: 180px; 63 display: inline-block; 64 } 65 .social_share_privacy_area.vertical .facebook { 66 display: block; 67 } 68 .social_share_privacy_area .facebook .fb_like iframe { 69 width: 130px; 70 } 71 /* Facebook end */ 72 /* Twitter begin */ 73 .social_share_privacy_area .twitter { 74 width: 148px; 75 } 76 .social_share_privacy_area li div.tweet { 77 width: 100px; 78 } 79 /* Twitter end */ 80 /* Google+ begin */ 81 .social_share_privacy_area .gplus { 82 width: 123px; 83 } 84 .social_share_privacy_area li div.gplusone { 85 width: 75px; 86 } 87 /* Google+ end */ 88 /* Switch begin */ 89 .social_share_privacy_area li .switch { 90 text-indent: -9999em; 91 background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll; 92 width: 23px; 93 height: 12px; 94 overflow: hidden; 95 float: left; 96 margin: 4px 0 0; 97 padding: 0; 98 cursor: pointer; 99 } 100 .social_share_privacy_area.vertical.switch_right li .switch { 101 float: right; 102 } 103 .social_share_privacy_area.skin-dark li .switch { 104 background-image: url(images/socialshareprivacy_on_off_dark.png); 105 } 106 .social_share_privacy_area li .switch.on { 107 background-position: 0 -12px; 108 } 109 /* Switch end */ 110 /* Tooltips begin */ 111 .social_share_privacy_area li.help_info { 112 position: relative; 113 } 114 .social_share_privacy_area li.help_info .info, 115 .social_share_privacy_area li .help_info.icon .info { 116 display: none; 117 position: absolute; 118 bottom: 40px; 119 left: 0; 120 width: 290px; 121 padding: 10px 15px; 122 margin: 0; 123 font-size: 12px; 124 line-height: 16px; 125 font-weight: bold; 126 border: 1px solid #ccc; 127 -moz-border-radius: 4px; 128 -webkit-border-radius: 4px; 129 border-radius: 4px; 130 -moz-box-shadow: 0 3px 4px #999; 131 -webkit-box-shadow: 0 3px 4px #999; 132 box-shadow: 0 3px 4px #999; 133 background-color: #fdfbec; 134 color: #000; 135 z-index: 500; 136 } 137 .social_share_privacy_area li.gplus.help_info .info { 138 left: -60px; 139 } 140 .social_share_privacy_area li .help_info.icon .info { 141 left: -243px; 142 width: 350px; 143 } 144 .social_share_privacy_area.vertical li.gplus.help_info .info, 145 .social_share_privacy_area.vertical li .help_info.icon .info { 146 left: 0; 147 } 148 .social_share_privacy_area li.help_info.display .info, 149 .social_share_privacy_area li .help_info.icon.display .info { 150 display: block; 151 } 152 .social_share_privacy_area li.help_info.info_off.display .info { 153 display: none; 154 } 155 .social_share_privacy_area li .help_info.icon { 156 background: #fff url(images/socialshareprivacy_info.png) no-repeat center center scroll; 157 width: 25px; 158 height: 20px; 159 position: relative; 160 display: inline-block; 161 vertical-align: top; 162 border: 2px solid #e7e3e3; 163 border-right-width: 0; 164 -moz-border-radius: 5px 0 0 5px; 165 -webkit-border-radius: 5px 0 0 5px; 166 border-radius: 5px 0 0 5px; 167 margin: 0; 168 padding: 0; 169 } 170 .social_share_privacy_area.skin-dark li .help_info.icon { 171 background-image: url(images/socialshareprivacy_info_dark.png),-moz-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 172 background-image: url(images/socialshareprivacy_info_dark.png),-webkit-gradient(linear,center top,center bottom,color-stop(0%,#6a6767),color-stop(100%,#2d2a2a)); 173 background-image: url(images/socialshareprivacy_info_dark.png),-webkit-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 174 background-image: url(images/socialshareprivacy_info_dark.png),-o-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 175 background-image: url(images/socialshareprivacy_info_dark.png),-ms-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 176 background-image: url(images/socialshareprivacy_info_dark.png),linear-gradient(top,#6a6767 0,#2d2a2a 100%); 177 background-image: url(images/socialshareprivacy_info_dark.png); 178 background-color: #4f4c4c; 179 border-color: #7e7e7e; 180 } 181 .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon { 182 border-top-width: 0; 183 border-left-width: 0; 184 } 185 .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon { 186 border-right-width: 2px; 187 -moz-border-radius: 5px; 188 -webkit-border-radius: 5px; 189 border-radius: 5px; 190 } 191 /* Tooltips end */ 192 /* Settings/Info begin */ 193 .social_share_privacy_area li.settings_info { 194 position: relative; 195 top: -2px; 196 } 197 .social_share_privacy_area.vertical li.settings_info { 198 top: 0; 199 } 200 .social_share_privacy_area li.settings_info a { 201 text-decoration: none; 202 margin: 0 !important; 203 } 204 .social_share_privacy_area li.settings_info .settings_info_menu { 205 background-color: #f3f4f5; 206 border: 2px solid #e7e3e3; 207 -moz-border-radius: 5px; 208 -webkit-border-radius: 5px; 209 border-radius: 5px; 210 -moz-box-shadow: 2px 2px 3px #c1c1c1; 211 -webkit-box-shadow: 2px 2px 3px #c1c1c1; 212 box-shadow: 3px 3px 3px #c1c1c1; 213 left: 0; 214 position: absolute; 215 top: 0; 216 width: 135px; 217 z-index: 1000; 218 margin: 0; 219 padding: 0; 220 } 221 .social_share_privacy_area li.settings_info .settings_info_menu.off { 222 border-width: 0; 223 -moz-box-shadow: none; 224 -webkit-box-shadow: none; 225 box-shadow: none; 226 background-color: transparent; 227 } 228 .social_share_privacy_area li.settings_info .settings_info_menu.off form { 229 display: none; 230 margin: 0; 231 padding: 0; 232 } 233 .social_share_privacy_area li.settings_info .settings_info_menu .settings { 234 text-indent: -9999em; 235 display: inline-block; 236 background: #fff url(images/settings.png) no-repeat center center scroll; 237 width: 25px; 238 height: 20px; 239 border: 2px solid #e7e3e3; 240 -moz-border-radius: 0 5px 5px 0; 241 -webkit-border-radius: 0 5px 5px 0; 242 border-radius: 0 5px 5px 0; 243 border-left: 1px solid #ddd; 244 margin: 0; 245 padding: 0; 246 } 247 .social_share_privacy_area.skin-dark li.settings_info .settings_info_menu .settings { 248 background-image: url(images/settings_dark.png),-moz-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 249 background-image: url(images/settings_dark.png),-webkit-gradient(linear,center top,center bottom,color-stop(0%,#6a6767),color-stop(100%,#2d2a2a)); 250 background-image: url(images/settings_dark.png),-webkit-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 251 background-image: url(images/settings_dark.png),-o-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 252 background-image: url(images/settings_dark.png),-ms-linear-gradient(top,#6a6767 0,#2d2a2a 100%); 253 background-image: url(images/settings_dark.png),linear-gradient(top,#6a6767 0,#2d2a2a 100%); 254 background-image: url(images/settings_dark.png); 255 background-color: #4f4c4c; 256 border-color: #7e7e7e; 257 } 258 .social_share_privacy_area.skin-dark li.settings_info .settings_info_menu.on { 259 background-color: #4f4c4c; 260 color: #fff; 261 -moz-box-shadow: none; 262 -webkit-box-shadow: none; 263 box-shadow: none; 264 } 265 .social_share_privacy_area li.settings_info .settings_info_menu.on .settings { 266 border-top-width: 0; 267 } 268 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset { 269 border-width: 0; 270 margin: 0; 271 padding: 0 10px 10px; 272 } 273 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend { 274 font-size: 11px; 275 font-weight: bold; 276 line-height: 14px; 277 margin: 0; 278 padding: 10px 0; 279 width: 115px; 280 } 281 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input { 282 clear: both; 283 float: left; 284 margin: 4px 10px 4px 0; 285 padding: 0; 286 } 287 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label { 288 display: inline-block; 289 float: left; 290 font-size: 12px; 291 font-weight: bold; 292 line-height: 24px; 293 -moz-transition: color .5s ease-in; 294 -webkit-transition: color .5s ease-in; 295 transition: color .5s ease-in; 296 margin: 0; 297 padding: 0; 298 } 299 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked { 300 color: #090; 301 } 302 /* Top-Orientation */ 303 .social_share_privacy_area li.settings_info.top { 304 305 } 306 .social_share_privacy_area li.settings_info.top .settings_info_menu.on { 307 top: auto; 308 bottom: -3px; 309 padding-bottom: 22px; 310 } 311 .social_share_privacy_area.vertical li.settings_info.top .settings_info_menu.on { 312 bottom: 0; 313 } 314 .social_share_privacy_area li.settings_info.top .settings_info_menu.on > a { 315 position: absolute; 316 bottom: 0; 317 left: 0; 318 } 319 .social_share_privacy_area li.settings_info.top .settings_info_menu.on > a .help_info.icon { 320 border-top-width: 2px; 321 border-bottom-width: 0; 322 -webkit-border-radius: 0 0 0 5px; 323 -moz-border-radius: 0 0 0 5px; 324 border-radius: 0 0 0 5px; 325 } 326 .social_share_privacy_area li.settings_info.top .settings_info_menu.on > a.settings { 327 left: 25px; 328 border-top-width: 2px; 329 border-bottom-width: 0; 330 -webkit-border-radius: 0 5px 0 0; 331 -moz-border-radius: 0 5px 0 0; 332 border-radius: 0 5px 0 0; 333 } 334 /* Settings/Info end */