You are here

stlib_picker.css in ShareThis 8.2

.stp_pickerLeft,
.stp_pickerArrow,
.stp_pickerRight {
  display: block;
  float: left;
  height: 254px;
  width: 250px;
  border: 1px solid black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.stp_pickerArrow {
  width: 92px;
  border: none;
  margin-top: 40px;
}


.stp_header {
  display: block;
  font-size: 1.25em;
  border-bottom: 1px solid black;
  padding: 8px;
  background-color: #115511;
  color: #115511;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(90%,#cccccc));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

.stp_ulLeft,
.stp_ulRight {
  display: block;
  overflow-y: scroll;
  height: 215px;
  margin: 0px !important;
  padding: 0px;
  list-style: none;
  background-color: #eeeeee;
}

.stp_li {
  border-bottom: 1px solid #ccc;
  padding: 0px;
  margin: 0px;
  padding-top: 5px;
  background: #ffffee;
  vertical-align: center;
}

.stp_li img {
  display: inline-    block;
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
}

.stp_liText {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 5px;
  margin-left: 10px;
  font-size: 1.2em;
  font-family: sans-serif;
  overflow: hidden;
}

.stp_arrow {
  display: block;
  height: 35px;
  width: 35px;
  margin: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.stp_li:hover {
  background: #ddddcc;
}

.stp_select,
.stp_select:hover {
  background: #ccccbb;
}

.stp_up:hover {
  margin-top: -152px;
}

.stp_left {
  margin-top: -37px;
}

.stp_left:hover {
  margin-top: -189px;
}

.stp_right {
  margin-top: -75px;
}

.stp_right:hover {
  margin-top: -227px;
}

.stp_down {
  margin-top: -114px;
}

.stp_down:hover {
  margin-top: -266px;
}

.stp_clear {
  clear: both;
  width: 500px;
}

File

css/stlib_picker.css
View source
  1. .stp_pickerLeft,
  2. .stp_pickerArrow,
  3. .stp_pickerRight {
  4. display: block;
  5. float: left;
  6. height: 254px;
  7. width: 250px;
  8. border: 1px solid black;
  9. -moz-border-radius: 4px;
  10. -webkit-border-radius: 4px;
  11. border-radius: 4px;
  12. overflow: hidden;
  13. }
  14. .stp_pickerArrow {
  15. width: 92px;
  16. border: none;
  17. margin-top: 40px;
  18. }
  19. .stp_header {
  20. display: block;
  21. font-size: 1.25em;
  22. border-bottom: 1px solid black;
  23. padding: 8px;
  24. background-color: #115511;
  25. color: #115511;
  26. background: #eeeeee;
  27. background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 90%);
  28. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(90%,#cccccc));
  29. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  30. }
  31. .stp_ulLeft,
  32. .stp_ulRight {
  33. display: block;
  34. overflow-y: scroll;
  35. height: 215px;
  36. margin: 0px !important;
  37. padding: 0px;
  38. list-style: none;
  39. background-color: #eeeeee;
  40. }
  41. .stp_li {
  42. border-bottom: 1px solid #ccc;
  43. padding: 0px;
  44. margin: 0px;
  45. padding-top: 5px;
  46. background: #ffffee;
  47. vertical-align: center;
  48. }
  49. .stp_li img {
  50. display: inline- block;
  51. margin: 0px;
  52. padding: 0px;
  53. margin-left: 5px;
  54. }
  55. .stp_liText {
  56. display: inline-block;
  57. vertical-align: top;
  58. margin: 0px;
  59. padding: 5px;
  60. margin-left: 10px;
  61. font-size: 1.2em;
  62. font-family: sans-serif;
  63. overflow: hidden;
  64. }
  65. .stp_arrow {
  66. display: block;
  67. height: 35px;
  68. width: 35px;
  69. margin: 30px;
  70. margin-bottom: 10px;
  71. margin-top: 10px;
  72. overflow: hidden;
  73. }
  74. .stp_li:hover {
  75. background: #ddddcc;
  76. }
  77. .stp_select,
  78. .stp_select:hover {
  79. background: #ccccbb;
  80. }
  81. .stp_up:hover {
  82. margin-top: -152px;
  83. }
  84. .stp_left {
  85. margin-top: -37px;
  86. }
  87. .stp_left:hover {
  88. margin-top: -189px;
  89. }
  90. .stp_right {
  91. margin-top: -75px;
  92. }
  93. .stp_right:hover {
  94. margin-top: -227px;
  95. }
  96. .stp_down {
  97. margin-top: -114px;
  98. }
  99. .stp_down:hover {
  100. margin-top: -266px;
  101. }
  102. .stp_clear {
  103. clear: both;
  104. width: 500px;
  105. }