175 lines
4.5 KiB
CSS
175 lines
4.5 KiB
CSS
/*Main container*/
|
|
/* line 2, ../sass/colpick.scss */
|
|
.colpick {
|
|
position: relative;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
/*Prevents selecting text when dragging the selectors*/
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/*Color selection box with gradients*/
|
|
/* line 14, ../sass/colpick.scss */
|
|
.colpick_color {
|
|
width: 156px;
|
|
height: 156px;
|
|
cursor: crosshair;
|
|
}
|
|
|
|
/* line 19, ../sass/colpick.scss */
|
|
.colpick_color_overlay1 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 156px;
|
|
height: 156px;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
|
|
/* IE8 */
|
|
background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
|
|
/* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
|
|
/* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
|
|
/* Opera 11.10+ */
|
|
background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
|
|
/* IE10+ */
|
|
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff');
|
|
/* IE6 & IE7 */
|
|
}
|
|
|
|
/* line 34, ../sass/colpick.scss */
|
|
.colpick_color_overlay2 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 156px;
|
|
height: 156px;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
|
|
/* IE8 */
|
|
background: -moz-linear-gradient(top, transparent 0%, black 100%);
|
|
/* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
|
|
/* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, transparent 0%, black 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, transparent 0%, black 100%);
|
|
/* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, transparent 0%, black 100%);
|
|
/* IE10+ */
|
|
background: linear-gradient(to bottom, transparent 0%, black 100%);
|
|
/* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
|
|
/* IE6-9 */
|
|
}
|
|
|
|
/*Circular color selector*/
|
|
/* line 51, ../sass/colpick.scss */
|
|
.colpick_selector_outer {
|
|
background: none;
|
|
position: absolute;
|
|
width: 11px;
|
|
height: 11px;
|
|
margin: -6px 0 0 -6px;
|
|
border: 1px solid black;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* line 60, ../sass/colpick.scss */
|
|
.colpick_selector_inner {
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 9px;
|
|
border: 1px solid white;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/*Vertical hue bar*/
|
|
/* line 69, ../sass/colpick.scss */
|
|
.colpick_hue {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 178px;
|
|
width: 25px;
|
|
height: 156px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*Hue bar sliding indicator*/
|
|
/* line 79, ../sass/colpick.scss */
|
|
.colpick_hue_arrs {
|
|
position: absolute;
|
|
left: -11px;
|
|
width: 35px;
|
|
height: 7px;
|
|
margin: -7px 0 0 0;
|
|
}
|
|
|
|
/* line 87, ../sass/colpick.scss */
|
|
.colpick_hue_larr {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 10px solid transparent;
|
|
border-bottom: 10px solid transparent;
|
|
border-left: 11px solid rgba(128, 128, 128, 0.8);
|
|
}
|
|
|
|
/*New color box*/
|
|
/* line 98, ../sass/colpick.scss */
|
|
.colpick_new_color {
|
|
margin-top: 15px;
|
|
height: 30px;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
/* line 105, ../sass/colpick.scss */
|
|
.colpick_hex_field input {
|
|
background: rgba(255, 255, 255, 0.95);
|
|
height: 26px;
|
|
position: absolute;
|
|
right: 2px;
|
|
width: 102px;
|
|
top: 17px;
|
|
font-size: 17px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
padding-left: 24px;
|
|
letter-spacing: 2px;
|
|
border: none;
|
|
}
|
|
|
|
/* line 120, ../sass/colpick.scss */
|
|
.colpick_hex_field {
|
|
position: relative;
|
|
}
|
|
|
|
/* line 124, ../sass/colpick.scss */
|
|
.colpick_hex_field:before {
|
|
position: absolute;
|
|
content: '#';
|
|
right: 85px;
|
|
top: 20px;
|
|
color: rgba(128, 128, 128, 0.9);
|
|
}
|
|
|
|
/* line 133, ../sass/colpick.scss */
|
|
.colpick_rgbhex_ns .colpick_submit,
|
|
.colpick_rgbhex_ns .colpick_current_color,
|
|
.colpick_hex_ns .colpick_submit,
|
|
.colpick_hex_ns .colpick_current_color,
|
|
.colpick_hex .colpick_hsb_h,
|
|
.colpick_hex .colpick_hsb_s,
|
|
.colpick_hex .colpick_hsb_b,
|
|
.colpick_hex .colpick_rgb_r,
|
|
.colpick_hex .colpick_rgb_g,
|
|
.colpick_hex .colpick_rgb_b,
|
|
.colpick_hex .colpick_current_color,
|
|
.colpick_field_letter {
|
|
display: none;
|
|
}
|