You are here

Home » API reference » ShareBar 7.2

sharebar.css in ShareBar 7.2

Same filename and directory in other branches
  1. 8 css/sharebar.css
  2. 6 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#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: 10px;
    line-height: 10px;
    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#sharebarx {

  27.     display: none;

  28.     list-style: none;

  29.     list-style-image: none;

  30.     list-style-type: none;

  31.     width: 100%;

  32.     float: left;

  33.     margin: 0 0 10px;

  34.     padding: 0;

  35. }

  36. 

  37. body ul#sharebarx a {

  38.     line-height: 14px;

  39.     text-decoration: none;

  40. }

  41. 

  42. body ul#sharebarx li {

  43.     float: left;

  44.     margin-right: 10px;

  45.     line-height: 10px;

  46.     background-image: none;

  47. }

  48. 

  49. body ul#sharebarx li .st_email  {

  50.     margin: 0 15px !important;

  51. }

  52. 

  53. .sharebar-button {

  54.     font-size: 11px;

  55.     font-family: Verdana, Arial;

  56.     padding: 2px 4px;

  57.     background: #f7f7f7;

  58.     color: #444;

  59.     border: 1px solid #ddd;

  60.     display: block;

  61.     margin: 0 0 5px;

  62. }

  63. 

  64. .sharebar-button:hover {

  65.     border-color: #aaa;

  66. }

  67. 

  68. .credit {

  69.     margin: 0;

  70.     padding: 0;

  71.     line-height: 9px;

  72. }

  73. 

  74. .credit a {

  75.     font-size: 8px;

  76.     color: #ccc;

  77.     text-transform: uppercase;

  78.     text-decoration: none;

  79.     font-family: Verdana;

  80.     line-height: 9px;

  81. }

  82. 

  83. .FBConnectButton_Small {

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

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

  86. }

  87. 

  88. .FBConnectButton_Text {

  89.     margin-left:12px !important ;

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

  91. }

  92. 

  93. .stButton {

  94.     margin:0 0 6px !important;

  95. }

  96. 

  97. .stButton:last-child{

  98.     margin:0 !important;

  99. }

  100. 

  101. .stButton .stFb_vbubble {

  102.     width:53px !important;

  103. }

  104. 

  105. .stButton .stFb_text {

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

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

  108. }