?
Path : /home/admin/public_html/old/media/jui/css/ |
Current File : /home/admin/public_html/old/media/jui/css/jquery.simplecolors.css |
/** * LOOSELY BASED ON: * Very simple jQuery Color Picker * Copyright (C) 2012 Tanguy Krotoff * Licensed under the MIT license * * ADAPTED BY: * Copyright (C) 2013 Peter van Westen */ .simplecolors-swatch { cursor: pointer; position: relative; width: 20px; height: 20px; background: url(../img/jquery.minicolors.png) -80px 0; border: solid 1px #CCC; vertical-align: middle; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .simplecolors-swatch span { position: absolute; width: 100%; height: 100%; background: none; -webkit-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1); display: inline-block; } .simplecolors-panel .simplecolors-swatch { margin: 0 4px 4px 0; } .simplecolors-swatch.active, .simplecolors-swatch:hover, .simplecolors-swatch:focus, .simplecolors-swatch span:focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ } .simplecolors-swatch:hover, .simplecolors-swatch.active { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .simplecolors-panel { position: absolute; top: 100%; left: 0; z-index: 12; display: none; float: left; padding: 6px 2px 2px 6px; margin: 1px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #dddddd; *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }