From 51ee3964c0f799fa9786ddd85b54707c43cd3509 Mon Sep 17 00:00:00 2001
From: Christian Vogeley <christian.vogeley@hotmail.de>
Date: Tue, 25 Mar 2014 19:36:44 +0100
Subject: Well, if you want to add a color picker it is indeed a good idea

to include the color picker.
---
 .../src/less/colorpicker.less                      | 193 +++++++++++++++++++++
 1 file changed, 193 insertions(+)
 create mode 100644 library/bootstrap-colorpicker/src/less/colorpicker.less

(limited to 'library/bootstrap-colorpicker/src/less')

diff --git a/library/bootstrap-colorpicker/src/less/colorpicker.less b/library/bootstrap-colorpicker/src/less/colorpicker.less
new file mode 100644
index 000000000..311b58fd9
--- /dev/null
+++ b/library/bootstrap-colorpicker/src/less/colorpicker.less
@@ -0,0 +1,193 @@
+/*!
+ * Bootstrap Colorpicker
+ * http://mjolnic.github.io/bootstrap-colorpicker/
+ *
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
+ *
+ */
+.bgImg(@img){
+    background-image: url("../img/bootstrap-colorpicker/@{img}");
+}
+.borderRadius(@size){
+    -webkit-border-radius: @size;
+    -moz-border-radius: @size;
+    border-radius: @size;
+}
+
+.colorpicker-saturation {
+    width: 100px;
+    height: 100px;
+    .bgImg('saturation.png');
+    cursor: crosshair;
+    float: left;
+    i {
+        display: block;
+        height: 5px;
+        width: 5px;
+        border: 1px solid #000;
+        .borderRadius(5px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        margin: -4px 0 0 -4px;
+        b {
+            display: block;
+            height: 5px;
+            width: 5px;
+            border: 1px solid #fff;
+            .borderRadius(5px);
+        }
+    }
+}
+
+.colorpicker-hue,
+.colorpicker-alpha {
+    width: 15px;
+    height: 100px;
+    float: left;
+    cursor: row-resize;
+    margin-left: 4px;
+    margin-bottom: 4px;
+}
+.colorpicker-hue i,
+.colorpicker-alpha i {
+    display: block;
+    height: 1px;
+    background: #000;
+    border-top: 1px solid #fff;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    margin-top: -1px;
+}
+.colorpicker-hue {
+    .bgImg('hue.png');
+}
+.colorpicker-alpha {
+    .bgImg('alpha.png');
+    display: none;
+}
+.colorpicker {
+    *zoom: 1;
+    top: 0;
+    left: 0;
+    padding: 4px;
+    min-width: 130px;
+    margin-top: 1px;
+    .borderRadius(4px);
+    z-index:2500;
+}
+.colorpicker:before,
+.colorpicker:after {
+    display: table;
+    content: "";
+    line-height: 0;
+}
+.colorpicker:after {
+    clear: both;
+}
+.colorpicker:before {
+    content: '';
+    display: inline-block;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #ccc;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    position: absolute;
+    top: -7px;
+    left: 6px;
+}
+.colorpicker:after {
+    content: '';
+    display: inline-block;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #ffffff;
+    position: absolute;
+    top: -6px;
+    left: 7px;
+}
+.colorpicker div {
+    position: relative;
+}
+.colorpicker.colorpicker-with-alpha {
+    min-width: 140px;
+}
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+    display: block;
+}
+.colorpicker-color {
+    height: 10px;
+    margin-top: 5px;
+    clear: both;
+    .bgImg('alpha.png');
+    background-position: 0 100%;
+}
+.colorpicker-color div {
+    height: 10px;
+}
+.colorpicker-element .input-group-addon i,
+.colorpicker-element .add-on i {
+    display: inline-block;
+    cursor: pointer;
+    height: 16px;
+    vertical-align: text-top;
+    width: 16px;
+}
+.colorpicker.colorpicker-inline {
+    position: relative;
+    display: inline-block;
+    float: none;
+}
+.colorpicker.colorpicker-horizontal {
+    width: 110px;
+    min-width: 110px;
+    height: auto;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-saturation{
+    margin-bottom: 4px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-color {
+    width: 100px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+    width: 100px;
+    height: 15px;
+    float: left;
+    cursor: col-resize;
+    margin-left: 0px;
+    margin-bottom: 4px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-hue i,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
+    display: block;
+    height: 15px;
+    background: #ffffff;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 1px;
+    border: none;
+    margin-top: 0px;
+}
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+    .bgImg('hue-horizontal.png');
+}
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+    .bgImg('alpha-horizontal.png');
+}
+
+.colorpicker.colorpicker-hidden{
+    display:none;
+}
+
+.colorpicker.colorpicker-visible{
+    display:block;
+}
+.colorpicker-inline.colorpicker-visible{
+    display:inline-block;
+}
-- 
cgit v1.2.3