This repository has been archived on 2024-06-20. You can view files and clone it, but cannot push or open issues or pull requests.
PasswordCards/resources/css/tinycolorpicker.css
Raphael Zimmermann f9c8b6f016 Initial commit
2015-03-16 15:36:07 +01:00

67 lines
1.4 KiB
CSS

/* COLORPICKER 3 EXAMPLE */
.colorPicker
{
width: 30px;
height: 30px;
position: relative;
clear: both;
margin: 0 auto 20px;
}
.colorPicker .track {
background: #EFEFEF url(../text-color.png) no-repeat 50% 50%;
height: 150px;
width: 150px;
padding: 10px;
position: absolute;
cursor: crosshair;
float: left;
left: -71px;
top: -71px;
display: none;
border: 1px solid #ccc;
z-index: 10;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
}
.colorPicker .color {
width: 25px;
height: 25px;
padding: 1px;
border: 1px solid #ccc;
display: block;
position: relative;
z-index: 11;
background-color: #EFEFEF;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
cursor: pointer;
}
.colorPicker .colorInner {
width: 25px;
height: 25px;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
}
.colorPicker .dropdown {
list-style: none;
display: none;
width: 27px;
position: absolute;
top: 28px;
border: 1px solid #ccc;
left: 0;
z-index: 1000;
}
.colorPicker .dropdown li{
height: 25px;
cursor: pointer;
}