aboutsummaryrefslogtreecommitdiff
path: root/css/jquery.simplecolorpicker.css
diff options
context:
space:
mode:
authorBobby <[email protected]>2013-06-13 01:41:58 -0500
committerImtiyaz S. Momin <[email protected]>2013-06-13 01:41:58 -0500
commit3a02e993ef59cfdde447e2bd95dca34142a776b1 (patch)
treef55740990a700f28f08ef0269e850036f66f66e4 /css/jquery.simplecolorpicker.css
downloadTShirtDesigner-3a02e993ef59cfdde447e2bd95dca34142a776b1.tar.xz
TShirtDesigner-3a02e993ef59cfdde447e2bd95dca34142a776b1.zip
Committing local files
Diffstat (limited to 'css/jquery.simplecolorpicker.css')
-rw-r--r--css/jquery.simplecolorpicker.css95
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;
+ }