github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/root/css/colorpicker.css (about)

     1  /*
     2  	Colorpicker for Bootstrap
     3  	Copyright 2012 Stefan Petre 
     4  	Licensed under the Apache License v2.0
     5  	http://www.apache.org/licenses/LICENSE-2.0
     6  */
     7   .colorpicker-saturation {
     8  	width: 100px;
     9  	height: 100px;
    10  	background-image: url('../img/saturation.png');
    11  	cursor: crosshair;
    12  	float: left;
    13  }
    14  .colorpicker-saturation i {
    15  	display: block;
    16  	height: 5px;
    17  	width: 5px;
    18  	border: 1px solid #000;
    19  	-webkit-border-radius: 5px;
    20  	-moz-border-radius: 5px;
    21  	border-radius: 5px;
    22  	position: absolute;
    23  	top: 0;
    24  	left: 0;
    25  	margin: -4px 0 0 -4px;
    26  }
    27  .colorpicker-saturation i b {
    28  	display: block;
    29  	height: 5px;
    30  	width: 5px;
    31  	border: 1px solid #fff;
    32  	-webkit-border-radius: 5px;
    33  	-moz-border-radius: 5px;
    34  	border-radius: 5px;
    35  }
    36  .colorpicker-hue, .colorpicker-alpha {
    37  	width: 15px;
    38  	height: 100px;
    39  	float: left;
    40  	cursor: row-resize;
    41  	margin-left: 4px;
    42  	margin-bottom: 4px;
    43  }
    44  .colorpicker-hue i, .colorpicker-alpha i {
    45  	display: block;
    46  	height: 1px;
    47  	background: #000;
    48  	border-top: 1px solid #fff;
    49  	position: absolute;
    50  	top: 0;
    51  	left: 0;
    52  	width: 100%;
    53  	margin-top: -1px;
    54  }
    55  .colorpicker-hue {
    56  	background-image: url('../img/hue.png');
    57  }
    58  .colorpicker-alpha {
    59  	background-image: url('../img/alpha.html');
    60  	display: none;
    61  }
    62  .colorpicker {
    63  *zoom: 1;
    64  	top: 0;
    65  	left: 0;
    66  	padding: 4px;
    67  	min-width: 120px;
    68  	margin-top: 1px;
    69  }
    70  .colorpicker:before, .colorpicker:after {
    71  	display: table;
    72  	content: "";
    73  }
    74  .colorpicker:after {
    75  	clear: both;
    76  }
    77  .colorpicker:before {
    78  	content: '';
    79  	display: inline-block;
    80  	position: absolute;
    81  	top: -7px;
    82  	left: 6px;
    83  }
    84  .colorpicker:after {
    85  	content: '';
    86  	display: inline-block;
    87  	position: absolute;
    88  	top: -6px;
    89  	left: 7px;
    90  }
    91  .colorpicker div {
    92  	position: relative;
    93  }
    94  .colorpicker.alpha {
    95  	min-width: 140px;
    96  }
    97  .colorpicker.alpha .colorpicker-alpha {
    98  	display: block;
    99  }
   100  .colorpicker-color {
   101  	height: 10px;
   102  	margin-top: 5px;
   103  	clear: both;
   104  	background-image: url('../img/alpha.html');
   105  	background-position: 0 100%;
   106  }
   107  .colorpicker-color div {
   108  	height: 10px;
   109  }
   110  .input-append.color .add-on i, .input-prepend.color .add-on i {
   111  	display: block;
   112  	cursor: pointer;
   113  	width: 16px;
   114  	height: 16px;
   115  }