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
- .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;
- }