You are here

Home » API reference » ShareBar 8

sharebar.css in ShareBar 8

Same filename and directory in other branches
  1. 6 css/sharebar.css
  2. 7.2 css/sharebar.css
  3. 7 css/sharebar.css
body ul#sharebar {
    display: none;
    position: absolute;
    width: 65px;
    float: left;
    background: #fff;
    padding: 0;
    text-align: center;
    border: 1px solid #ccc;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    z-index: 99;
}

body ul#sharebar li {
    display: block;
    margin: 5px;
    padding: 0;
    overflow: hidden;
    text-align: center;
    background-image: none;
}

body ul#sharebarp {
    background: #fff;
    padding: 0;
    text-align: center;
    border: 1px solid #ccc;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    width: 85px;
}

body ul#sharebarp li {
    display: block;
    margin: 5px;
    padding: 0;
    /*overflow: hidden;*/
    text-align: center;
    background-image: none;
}

body ul#sharebarx {
    display: none;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
}

body ul#sharebarx a {
    line-height: 14px;
    text-decoration: none;
}

body ul#sharebarx li {
    float: left;
    margin-right: 20px;
    line-height: 18px;
    background-image: none;
}

body ul#sharebarx li .st_email  {
    margin: 0 15px !important;
}

.sharebar-button {
    font-size: 11px;
    font-family: Verdana, Arial;
    padding: 2px 4px;
    background: #f7f7f7;
    color: #444;
    border: 1px solid #ddd;
    display: block;
    margin: 0 0 5px;
}

.sharebar-button:hover {
    border-color: #aaa;
}

.credit {
    margin: 0;
    padding: 0;
    line-height: 9px;
}

.credit a {
    font-size: 8px;
    color: #ccc;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Verdana;
    line-height: 9px;
}

.FBConnectButton_Small {
    background-position:-5px -232px !important;
    border-left:1px solid #1A356E;
}

.FBConnectButton_Text {
    margin-left:12px !important ;
    padding:2px 5px 3px !important;
}

.stButton {
    margin:0 0 6px !important;
}

.stButton:last-child{
    margin:0 !important;
}

.stButton .stFb_vbubble {
    width:53px !important;
}

.stButton .stFb_text {
    padding: 2px 5px 3px !important;
    margin: 1px 1px 0 14px !important;
}

File

css/sharebar.css
View source 
  1. body ul#sharebar {

  2.     display: none;

  3.     position: absolute;

  4.     width: 65px;

  5.     float: left;

  6.     background: #fff;

  7.     padding: 0;

  8.     text-align: center;

  9.     border: 1px solid #ccc;

  10.     list-style: none;

  11.     list-style-image: none;

  12.     list-style-type: none;

  13.     margin: 0;

  14.     z-index: 99;

  15. }

  16. 

  17. body ul#sharebar li {

  18.     display: block;

  19.     margin: 5px;

  20.     padding: 0;

  21.     overflow: hidden;

  22.     text-align: center;

  23.     background-image: none;

  24. }

  25. 

  26. body ul#sharebarp {

  27.     background: #fff;

  28.     padding: 0;

  29.     text-align: center;

  30.     border: 1px solid #ccc;

  31.     list-style: none;

  32.     list-style-image: none;

  33.     list-style-type: none;

  34.     margin: 0;

  35.     width: 85px;

  36. }

  37. 

  38. body ul#sharebarp li {

  39.     display: block;

  40.     margin: 5px;

  41.     padding: 0;

  42.     /*overflow: hidden;*/

  43.     text-align: center;

  44.     background-image: none;

  45. }

  46. 

  47. body ul#sharebarx {

  48.     display: none;

  49.     list-style: none;

  50.     list-style-image: none;

  51.     list-style-type: none;

  52.     width: 100%;

  53.     float: left;

  54.     margin: 0 0 10px;

  55.     padding: 0;

  56. }

  57. 

  58. body ul#sharebarx a {

  59.     line-height: 14px;

  60.     text-decoration: none;

  61. }

  62. 

  63. body ul#sharebarx li {

  64.     float: left;

  65.     margin-right: 20px;

  66.     line-height: 18px;

  67.     background-image: none;

  68. }

  69. 

  70. body ul#sharebarx li .st_email  {

  71.     margin: 0 15px !important;

  72. }

  73. 

  74. .sharebar-button {

  75.     font-size: 11px;

  76.     font-family: Verdana, Arial;

  77.     padding: 2px 4px;

  78.     background: #f7f7f7;

  79.     color: #444;

  80.     border: 1px solid #ddd;

  81.     display: block;

  82.     margin: 0 0 5px;

  83. }

  84. 

  85. .sharebar-button:hover {

  86.     border-color: #aaa;

  87. }

  88. 

  89. .credit {

  90.     margin: 0;

  91.     padding: 0;

  92.     line-height: 9px;

  93. }

  94. 

  95. .credit a {

  96.     font-size: 8px;

  97.     color: #ccc;

  98.     text-transform: uppercase;

  99.     text-decoration: none;

  100.     font-family: Verdana;

  101.     line-height: 9px;

  102. }

  103. 

  104. .FBConnectButton_Small {

  105.     background-position:-5px -232px !important;

  106.     border-left:1px solid #1A356E;

  107. }

  108. 

  109. .FBConnectButton_Text {

  110.     margin-left:12px !important ;

  111.     padding:2px 5px 3px !important;

  112. }

  113. 

  114. .stButton {

  115.     margin:0 0 6px !important;

  116. }

  117. 

  118. .stButton:last-child{

  119.     margin:0 !important;

  120. }

  121. 

  122. .stButton .stFb_vbubble {

  123.     width:53px !important;

  124. }

  125. 

  126. .stButton .stFb_text {

  127.     padding: 2px 5px 3px !important;

  128.     margin: 1px 1px 0 14px !important;

  129. }