/* Icon Picker */ .icon-picker-container { background-color: #fff; border: 1px solid #d3d3d3; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-sizing: border-box; font-size: 14px; height: 290px; margin-left: 0; margin-top: 40px; overflow: hidden; padding: 5px; position: absolute; width: 275px; z-index: 1; } .icon-picker-container ul { margin: 0; padding: 0; margin-bottom: 10px; } .icon-picker-container ul li a span { width: 20px; height: 20px; font-size: 20px; display: block; text-align: center; } .icon-picker-container ul li { display: inline-block; margin: 5px; float: left; } .icon-picker-container ul li a { display: block; text-decoration: none; color:#373737; padding: 6px 10px; border: 1px solid #eee; } .icon-picker-container ul li a:hover { border-color:#999; background: #efefef; } .icon-picker-control { height:32px; height:64px; } .icon-picker-control a { padding:5px; text-decoration: none; line-height: 32px; width:25px; } .icon-picker-control a span { display: inline; vertical-align: middle; } .icon-picker-control input { height: 30px; width: 75% !important; } .icon-picker-control p { text-align: center; margin: 0; padding: 2px; } .icon-picker-control select { display: inline-block; height: 30px; margin: 0 10px; width: 60%; } .regular-text { font-size: 16px; height: 40px; padding-left: 5px; width: 75%; } /* DIV Button with Preview */ div.button.icon-picker { border: 1px solid #d3d3d3; color: #333; float: none; font-size: 24px; height: 40px; line-height: 35px; margin: 0 0 10px; padding: 0; text-align: center; width: 40px; }