You are here

Home » API reference » Share Message 8

sharemessage.sharrre.css in Share Message 8 

#sharemessage.sharrre {
    width:100%;
    display:inline-block;
}

.sharrre .count {
    margin: 0 auto;
    color:#444444;
    display:block;
    font-size:17px;
    line-height:34px;
    height:34px;
    padding:4px 0;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:50px;
    background-color:#eee;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.sharrre .share {
    color:#FFFFFF;
    display:block;
    font-size:11px;
    height:16px;
    line-height:16px;
    margin-top:3px;
    padding:0;
    text-align:center;
    text-decoration:none;
    width:50px;
    background-color:#9CCE39;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.sharrre .buttons {
    clear: both;
}

.sharrre .button {
    float:left;
    padding-top: 10px;
    width:55px;
    background: none;
    border: none;
    margin: 0;
    height: 60px;
    display: flex;
}

.sharrre .button.pinterest a {
    align-self: flex-end;
}

File

css/sharemessage.sharrre.css
View source 
  1. #sharemessage.sharrre {

  2.     width:100%;

  3.     display:inline-block;

  4. }

  5. 

  6. .sharrre .count {

  7.     margin: 0 auto;

  8.     color:#444444;

  9.     display:block;

  10.     font-size:17px;

  11.     line-height:34px;

  12.     height:34px;

  13.     padding:4px 0;

  14.     position:relative;

  15.     text-align:center;

  16.     text-decoration:none;

  17.     width:50px;

  18.     background-color:#eee;

  19.     -webkit-border-radius:4px;

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

  21.     border-radius:4px;

  22. }

  23. 

  24. .sharrre .share {

  25.     color:#FFFFFF;

  26.     display:block;

  27.     font-size:11px;

  28.     height:16px;

  29.     line-height:16px;

  30.     margin-top:3px;

  31.     padding:0;

  32.     text-align:center;

  33.     text-decoration:none;

  34.     width:50px;

  35.     background-color:#9CCE39;

  36.     -webkit-border-radius:4px;

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

  38.     border-radius:4px;

  39. }

  40. 

  41. .sharrre .buttons {

  42.     clear: both;

  43. }

  44. 

  45. .sharrre .button {

  46.     float:left;

  47.     padding-top: 10px;

  48.     width:55px;

  49.     background: none;

  50.     border: none;

  51.     margin: 0;

  52.     height: 60px;

  53.     display: flex;

  54. }

  55. 

  56. .sharrre .button.pinterest a {

  57.     align-self: flex-end;

  58. }