You are here

sharethis.form.css in ShareThis 8.2

.st_form {
  color: #333333;
  padding: 10px;
  margin: 0px;
  margin-bottom: 25px;
  border: 1px solid darkgrey;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #eaeeef;
  background: -moz-linear-gradient(top, #eaeeef 0%, #fff 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeeef), color-stop(90%,#fff));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#fff',GradientType=0 );
}

.st_formButton,
.st_formButtonSave {
  margin: 0px;
  margin-bottom: 10px;
  margin-right: 7px;
  padding: 10px;
  display: inline-block;
  color: #056D2D;
  text-align: center;
  font-size: 1.2em;
  width: 120px;
  cursor: pointer;
  border: 1px solid #888888;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  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 );
}

.st_formButton:hover,
.st_formButtonSave:hover {
  background: #cccccc;
  border: 1px solid #aaaaaa;
  background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(90%,#eeeeee));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}

.st_formSubtitle {
  font-size: .7em;
  color: black;
}

.st_widgetPic {
  position: absolute;
  left: 206px;
  display: block;
  background: white;
  padding: 10px;
  border: 1px solid black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.st_widgetPicContain {
  display: block;
  height: 285px;
  overflow: hidden;
  border: 1px solid #aaaaaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.st_multi .st_widgetPicContain img {
  margin-top: -285px;
}

.st_widgetPic img {
  margin: 0px;
  padding: 0px;
  display: block;
}

.st_widgetContain {
  width: 800px;
  height: 340px;
  position: relative;
}

.st_buttonContain {
  height: 340px;
}

.st_select,
.st_select:hover {
  background: #aaaaaa;
  border: 2px solid #118811;
  margin-bottom: 8px;
}

.st_formPickerLeft,
.st_formPickerMid,
.st_formPickerRight {
  display: block;
  float: left;
  height: 294px;
  width: 327px;
  border: 1px solid black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.st_formPickerMid {
  width: 100px;
  border: none;
  margin-top: 40px;
}

.st_clear {
  clear: both;
}

#st_formULLeft,
#st_formULRight {
  display: block;
  overflow-y: scroll;
  height: 255px;
  margin: 0px;
  list-style: none;
  background-color: #eeeeee;
}

.st_formULHeader {
  display: block;
  font-size: 1.2em;
  padding: 10px;
  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 );
}

.st_pickerLi {
  border-bottom: 1px solid black;
  padding: 5px;
  background: #ffffee;
  cursor: pointer;
}

.st_pickerLi:hover {
  background: #aaffcc;
}

.st_selectLi,
.st_selectLi:hover {
  background: #88dd11;
}

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

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

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

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

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

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

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

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

.st_formMessage {
  color: red;
}

.st_buttonSelectImage {
  left: 206px;
  display: block;
  background: white;
  padding: 10px;
  border: 1px solid #aaaaaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.st_buttonSelectSprite {
  display: block;
  padding: 0px;
  margin: 0px;
}

.st_spriteCover {
  position: absolute;
  left: 219px;
  top: 100px;
  display: block;
  margin: 10px;
  overflow: hidden;
  height: 73px;
  width: 600px;
  z-index: 5;
}

.st_buttonContain {
  position: relative;
  width: 400px;
}

.stbc_ {
  margin-top: -90px;
}
.stbc_large {
  margin-top: -10px;
}
.stbc_hcount {
  margin-top: -244px;
}
.stbc_vcount {
  margin-top: -315px;
}
.stbc_button {
  margin-top: -166px;
}

st_cns_container {
  margin-top: -15px;
}

File

css/sharethis.form.css
View source
  1. .st_form {
  2. color: #333333;
  3. padding: 10px;
  4. margin: 0px;
  5. margin-bottom: 25px;
  6. border: 1px solid darkgrey;
  7. -moz-border-radius: 10px;
  8. -webkit-border-radius: 10px;
  9. border-radius: 10px;
  10. background: #eaeeef;
  11. background: -moz-linear-gradient(top, #eaeeef 0%, #fff 90%);
  12. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeeef), color-stop(90%,#fff));
  13. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#fff',GradientType=0 );
  14. }
  15. .st_formButton,
  16. .st_formButtonSave {
  17. margin: 0px;
  18. margin-bottom: 10px;
  19. margin-right: 7px;
  20. padding: 10px;
  21. display: inline-block;
  22. color: #056D2D;
  23. text-align: center;
  24. font-size: 1.2em;
  25. width: 120px;
  26. cursor: pointer;
  27. border: 1px solid #888888;
  28. -moz-border-radius: 5px;
  29. -webkit-border-radius: 5px;
  30. border-radius: 5px;
  31. background: #eeeeee;
  32. background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 90%);
  33. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(90%,#cccccc));
  34. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  35. }
  36. .st_formButton:hover,
  37. .st_formButtonSave:hover {
  38. background: #cccccc;
  39. border: 1px solid #aaaaaa;
  40. background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 90%);
  41. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(90%,#eeeeee));
  42. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
  43. }
  44. .st_formSubtitle {
  45. font-size: .7em;
  46. color: black;
  47. }
  48. .st_widgetPic {
  49. position: absolute;
  50. left: 206px;
  51. display: block;
  52. background: white;
  53. padding: 10px;
  54. border: 1px solid black;
  55. -moz-border-radius: 5px;
  56. -webkit-border-radius: 5px;
  57. border-radius: 5px;
  58. }
  59. .st_widgetPicContain {
  60. display: block;
  61. height: 285px;
  62. overflow: hidden;
  63. border: 1px solid #aaaaaa;
  64. -moz-border-radius: 5px;
  65. -webkit-border-radius: 5px;
  66. border-radius: 5px;
  67. }
  68. .st_multi .st_widgetPicContain img {
  69. margin-top: -285px;
  70. }
  71. .st_widgetPic img {
  72. margin: 0px;
  73. padding: 0px;
  74. display: block;
  75. }
  76. .st_widgetContain {
  77. width: 800px;
  78. height: 340px;
  79. position: relative;
  80. }
  81. .st_buttonContain {
  82. height: 340px;
  83. }
  84. .st_select,
  85. .st_select:hover {
  86. background: #aaaaaa;
  87. border: 2px solid #118811;
  88. margin-bottom: 8px;
  89. }
  90. .st_formPickerLeft,
  91. .st_formPickerMid,
  92. .st_formPickerRight {
  93. display: block;
  94. float: left;
  95. height: 294px;
  96. width: 327px;
  97. border: 1px solid black;
  98. -moz-border-radius: 5px;
  99. -webkit-border-radius: 5px;
  100. border-radius: 5px;
  101. overflow: hidden;
  102. }
  103. .st_formPickerMid {
  104. width: 100px;
  105. border: none;
  106. margin-top: 40px;
  107. }
  108. .st_clear {
  109. clear: both;
  110. }
  111. #st_formULLeft,
  112. #st_formULRight {
  113. display: block;
  114. overflow-y: scroll;
  115. height: 255px;
  116. margin: 0px;
  117. list-style: none;
  118. background-color: #eeeeee;
  119. }
  120. .st_formULHeader {
  121. display: block;
  122. font-size: 1.2em;
  123. padding: 10px;
  124. background-color: #115511;
  125. color: #115511;
  126. background: #eeeeee;
  127. background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 90%);
  128. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(90%,#cccccc));
  129. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  130. }
  131. .st_pickerLi {
  132. border-bottom: 1px solid black;
  133. padding: 5px;
  134. background: #ffffee;
  135. cursor: pointer;
  136. }
  137. .st_pickerLi:hover {
  138. background: #aaffcc;
  139. }
  140. .st_selectLi,
  141. .st_selectLi:hover {
  142. background: #88dd11;
  143. }
  144. .st_arrow {
  145. display: block;
  146. height: 35px;
  147. width: 35px;
  148. margin: 30px;
  149. margin-bottom: 10px;
  150. margin-top: 10px;
  151. overflow: hidden;
  152. cursor: pointer;
  153. }
  154. .st_up:hover {
  155. margin-top: -152px;
  156. }
  157. .st_left {
  158. margin-top: -37px;
  159. }
  160. .st_left:hover {
  161. margin-top: -189px;
  162. }
  163. .st_right {
  164. margin-top: -75px;
  165. }
  166. .st_right:hover {
  167. margin-top: -227px;
  168. }
  169. .st_down {
  170. margin-top: -114px;
  171. }
  172. .st_down:hover {
  173. margin-top: -266px;
  174. }
  175. .st_formMessage {
  176. color: red;
  177. }
  178. .st_buttonSelectImage {
  179. left: 206px;
  180. display: block;
  181. background: white;
  182. padding: 10px;
  183. border: 1px solid #aaaaaa;
  184. -moz-border-radius: 5px;
  185. -webkit-border-radius: 5px;
  186. border-radius: 5px;
  187. }
  188. .st_buttonSelectSprite {
  189. display: block;
  190. padding: 0px;
  191. margin: 0px;
  192. }
  193. .st_spriteCover {
  194. position: absolute;
  195. left: 219px;
  196. top: 100px;
  197. display: block;
  198. margin: 10px;
  199. overflow: hidden;
  200. height: 73px;
  201. width: 600px;
  202. z-index: 5;
  203. }
  204. .st_buttonContain {
  205. position: relative;
  206. width: 400px;
  207. }
  208. .stbc_ {
  209. margin-top: -90px;
  210. }
  211. .stbc_large {
  212. margin-top: -10px;
  213. }
  214. .stbc_hcount {
  215. margin-top: -244px;
  216. }
  217. .stbc_vcount {
  218. margin-top: -315px;
  219. }
  220. .stbc_button {
  221. margin-top: -166px;
  222. }
  223. st_cns_container {
  224. margin-top: -15px;
  225. }