You are here

Home » API reference » Sharerich 8

sharerich.css in Sharerich 8

Same filename and directory in other branches
  1. 7.3 css/sharerich.css
  2. 7 css/sharerich.css
  3. 7.2 css/sharerich.css
.sharerich-buttons a {
  border-bottom: transparent;
}

.sharerich-wrapper {
  z-index: 500;
}

.sharerich-form .service-disabled {
    color: #5e594f;
}
.sharerich-form .markup {
    float: left;
    width: 80%;
}
.sharerich-form .button.reset {
    float: left;
}

.item-list ul.sharerich-buttons li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 2.5px;
}
.sharerich-buttons li.rrssb-whatsapp.small a {
    background-color: #65BC54;
}

/*---- Vertical -----*/
.sharerich-wrapper.sharerich-vertical {
  position: absolute;
  top: 80px;
  width: 45px;
}

@media screen and (min-width: 47.5em) {
  .sharerich-wrapper.sharerich-vertical {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -66px;
    width: 45px;
  }
}

@media screen and (min-width: 47.5em) {
  .sharerich-wrapper.sharerich-vertical ul.sharerich-buttons {
    overflow: visible;
    position: static;
  }
}

.sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons {
  height: auto;
  position: relative;
  right: -50%;
  overflow: visible;
  margin-bottom: 0;
}

@media screen and (min-width: 47.5em) {
  .sharerich-wrapper.sharerich-vertical ul.sharerich-buttons li {
    float: none;
    width: 44px !important;
    height: 44px;
    margin-bottom: 0.5em;
    margin-right: 0;
    padding: 0;
  }
}

.sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li {
  padding: 0;
}

.sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li > a {
  height: 44px;
  width: 44px;
  padding: 0;
}

.sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li > a > .icon {
  padding-top: 12px;
  margin: 0 auto;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
}

.sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li > a > .text {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.sharerich-wrapper.sharerich-vertical.stick {
  position: fixed;
  top: 35px;
}

File

css/sharerich.css
View source 
  1. .sharerich-buttons a {

  2.   border-bottom: transparent;

  3. }

  4. 

  5. .sharerich-wrapper {

  6.   z-index: 500;

  7. }

  8. 

  9. .sharerich-form .service-disabled {

  10.     color: #5e594f;

  11. }

  12. .sharerich-form .markup {

  13.     float: left;

  14.     width: 80%;

  15. }

  16. .sharerich-form .button.reset {

  17.     float: left;

  18. }

  19. 

  20. .item-list ul.sharerich-buttons li {

  21.     float: left;

  22.     list-style: none;

  23.     margin: 0;

  24.     padding: 0 2.5px;

  25. }

  26. .sharerich-buttons li.rrssb-whatsapp.small a {

  27.     background-color: #65BC54;

  28. }

  29. 

  30. /*---- Vertical -----*/

  31. .sharerich-wrapper.sharerich-vertical {

  32.   position: absolute;

  33.   top: 80px;

  34.   width: 45px;

  35. }

  36. 

  37. @media screen and (min-width: 47.5em) {

  38.   .sharerich-wrapper.sharerich-vertical {

  39.     -moz-box-sizing: border-box;

  40.     -webkit-box-sizing: border-box;

  41.     box-sizing: border-box;

  42.     margin-left: -66px;

  43.     width: 45px;

  44.   }

  45. }

  46. 

  47. @media screen and (min-width: 47.5em) {

  48.   .sharerich-wrapper.sharerich-vertical ul.sharerich-buttons {

  49.     overflow: visible;

  50.     position: static;

  51.   }

  52. }

  53. 

  54. .sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons {

  55.   height: auto;

  56.   position: relative;

  57.   right: -50%;

  58.   overflow: visible;

  59.   margin-bottom: 0;

  60. }

  61. 

  62. @media screen and (min-width: 47.5em) {

  63.   .sharerich-wrapper.sharerich-vertical ul.sharerich-buttons li {

  64.     float: none;

  65.     width: 44px !important;

  66.     height: 44px;

  67.     margin-bottom: 0.5em;

  68.     margin-right: 0;

  69.     padding: 0;

  70.   }

  71. }

  72. 

  73. .sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li {

  74.   padding: 0;

  75. }

  76. 

  77. .sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li > a {

  78.   height: 44px;

  79.   width: 44px;

  80.   padding: 0;

  81. }

  82. 

  83. .sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li > a > .icon {

  84.   padding-top: 12px;

  85.   margin: 0 auto;

  86.   position: relative;

  87.   left: auto;

  88.   top: auto;

  89.   width: 100%;

  90. }

  91. 

  92. .sharerich-wrapper.sharerich-vertical > ul.sharerich-buttons > li > a > .text {

  93.   position: absolute;

  94.   height: 1px;

  95.   width: 1px;

  96.   overflow: hidden;

  97.   clip: rect(1px, 1px, 1px, 1px);

  98. }

  99. 

  100. .sharerich-wrapper.sharerich-vertical.stick {

  101.   position: fixed;

  102.   top: 35px;

  103. }