Permalink
Please
sign in to comment.
Showing
with
1,358 additions
and 0 deletions.
- +261 −0 vendor/bootstrap-colorpicker/css/bootstrap-colorpicker.css
- +9 −0 vendor/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css
- BIN vendor/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png
- BIN vendor/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png
- BIN vendor/bootstrap-colorpicker/img/bootstrap-colorpicker/hue-horizontal.png
- BIN vendor/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png
- BIN vendor/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png
- +1,087 −0 vendor/bootstrap-colorpicker/js/bootstrap-colorpicker.js
- +1 −0 vendor/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js
@@ -0,0 +1,261 @@ | ||
/*! | ||
* 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 | ||
* | ||
*/ | ||
|
||
.colorpicker-saturation { | ||
float: left; | ||
width: 100px; | ||
height: 100px; | ||
cursor: crosshair; | ||
background-image: url("../img/bootstrap-colorpicker/saturation.png"); | ||
} | ||
|
||
.colorpicker-saturation i { | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
display: block; | ||
width: 5px; | ||
height: 5px; | ||
margin: -4px 0 0 -4px; | ||
border: 1px solid #000; | ||
-webkit-border-radius: 5px; | ||
-moz-border-radius: 5px; | ||
border-radius: 5px; | ||
} | ||
|
||
.colorpicker-saturation i b { | ||
display: block; | ||
width: 5px; | ||
height: 5px; | ||
border: 1px solid #fff; | ||
-webkit-border-radius: 5px; | ||
-moz-border-radius: 5px; | ||
border-radius: 5px; | ||
} | ||
|
||
.colorpicker-hue, | ||
.colorpicker-alpha { | ||
float: left; | ||
width: 15px; | ||
height: 100px; | ||
margin-bottom: 4px; | ||
margin-left: 4px; | ||
cursor: row-resize; | ||
} | ||
|
||
.colorpicker-hue i, | ||
.colorpicker-alpha i { | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
display: block; | ||
width: 100%; | ||
height: 1px; | ||
margin-top: -1px; | ||
background: #000; | ||
border-top: 1px solid #fff; | ||
} | ||
|
||
.colorpicker-hue { | ||
background-image: url("../img/bootstrap-colorpicker/hue.png"); | ||
} | ||
|
||
.colorpicker-alpha { | ||
display: none; | ||
background-image: url("../img/bootstrap-colorpicker/alpha.png"); | ||
} | ||
|
||
.colorpicker-saturation, | ||
.colorpicker-hue, | ||
.colorpicker-alpha { | ||
background-size: contain; | ||
} | ||
|
||
.colorpicker { | ||
top: 0; | ||
left: 0; | ||
z-index: 2500; | ||
min-width: 130px; | ||
padding: 4px; | ||
margin-top: 1px; | ||
-webkit-border-radius: 4px; | ||
-moz-border-radius: 4px; | ||
border-radius: 4px; | ||
*zoom: 1; | ||
} | ||
|
||
.colorpicker:before, | ||
.colorpicker:after { | ||
display: table; | ||
line-height: 0; | ||
content: ""; | ||
} | ||
|
||
.colorpicker:after { | ||
clear: both; | ||
} | ||
|
||
.colorpicker:before { | ||
position: absolute; | ||
top: -7px; | ||
left: 6px; | ||
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: ''; | ||
} | ||
|
||
.colorpicker:after { | ||
position: absolute; | ||
top: -6px; | ||
left: 7px; | ||
display: inline-block; | ||
border-right: 6px solid transparent; | ||
border-bottom: 6px solid #ffffff; | ||
border-left: 6px solid transparent; | ||
content: ''; | ||
} | ||
|
||
.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; | ||
background-image: url("../img/bootstrap-colorpicker/alpha.png"); | ||
background-position: 0 100%; | ||
} | ||
|
||
.colorpicker-color div { | ||
height: 10px; | ||
} | ||
|
||
.colorpicker-selectors { | ||
display: none; | ||
height: 10px; | ||
margin-top: 5px; | ||
clear: both; | ||
} | ||
|
||
.colorpicker-selectors i { | ||
float: left; | ||
width: 10px; | ||
height: 10px; | ||
cursor: pointer; | ||
} | ||
|
||
.colorpicker-selectors i + i { | ||
margin-left: 3px; | ||
} | ||
|
||
.colorpicker-element .input-group-addon i, | ||
.colorpicker-element .add-on i { | ||
display: inline-block; | ||
width: 16px; | ||
height: 16px; | ||
vertical-align: text-top; | ||
cursor: pointer; | ||
} | ||
|
||
.colorpicker.colorpicker-inline { | ||
position: relative; | ||
z-index: auto; | ||
display: inline-block; | ||
float: none; | ||
} | ||
|
||
.colorpicker.colorpicker-horizontal { | ||
width: 110px; | ||
height: auto; | ||
min-width: 110px; | ||
} | ||
|
||
.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 { | ||
float: left; | ||
width: 100px; | ||
height: 15px; | ||
margin-bottom: 4px; | ||
margin-left: 0; | ||
cursor: col-resize; | ||
} | ||
|
||
.colorpicker.colorpicker-horizontal .colorpicker-hue i, | ||
.colorpicker.colorpicker-horizontal .colorpicker-alpha i { | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
display: block; | ||
width: 1px; | ||
height: 15px; | ||
margin-top: 0; | ||
background: #ffffff; | ||
border: none; | ||
} | ||
|
||
.colorpicker.colorpicker-horizontal .colorpicker-hue { | ||
background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png"); | ||
} | ||
|
||
.colorpicker.colorpicker-horizontal .colorpicker-alpha { | ||
background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png"); | ||
} | ||
|
||
.colorpicker.colorpicker-hidden { | ||
display: none; | ||
} | ||
|
||
.colorpicker.colorpicker-visible { | ||
display: block; | ||
} | ||
|
||
.colorpicker-inline.colorpicker-visible { | ||
display: inline-block; | ||
} | ||
|
||
.colorpicker-right:before { | ||
right: 6px; | ||
left: auto; | ||
} | ||
|
||
.colorpicker-right:after { | ||
right: 7px; | ||
left: auto; | ||
} | ||
|
||
.colorpicker-no-arrow:before { | ||
border-right: 0; | ||
border-left: 0; | ||
} | ||
|
||
.colorpicker-no-arrow:after { | ||
border-right: 0; | ||
border-left: 0; | ||
} |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

Oops, something went wrong.
0 comments on commit
0907ae6