You are here

Home » API reference » ShareThis 7

stlib_picker.css in ShareThis 7

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

stlib_picker.css
View source 
  1. .stp_pickerLeft, .stp_pickerArrow, .stp_pickerRight {

  2. 	display:block;

  3. 	float:left;

  4. 	height:254px;

  5. 	width:250px;

  6. 	border:1px solid black;

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

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

  9.     border-radius:4px;

  10.     overflow:hidden;

  11. }

  12. 

  13. .stp_pickerArrow {

  14. 	width:92px;

  15. 	border:none;

  16. 	margin-top:40px;

  17. }

  18. 

  19. 

  20. .stp_header {

  21. 	display:block;

  22. 	font-size:1.25em;

  23. 	border-bottom:1px solid black;

  24. 	padding:8px;

  25. 	background-color: #115511;

  26. 	color:#115511;

  27. 	

  28. 	background: #eeeeee; 

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

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

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

  32. }

  33. 

  34. .stp_ulLeft, .stp_ulRight  {

  35. 	display:block;

  36. 	overflow-y:scroll;	

  37. 	height:215px;

  38. 	margin:0px !important;

  39. 	padding:0px;

  40. 	list-style:none;

  41. 	background-color: #eeeeee;

  42. }

  43. 

  44. .stp_li {

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

  46. 	padding:0px;

  47. 	margin:0px;

  48. 	padding-top:5px;

  49. 	background: #ffffee; 

  50. 	vertical-align:center;

  51. }

  52. 

  53. .stp_li img {

  54. 	display:inline-	block;

  55. 	margin:0px;

  56. 	padding:0px;

  57. 	margin-left:5px;

  58. }

  59. 

  60. .stp_liText {

  61. 	display:inline-block;

  62. 	vertical-align:top;

  63. 	margin:0px;

  64. 	padding:5px;

  65. 	margin-left:10px;

  66. 	font-size:1.2em;

  67. 	font-family:sans-serif;

  68. 	overflow:hidden;

  69. }

  70. 

  71. .stp_arrow {

  72. 	display:block;

  73. 	height:35px;

  74. 	width:35px;

  75. 	margin:30px;

  76. 	margin-bottom:10px;

  77. 	margin-top:10px;

  78. 	overflow:hidden;

  79. }

  80. 

  81. .stp_li:hover {

  82. 	background: #ddddcc; 

  83. }

  84. 

  85. .stp_select, .stp_select:hover {

  86. 	background:#ccccbb;

  87. }

  88. 

  89. .stp_up:hover {

  90. 	margin-top:-152px;

  91. }

  92. 

  93. .stp_left {

  94. 	margin-top:-37px;

  95. }

  96. 

  97. .stp_left:hover {

  98. 	margin-top:-189px;

  99. }

  100. 

  101. .stp_right {

  102. 	margin-top:-75px;	

  103. }

  104. 

  105. .stp_right:hover {

  106. 	margin-top:-227px;	

  107. }

  108. 

  109. .stp_down {

  110. 	margin-top:-114px;	

  111. }

  112. 

  113. .stp_down:hover {

  114. 	margin-top:-266px;	

  115. }

  116. 

  117. .stp_clear {

  118. 	clear:both;

  119. 	width:500px;

  120. }