You are here

Home » API reference » Share42 - social sharing buttons 6

share42.css in Share42 - social sharing buttons 6

Same filename and directory in other branches
  1. 7 css/share42.css
/* START: share42 block */
.block-share42 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.block-share42 .content {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
/* END: share42 block */

/* START: share42 panel */
#share42 {
  padding: 6px 6px 0;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  -moz-border-radius: 4px;
  z-index: 50 !important;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
}
#share42 a {
  opacity: 0.5;
}
#share42:hover a {
  opacity: 0.7;
}
#share42 a:hover {
  opacity: 1;
}
#share42 img {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
/* END: share42 panel */

/* START: share42 counters */
#share42 a {
  position:relative;
}
#share42 a span {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 100%;
  height: 19px;
  margin-left: 5px;
  padding: 0 5px;
  background: #FFF;
  border-radius: 4px;
  border: 1px solid #AAA;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  text-align: center;
  color: #666;
  font: 12px/20px Arial, sans-serif;
}
#share42 a:hover span {
  display: block;
}
#share42 a span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -3px;
  width: 5px;
  height: 7px;
  background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;
}
/* END: share42 counters */

File

css/share42.css
View source 
  1. /* START: share42 block */

  2. .block-share42 {

  3.   margin: 0 !important;

  4.   padding: 0 !important;

  5.   border: none !important;

  6. }

  7. .block-share42 .content {

  8.   margin: 0 !important;

  9.   padding: 0 !important;

  10.   border: none !important;

  11. }

  12. /* END: share42 block */

  13. 

  14. /* START: share42 panel */

  15. #share42 {

  16.   padding: 6px 6px 0;

  17.   background: #FFF;

  18.   border: 1px solid #E9E9E9;

  19.   border-radius: 4px;

  20.   -moz-border-radius: 4px;

  21.   z-index: 50 !important;

  22. }

  23. #share42:hover {

  24.   background: #F6F6F6;

  25.   border: 1px solid #D4D4D4;

  26.   box-shadow: 0 0 5px #DDD;

  27.   -webkit-box-shadow: 0 0 5px #DDD;

  28.   -moz-box-shadow: 0 0 5px #DDD;

  29. }

  30. #share42 a {

  31.   opacity: 0.5;

  32. }

  33. #share42:hover a {

  34.   opacity: 0.7;

  35. }

  36. #share42 a:hover {

  37.   opacity: 1;

  38. }

  39. #share42 img {

  40.   margin: 0 !important;

  41.   padding: 0 !important;

  42.   border: none !important;

  43. }

  44. /* END: share42 panel */

  45. 

  46. /* START: share42 counters */

  47. #share42 a {

  48.   position:relative;

  49. }

  50. #share42 a span {

  51.   display: none;

  52.   position: absolute;

  53.   z-index: 10;

  54.   top: 0;

  55.   left: 100%;

  56.   height: 19px;

  57.   margin-left: 5px;

  58.   padding: 0 5px;

  59.   background: #FFF;

  60.   border-radius: 4px;

  61.   border: 1px solid #AAA;

  62.   box-shadow: 0 0 5px rgba(0,0,0,0.25);

  63.   text-align: center;

  64.   color: #666;

  65.   font: 12px/20px Arial, sans-serif;

  66. }

  67. #share42 a:hover span {

  68.   display: block;

  69. }

  70. #share42 a span:before {

  71.   content: '';

  72.   position: absolute;

  73.   top: 50%;

  74.   left: -5px;

  75.   margin-top: -3px;

  76.   width: 5px;

  77.   height: 7px;

  78.   background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;

  79. }

  80. /* END: share42 counters */