You are here

Home » API reference » ShareThis 7

ShareThisForm.css in ShareThis 7

Same filename and directory in other branches
  1. 7.2 ShareThisForm.css
.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; }

File

ShareThisForm.css
View source 
  1. .st_form {

  2. 	color:#333333;

  3. 	padding:10px;	

  4. 	margin:0px;

  5. 	margin-bottom: 25px;

  6. 	

  7. 	border:1px solid darkgrey;

  8. 	-moz-border-radius: 10px;

  9. 	-webkit-border-radius: 10px;

  10. 	border-radius: 10px;

  11. 	

  12. 	background: #eaeeef; 

  13.     background: -moz-linear-gradient(top, #eaeeef 0%, #fff 90%); 

  14.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeeef), color-stop(90%,#fff)); 

  15.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#fff',GradientType=0 );

  16. }

  17. 

  18. .st_formButton, .st_formButtonSave {

  19. 	margin:0px;

  20. 	margin-bottom:10px;

  21. 	margin-right:7px;

  22. 	padding:10px;

  23. 	display:inline-block;

  24. 	color:#056D2D;

  25. 	text-align:center;

  26. 	font-size:1.2em;

  27. 	width:120px;

  28. 	cursor:pointer;

  29. 	

  30. 	border:1px solid #888888;

  31. 	-moz-border-radius: 5px;

  32. 	-webkit-border-radius: 5px;

  33. 	border-radius: 5px;

  34. 	

  35. 	background: #eeeeee; 

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

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

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

  39. }

  40. 

  41. .st_formButton:hover, .st_formButtonSave:hover {

  42. 	background: #cccccc; 

  43. 	border:1px solid #aaaaaa;

  44. 	

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

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

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

  48. }

  49. 

  50. .st_formSubtitle {

  51. 	font-size:.7em;

  52. 	color:black;	

  53. }

  54. 

  55. .st_widgetPic {

  56. 	position:absolute;

  57. 	left:206px;

  58. 	display:block;

  59. 	background:white;

  60. 	padding:10px;

  61. 	border:1px solid black;

  62. 	-moz-border-radius: 5px;

  63. 	-webkit-border-radius: 5px;

  64. 	border-radius: 5px;		

  65. }

  66. 

  67. .st_widgetPicContain {

  68. 	display:block;

  69. 	height:285px;

  70. 	overflow:hidden;	

  71. 	

  72. 	border:1px solid #aaaaaa;

  73. 	-moz-border-radius: 5px;

  74. 	-webkit-border-radius: 5px;

  75. 	border-radius: 5px;	

  76. }

  77. 

  78. .st_multi .st_widgetPicContain img{

  79. 	margin-top:-285px;

  80. }

  81. 

  82. .st_widgetPic img {

  83. 	margin:0px;

  84. 	padding:0px;

  85. 	display:block;

  86. }

  87. 

  88. .st_widgetContain {

  89. 	width:800px;	

  90. 	height:340px;

  91. 	position:relative;

  92. }

  93. 

  94. .st_buttonContain {

  95. 	height:340px;	

  96. }

  97. 

  98. .st_select, .st_select:hover {

  99. 	background: #aaaaaa; 

  100. 	border: 2px solid #118811;

  101. 	margin-bottom:8px;

  102. }

  103. 

  104. .st_formPickerLeft, .st_formPickerMid, .st_formPickerRight {

  105. 	display:block;

  106. 	float:left;

  107. 	height:294px;

  108. 	width:327px;

  109. 	border:1px solid black;

  110. 	-moz-border-radius: 5px;

  111.     -webkit-border-radius: 5px;

  112.     border-radius:5px;

  113.     overflow:hidden;

  114. }

  115. 

  116. .st_formPickerMid {

  117. 	width:100px;

  118. 	border:none;

  119. 	margin-top:40px;

  120. }

  121. 

  122. .st_clear {

  123. 	clear:both;	

  124. }

  125. 

  126. #st_formULLeft, #st_formULRight  {

  127. 	display:block;

  128. 	overflow-y:scroll;	

  129. 	height:255px;

  130. 	margin:0px;

  131. 	list-style:none;

  132. 	background-color: #eeeeee;

  133. }

  134. 

  135. .st_formULHeader {

  136. 	display:block;

  137. 	font-size:1.2em;

  138. 	padding:10px;

  139. 	background-color: #115511;

  140. 	color:#115511;

  141. 	

  142. 	background: #eeeeee; 

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

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

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

  146. }

  147. 

  148. .st_pickerLi {

  149. 	border-bottom:1px solid black;	

  150. 	padding:5px;

  151. 	background: #ffffee; 

  152. 	cursor:pointer;

  153. }

  154. 

  155. .st_pickerLi:hover {

  156. 	background:#aaffcc;

  157. }

  158. 

  159. .st_selectLi, .st_selectLi:hover {

  160. 	background:#88dd11;

  161. }

  162. 

  163. .st_arrow {

  164. 	display:block;

  165. 	height:35px;

  166. 	width:35px;

  167. 	margin:30px;

  168. 	margin-bottom:10px;

  169. 	margin-top:10px;

  170. 	overflow:hidden;

  171. 	cursor:pointer;

  172. }

  173. 

  174. .st_up:hover {

  175. 	margin-top:-152px;

  176. }

  177. 

  178. .st_left {

  179. 	margin-top:-37px;

  180. }

  181. 

  182. .st_left:hover {

  183. 	margin-top:-189px;

  184. }

  185. 

  186. .st_right {

  187. 	margin-top:-75px;	

  188. }

  189. 

  190. .st_right:hover {

  191. 	margin-top:-227px;	

  192. }

  193. 

  194. .st_down {

  195. 	margin-top:-114px;	

  196. }

  197. 

  198. .st_down:hover {

  199. 	margin-top:-266px;	

  200. }

  201. 

  202. .st_formMessage {

  203. 	color:red;	

  204. }

  205. 

  206. .st_buttonSelectImage {

  207. 	left:206px;

  208. 	display:block;

  209. 	background:white;

  210. 	padding:10px;

  211. 	border:1px solid #aaaaaa;

  212. 	-moz-border-radius: 5px;

  213. 	-webkit-border-radius: 5px;

  214. 	border-radius: 5px;		

  215. }

  216. 

  217. .st_buttonSelectSprite {

  218. 	display:block;

  219. 	padding:0px;

  220. 	margin:0px;

  221. }

  222. 

  223. .st_spriteCover {

  224. 	position:absolute;

  225. 	left:219px;

  226. 	top:100px;

  227. 	display:block;

  228. 	margin:10px;	

  229. 	overflow:hidden;

  230. 	height:73px;

  231. 	width:600px;

  232. 	z-index:5;

  233. }

  234. 

  235. .st_buttonContain {

  236. 	position:relative;

  237. 	width:400px;

  238. }

  239. 

  240. .stbc_ { margin-top: -90px; }

  241. .stbc_large { margin-top: -10px; }

  242. .stbc_hcount { margin-top: -244px; }

  243. .stbc_vcount { margin-top: -315px; }

  244. .stbc_button { margin-top: -166px; }