-
Notifications
You must be signed in to change notification settings - Fork 1
/
purdySelect.css
8 lines (8 loc) · 1.03 KB
/
purdySelect.css
1
2
3
4
5
6
7
8
/* image was taken from valkyre.deviantart.com/art/Proxal-Icon-Set-v2-17102198 */
div.purdySelect{background:#fff;color:#444;position:relative;}
div.purdySelect > div{background:url('purdySelect.png') no-repeat right 3px;border:1px solid #ddd;padding:5px 75px 5px 10px;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}
div.purdySelect > div.opened, div.purdySelect > div:hover{background-position:right -13px;-webkit-box-shadow:1px 1px 5px #aaa;-moz-box-shadow:1px 1px 5px #aaa;box-shadow:1px 1px 5px #aaa;}
div.purdySelect ul{display:none;position:absolute;list-style:none;margin:0;padding:0;border:1px solid #eee;moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;width:100%;background:#fff;-webkit-box-shadow:1px 1px 5px #aaa;-moz-box-shadow:1px 1px 5px #aaa;box-shadow:1px 1px 5px #aaa;z-index:2}
div.purdySelect ul li{padding:5px 75px 5px 10px;margin:0;border-bottom:1px solid #eee;cursor:pointer;}
div.purdySelect ul li.selected{font-weight:bold;}
div.purdySelect ul li:hover{background:#eee}