socialshareprivacy/socialshareprivacy.css

   1 .social_share_privacy_area {
   2     clear: both;
   3     margin: 20px 0 !important;
   4         list-style-type: none;
   5         padding: 0 !important;
   6         width: auto;
   7         height: 25px;
   8         display: block;
   9 }
  10 .social_share_privacy_area li {
  11         margin: 0 !important;
  12         padding: 0 !important;
  13         height: 21px;
  14         float: left;
  15 }
  16 .social_share_privacy_area li .dummy_btn {
  17     float: left;
  18     margin: 0 0 0 10px;
  19     cursor: pointer;
  20     padding: 0;
  21     height: inherit;
  22 }
  23 .social_share_privacy_area li div iframe {
  24     overflow: hidden;
  25     height: inherit;
  26     width: inherit;
  27 }
  28 /* Facebook begin */
  29 .social_share_privacy_area .facebook {
  30     width: 180px;
  31     display: inline-block;
  32 }
  33 .social_share_privacy_area .facebook .fb_like iframe {
  34     width: 145px;
  35 }
  36 /* Facebook end */
  37 /* Twitter begin */
  38 .social_share_privacy_area .twitter {
  39         width: 148px;
  40 }
  41 .social_share_privacy_area li div.tweet {
  42         width: 115px;
  43 }
  44 /* Twitter end */
  45 /* Google+ begin */
  46 .social_share_privacy_area .gplus {
  47         width: 123px;
  48 }
  49 .social_share_privacy_area li div.gplusone {
  50         width: 90px;
  51 }
  52 /* Google+ end */
  53 /* Switch begin */
  54 .social_share_privacy_area li .switch {
  55     display: inline-block;
  56     text-indent: -9999em;
  57     background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
  58     width: 23px;
  59     height: 12px;
  60     overflow: hidden;
  61     float: left;
  62     margin: 4px 0 0;
  63     padding: 0;
  64     cursor: pointer;
  65 }
  66 .social_share_privacy_area li .switch.on {
  67     background-position: 0 -12px;
  68 }
  69 /* Switch end */
  70 /* Tooltips begin */
  71 .social_share_privacy_area li.help_info {
  72     position: relative;
  73 }
  74 .social_share_privacy_area li.help_info .info,
  75 .social_share_privacy_area li .help_info.icon .info {
  76     display: none;
  77     position: absolute;
  78     bottom: 40px;
  79     left: 0;
  80     width: 290px;
  81     padding: 10px 15px;
  82     margin: 0;
  83     font-size: 12px;
  84     line-height: 16px;
  85     font-weight: bold;
  86     border: 1px solid #ccc;
  87     -moz-border-radius: 4px;
  88     -webkit-border-radius: 4px;
  89     border-radius: 4px;
  90     -moz-box-shadow: 0 3px 4px #999;
  91     -webkit-box-shadow: 0 3px 4px #999;
  92     box-shadow: 0 3px 4px #999;
  93     background-color: #fdfbec;
  94     color: #000;
  95     z-index: 500;
  96 }
  97 .social_share_privacy_area li.gplus.help_info .info {
  98     left: -60px;
  99 }
 100 .social_share_privacy_area li .help_info.icon .info {
 101     left: -243px;
 102     width: 350px;
 103 }
 104 .social_share_privacy_area li.help_info.display .info,
 105 .social_share_privacy_area li .help_info.icon.display .info {
 106     display: block;
 107 }
 108 .social_share_privacy_area li.help_info.info_off.display .info {
 109     display: none;
 110 }
 111 .social_share_privacy_area li .help_info.icon {
 112     background: #fff url(images/socialshareprivacy_info.png) no-repeat center center scroll;
 113     width: 25px;
 114     height: 20px;
 115     position: relative;
 116     display: inline-block;
 117         vertical-align: top;
 118         border: 2px solid #e7e3e3;
 119         border-right-width: 0;
 120         -moz-border-radius: 5px 0 0 5px;
 121         -webkit-border-radius: 5px 0 0 5px;
 122         border-radius: 5px 0 0 5px;
 123     margin: 0;
 124     padding: 0;
 125 }
 126 .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
 127         border-top-width: 0;
 128         border-left-width: 0;
 129 }
 130 .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
 131         border-right-width: 2px;
 132         -moz-border-radius: 5px;
 133         -webkit-border-radius: 5px;
 134         border-radius: 5px;
 135 }
 136 /* Tooltips end */
 137 /* Settings/Info begin */
 138 .social_share_privacy_area li.settings_info {
 139         position: relative;
 140         top: -2px;
 141 }
 142 .social_share_privacy_area li.settings_info a {
 143         text-decoration: none;
 144         margin: 0 !important;
 145 }
 146 .social_share_privacy_area li.settings_info .settings_info_menu {
 147     background-color: #f3f4f5;
 148     border: 2px solid #e7e3e3;
 149         -moz-border-radius: 5px;
 150         -webkit-border-radius: 5px;
 151     border-radius: 5px;
 152         -moz-box-shadow: 2px 2px 3px #c1c1c1;
 153         -webkit-box-shadow: 2px 2px 3px #c1c1c1;
 154     box-shadow: 3px 3px 3px #c1c1c1;
 155     left: 0;
 156     position: absolute;
 157     top: 0;
 158     width: 135px;
 159     z-index: 1000;
 160     margin: 0;
 161     padding: 0;
 162 }
 163 .social_share_privacy_area li.settings_info .settings_info_menu.off {
 164         border-width: 0;
 165         -moz-box-shadow: none;
 166         -webkit-box-shadow: none;
 167         box-shadow: none;
 168         background-color: transparent;
 169 }
 170 .social_share_privacy_area li.settings_info .settings_info_menu.off form {
 171         display: none;
 172         margin: 0;
 173         padding: 0;
 174 }
 175 .social_share_privacy_area li.settings_info .settings_info_menu .settings {
 176         text-indent: -9999em;
 177         display: inline-block;
 178         background: #fff url(images/settings.png) no-repeat center center scroll;
 179         width: 25px;
 180         height: 20px;
 181         border: 2px solid #e7e3e3;
 182         -moz-border-radius: 0 5px 5px 0;
 183         -webkit-border-radius: 0 5px 5px 0;
 184         border-radius: 0 5px 5px 0;
 185         border-left: 1px solid #ddd;
 186         margin: 0;
 187         padding: 0;
 188 }
 189 .social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
 190         border-top-width: 0;
 191 }
 192 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
 193     border-width: 0;
 194     margin: 0;
 195     padding: 0 10px 10px;
 196 }
 197 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
 198     font-size: 11px;
 199     font-weight: bold;
 200     line-height: 14px;
 201     margin: 0;
 202     padding: 10px 0;
 203         width: 115px;
 204 }
 205 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
 206         clear: both;
 207     float: left;
 208     margin: 4px 10px 4px 0;
 209     padding: 0;
 210 }
 211 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
 212     display: inline-block;
 213     float: left;
 214     font-size: 12px;
 215     font-weight: bold;
 216     line-height: 24px;
 217         -moz-transition: color .5s ease-in;
 218         -webkit-transition: color .5s ease-in;
 219         transition: color .5s ease-in;
 220         margin: 0;
 221         padding: 0;
 222 }
 223 .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
 224         color: #090;
 225 }
 226 /* Settings/Info end */