279 lines
106 KiB
CSS
279 lines
106 KiB
CSS
|
.minicolors {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-sprite {
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-no-data-uris .minicolors-sprite {
|
||
|
|
background-image: url(jquery.minicolors.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-swatch {
|
||
|
|
position: absolute;
|
||
|
|
vertical-align: middle;
|
||
|
|
background-position: -80px 0;
|
||
|
|
border: solid 1px #ccc;
|
||
|
|
cursor: text;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-swatch-color {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors input[type=hidden] + .minicolors-swatch {
|
||
|
|
width: 28px;
|
||
|
|
position: static;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors input[type=hidden][disabled] + .minicolors-swatch {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Panel */
|
||
|
|
.minicolors-panel {
|
||
|
|
position: absolute;
|
||
|
|
width: 173px;
|
||
|
|
height: 152px;
|
||
|
|
background: white;
|
||
|
|
border: solid 1px #CCC;
|
||
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
||
|
|
z-index: 99999;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-panel.minicolors-visible {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Panel positioning */
|
||
|
|
.minicolors-position-top .minicolors-panel {
|
||
|
|
top: -154px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-position-right .minicolors-panel {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-position-bottom .minicolors-panel {
|
||
|
|
top: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-position-left .minicolors-panel {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-with-opacity .minicolors-panel {
|
||
|
|
width: 194px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors .minicolors-grid {
|
||
|
|
position: absolute;
|
||
|
|
top: 1px;
|
||
|
|
left: 1px;
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
background-position: -120px 0;
|
||
|
|
cursor: crosshair;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors .minicolors-grid-inner {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-saturation .minicolors-grid {
|
||
|
|
background-position: -420px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-saturation .minicolors-grid-inner {
|
||
|
|
background-position: -270px 0;
|
||
|
|
background-image: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-brightness .minicolors-grid {
|
||
|
|
background-position: -570px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-brightness .minicolors-grid-inner {
|
||
|
|
background-color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-wheel .minicolors-grid {
|
||
|
|
background-position: -720px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider,
|
||
|
|
.minicolors-opacity-slider {
|
||
|
|
position: absolute;
|
||
|
|
top: 1px;
|
||
|
|
left: 152px;
|
||
|
|
width: 20px;
|
||
|
|
height: 150px;
|
||
|
|
background-color: white;
|
||
|
|
background-position: 0 0;
|
||
|
|
cursor: row-resize;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-saturation .minicolors-slider {
|
||
|
|
background-position: -60px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-brightness .minicolors-slider {
|
||
|
|
background-position: -20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-slider-wheel .minicolors-slider {
|
||
|
|
background-position: -20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-opacity-slider {
|
||
|
|
left: 173px;
|
||
|
|
background-position: -40px 0;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-with-opacity .minicolors-opacity-slider {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pickers */
|
||
|
|
.minicolors-grid .minicolors-picker {
|
||
|
|
position: absolute;
|
||
|
|
top: 70px;
|
||
|
|
left: 70px;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
border: solid 1px black;
|
||
|
|
border-radius: 10px;
|
||
|
|
margin-top: -6px;
|
||
|
|
margin-left: -6px;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-grid .minicolors-picker > div {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
border-radius: 8px;
|
||
|
|
border: solid 2px white;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-picker {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 18px;
|
||
|
|
height: 2px;
|
||
|
|
background: white;
|
||
|
|
border: solid 1px black;
|
||
|
|
margin-top: -2px;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Inline controls */
|
||
|
|
.minicolors-inline {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-inline .minicolors-input {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minicolors-inline .minicolors-panel {
|
||
|
|
position: relative;
|
||
|
|
top: auto;
|
||
|
|
left: auto;
|
||
|
|
box-shadow: none;
|
||
|
|
z-index: auto;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Default theme */
|
||
|
|
.minicolors-theme-default .minicolors-swatch {
|
||
|
|
top: 5px;
|
||
|
|
left: 5px;
|
||
|
|
width: 18px;
|
||
|
|
height: 18px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
|
||
|
|
left: auto;
|
||
|
|
right: 5px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-default.minicolors {
|
||
|
|
width: auto;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.minicolors-theme-default .minicolors-input {
|
||
|
|
height: 20px;
|
||
|
|
width: auto;
|
||
|
|
display: inline-block;
|
||
|
|
padding-left: 26px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-default.minicolors-position-right .minicolors-input {
|
||
|
|
padding-right: 26px;
|
||
|
|
padding-left: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Bootstrap theme */
|
||
|
|
.minicolors-theme-bootstrap .minicolors-swatch {
|
||
|
|
z-index: 2;
|
||
|
|
top: 3px;
|
||
|
|
left: 3px;
|
||
|
|
width: 28px;
|
||
|
|
height: 28px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-bootstrap .minicolors-swatch-color {
|
||
|
|
border-radius: inherit;
|
||
|
|
}
|
||
|
|
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
|
||
|
|
left: auto;
|
||
|
|
right: 3px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-bootstrap .minicolors-input {
|
||
|
|
float: none;
|
||
|
|
padding-left: 44px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
|
||
|
|
padding-right: 44px;
|
||
|
|
padding-left: 12px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
|
||
|
|
top: 4px;
|
||
|
|
left: 4px;
|
||
|
|
width: 37px;
|
||
|
|
height: 37px;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
}
|