You are here

Home » API reference » ShareBar 7

sharebar.css in ShareBar 7

Same filename and directory in other branches
  1. 8 css/sharebar.css
  2. 6 css/sharebar.css
  3. 7.2 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;
}

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. }

  36. 

  37. body ul#sharebarp li {

  38.     display: block;

  39.     margin: 5px;

  40.     padding: 0;

  41.     /*overflow: hidden;*/

  42.     text-align: center;

  43.     background-image: none;

  44. }

  45. 

  46. body ul#sharebarx {

  47.     display: none;

  48.     list-style: none;

  49.     list-style-image: none;

  50.     list-style-type: none;

  51.     width: 100%;

  52.     float: left;

  53.     margin: 0 0 10px;

  54.     padding: 0;

  55. }

  56. 

  57. body ul#sharebarx a {

  58.     line-height: 14px;

  59.     text-decoration: none;

  60. }

  61. 

  62. body ul#sharebarx li {

  63.     float: left;

  64.     margin-right: 20px;

  65.     line-height: 18px;

  66.     background-image: none;

  67. }

  68. 

  69. body ul#sharebarx li .st_email  {

  70.     margin: 0 15px !important;

  71. }

  72. 

  73. .sharebar-button {

  74.     font-size: 11px;

  75.     font-family: Verdana, Arial;

  76.     padding: 2px 4px;

  77.     background: #f7f7f7;

  78.     color: #444;

  79.     border: 1px solid #ddd;

  80.     display: block;

  81.     margin: 0 0 5px;

  82. }

  83. 

  84. .sharebar-button:hover {

  85.     border-color: #aaa;

  86. }

  87. 

  88. .credit {

  89.     margin: 0;

  90.     padding: 0;

  91.     line-height: 9px;

  92. }

  93. 

  94. .credit a {

  95.     font-size: 8px;

  96.     color: #ccc;

  97.     text-transform: uppercase;

  98.     text-decoration: none;

  99.     font-family: Verdana;

  100.     line-height: 9px;

  101. }

  102. 

  103. .FBConnectButton_Small {

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

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

  106. }

  107. 

  108. .FBConnectButton_Text {

  109.     margin-left:12px !important ;

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

  111. }

  112. 

  113. .stButton {

  114.     margin:0 0 6px !important;

  115. }

  116. 

  117. .stButton:last-child{

  118.     margin:0 !important;

  119. }

  120. 

  121. .stButton .stFb_vbubble {

  122.     width:53px !important;

  123. }

  124. 

  125. .stButton .stFb_text {

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

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

  128. }