­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* Document : iconPicker.css Created on : 25-Nov-2012, 20:10:27 Author : jamesb Description: Stylesheet for the Map Locations -> Custom Icons setcion */ /*Page icon*/ #icon-edit.icon32-posts-maplist,.icon32{background:transparent url("../../images/MapListProBigIcon.png") no-repeat 50% 50%;} /*Contains whole list*/ #IconPicker{position:relative;width:500px;} #IconPicker:after{ bottom:0; color:#ccc; content:"Show last"; display:block; left:-80px; padding-top:20px; position: absolute; width:60px; } #IconPicker .currentIcon{ background:transparent none no-repeat 50% 50%; display:block; height:32px; position:absolute; right:5px; top:3px; width:32px; } #IconPicker > li { /*Gradient background*/ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ /*Rounded corners*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*Text shadow*/ text-shadow: 0px 2px 0px #fff; border:solid 1px #ccc; color:#555; padding:10px; position:relative; } #IconPicker li label{ color:#333; display:block; font-size:18px; } #IconPicker input{} .iconChooser{ display:none;/*Starts out hidden*/ } .iconChooser span{ border-top:dashed 1px #ccc; display:block; margin-top:10px; padding:5px 0; } .iconChooser .mapCategoryIcons{} .iconChooser .mapCategoryIcons li{display:inline-block;} .iconChooser .mapCategoryIcons li a.mapIcon{ border:solid 1px transparent; -webkit-border-radius: 5px; border-radius:5px; display:block; } .iconChooser .mapCategoryIcons li a.mapIcon:hover{ background-color:#ccc; border:solid 1px #aaa; } .iconChooser .mapCategoryIcons li a.mapIcon:active{ background-color:#999; border:solid 1px #777; } /*Currently chosen item*/ .iconChooser .mapCategoryIcons li.selected a.mapIcon{ background-color:#333; border:solid 1px #333; } .iconChooser .mapCategoryIcons li a.mapIcon img{} /*Add helper stuff in*/ .form-table th{ width:60px; } .form-table th:before{ color:#ccc; content:"Show first"; display:block; left:10px; padding-top:10px; position: absolute; width:60px; } #AllIconChoices{ -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1); background-color:#fff; border:solid 1px #ccc; height:200px; overflow:auto; padding:10px; } #AllIconChoices h3{ border-bottom: solid 1px #eee; clear:both; display:block; float:none; margin:0 0 10px 0; padding-bottom: 5px; width:435px; }