You are here

Home » API reference » ShareThis 7.2

stlib_picker.css in ShareThis 7.2

Same filename and directory in other branches
  1. 7 stlib_picker.css

Styling for stlib_picker.

File

stlib_picker.css
View source 
  1. /**

  2.  * @file

  3.  * Styling for stlib_picker.

  4.  */

  5. 

  6. .stp_pickerLeft,

  7. .stp_pickerArrow,

  8. .stp_pickerRight {

  9.   display: block;

  10.   float: left;

  11.   height: 254px;

  12.   width: 250px;

  13.   border: 1px solid black;

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

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

  16.   border-radius: 4px;

  17.   overflow: hidden;

  18. }

  19. 

  20. .stp_pickerArrow {

  21.   width: 92px;

  22.   border: none;

  23.   margin-top: 40px;

  24. }

  25. 

  26. .stp_header {

  27.   display: block;

  28.   font-size: 1.25em;

  29.   border-bottom: 1px solid black;

  30.   padding: 8px;

  31.   background-color: #115511;

  32.   color: #115511;

  33.   background: #eeeeee;

  34.   background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 90%);

  35.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(90%,#cccccc));

  36.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

  37. }

  38. 

  39. .stp_ulLeft,

  40. .stp_ulRight {

  41.   display: block;

  42.   overflow-y: scroll;

  43.   height: 215px;

  44.   margin: 0px !important;

  45.   padding: 0px;

  46.   list-style: none;

  47.   background-color: #eeeeee;

  48. }

  49. 

  50. .stp_li {

  51.   border-bottom: 1px solid #ccc;

  52.   padding: 0px;

  53.   margin: 0px;

  54.   padding-top: 5px;

  55.   background: #ffffee;

  56.   vertical-align: center;

  57. }

  58. 

  59. .stp_li img {

  60.   display: inline-block;

  61.   margin: 0px;

  62.   padding: 0px;

  63.   margin-left: 5px;

  64. }

  65. 

  66. .stp_liText {

  67.   display: inline-block;

  68.   vertical-align: top;

  69.   margin: 0px;

  70.   padding: 5px;

  71.   margin-left: 10px;

  72.   font-size: 1.2em;

  73.   font-family: sans-serif;

  74.   overflow: hidden;

  75. }

  76. 

  77. .stp_arrow {

  78.   display: block;

  79.   height: 35px;

  80.   width: 35px;

  81.   margin: 30px;

  82.   margin-bottom: 10px;

  83.   margin-top: 10px;

  84.   overflow: hidden;

  85. }

  86. 

  87. .stp_li:hover {

  88.   background: #ddddcc;

  89. }

  90. 

  91. .stp_select,

  92. .stp_select:hover {

  93.   background: #ccccbb;

  94. }

  95. 

  96. .stp_up:hover {

  97.   margin-top: -152px;

  98. }

  99. 

  100. .stp_left {

  101.   margin-top: -37px;

  102. }

  103. 

  104. .stp_left:hover {

  105.   margin-top: -189px;

  106. }

  107. 

  108. .stp_right {

  109.   margin-top: -75px;

  110. }

  111. 

  112. .stp_right:hover {

  113.   margin-top: -227px;

  114. }

  115. 

  116. .stp_down {

  117.   margin-top: -114px;

  118. }

  119. 

  120. .stp_down:hover {

  121.   margin-top: -266px;

  122. }

  123. 

  124. .stp_clear {

  125.   clear: both;

  126.   width: 500px;

  127. }