diff options
| author | Bobby <[email protected]> | 2013-06-13 01:41:58 -0500 |
|---|---|---|
| committer | Imtiyaz S. Momin <[email protected]> | 2013-06-13 01:41:58 -0500 |
| commit | 3a02e993ef59cfdde447e2bd95dca34142a776b1 (patch) | |
| tree | f55740990a700f28f08ef0269e850036f66f66e4 /css/jquery.simplecolorpicker.css | |
| download | TShirtDesigner-3a02e993ef59cfdde447e2bd95dca34142a776b1.tar.xz TShirtDesigner-3a02e993ef59cfdde447e2bd95dca34142a776b1.zip | |
Committing local files
Diffstat (limited to 'css/jquery.simplecolorpicker.css')
| -rw-r--r-- | css/jquery.simplecolorpicker.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/css/jquery.simplecolorpicker.css b/css/jquery.simplecolorpicker.css new file mode 100644 index 0000000..9a6f33a --- /dev/null +++ b/css/jquery.simplecolorpicker.css @@ -0,0 +1,95 @@ +/** + * Very simple jQuery Color Picker CSS. + * + * Copyright (C) 2012 Tanguy Krotoff + * + * Licensed under the MIT license. + * + * Inspired by Bootstrap Twitter. + * See https://github.com/twitter/bootstrap/blob/master/less/dropdowns.less + * See http://twitter.github.com/bootstrap/assets/css/bootstrap.css + */ + +.simplecolorpicker:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.simplecolorpicker:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; +} + +.simplecolorpicker.picker { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + + min-width: 160px; + max-width: 264px; + + padding: 4px 0 0 4px; + margin: 1px 0 0; + list-style: none; + background-color: #ffffff; + + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + + *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; + background-clip: padding-box; +} + + .simplecolorpicker.inline { + display: inline-block; + height: 18px; + padding: 4px 0; + } + + .simplecolorpicker.icon, + .simplecolorpicker div { + cursor: pointer; + display: inline-block; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + + border: 1px solid transparent; + } + .simplecolorpicker div { + margin: 0 4px 4px 0; + } + + .simplecolorpicker div:hover, + .simplecolorpicker div.selected { + border: 1px solid black; + } |
