/* * Dashicons Icon Picker * http://themergency.com/dashicon-picker-jquery-plugin/ * https://github.com/bradvin/dashicons-picker * * Copyright 2013 Themergency.com * Licensed under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Author: Brad Vincent (@themergency) */ .dashicons-picker-icon-preview { margin: 0.5em 0 1em; } .dashicons-picker-icon-preview span { font-size: 60px; display: block; height: 60px; } .dashicon-picker-container { position: absolute; width: 270px; height: 262px; font-size: 14px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 5px; box-sizing: border-box; } .dashicon-picker-container ul { margin: 0; padding: 0; margin-bottom: 10px; } .dashicon-picker-container ul .dashicons { width: 20px; height: 20px; font-size: 20px; } .dashicon-picker-container ul li { display: inline-block; margin: 5px; float: left; } .dashicon-picker-container ul li a { display: block; text-decoration: none; color: #373737; padding: 6px 10px; border: 1px solid #eee; } .dashicon-picker-container ul li a:hover { border-color: #999; background: #efefef; } .dashicon-picker-control { height: 32px; } .dashicon-picker-control a { padding: 5px; text-decoration: none; line-height: 32px; width: 25px; } .dashicon-picker-control a span { display: inline; vertical-align: middle; } .dashicon-picker-control input { width: 190px; } #widget-list [id*='_anderson_'] .widget-top { background: #21759b; color: #fff; font-style: italic; }