Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*SELECTOR RGB*/
- .colorpicker {
- width: 356px;
- height: 176px;
- overflow: hidden;
- position: absolute;
- background: url(https://i.servimg.com/u/f83/17/45/19/77/light11.png) !important;
- font-family: Arial, Helvetica, sans-serif;
- display: none;
- padding: 0 !important;
- }
- .colorpicker.dark{
- background: url(https://i.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
- }
- .colorpicker_color {
- width: 150px;
- height: 150px;
- left: 14px;
- top: 13px;
- position: absolute;
- background: #f00;
- overflow: hidden;
- cursor: crosshair;
- }
- .colorpicker_color div {
- position: absolute;
- top: 0;
- left: 0;
- width: 150px;
- height: 150px;
- background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp10.png);
- }
- .colorpicker_color div div {
- position: absolute;
- top: 0;
- left: 0;
- width: 11px;
- height: 11px;
- overflow: hidden;
- background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp10.gif);
- margin: -5px 0 0 -5px;
- }
- .colorpicker_hue {
- position: absolute;
- top: 13px;
- left: 171px;
- width: 35px;
- height: 150px;
- cursor: n-resize;
- }
- .colorpicker_hue div {
- position: absolute;
- width: 35px;
- height: 9px;
- overflow: hidden;
- background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
- margin: -4px 0 0 0;
- left: 0px;
- }
- .colorpicker_new_color {
- position: absolute;
- width: 60px;
- height: 30px;
- left: 213px;
- top: 13px;
- background: #f00;
- }
- .colorpicker_current_color {
- position: absolute;
- width: 60px;
- height: 30px;
- left: 283px;
- top: 13px;
- background: #f00;
- }
- .colorpicker input {
- background-color: transparent;
- border: 1px solid transparent;
- position: absolute;
- font-size: 10px;
- font-family: Arial, Helvetica, sans-serif;
- color: #898989;
- top: 4px;
- right: 11px;
- text-align: right;
- margin: 0;
- padding: 0 !important;
- height: 11px;
- }
- .colorpicker_hex {
- position: absolute;
- width: 72px;
- height: 22px;
- background: url(https://i.servimg.com/u/f83/17/45/19/77/custom11.png) top;
- left: 212px;
- top: 142px;
- }
- .colorpicker.dark .colorpicker_hex {
- background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
- }
- .colorpicker_hex input {
- right: 6px;
- }
- .colorpicker_field {
- height: 22px;
- width: 62px;
- background-position: top;
- position: absolute;
- }
- .colorpicker_field span {
- position: absolute;
- width: 12px;
- height: 22px;
- overflow: hidden;
- top: 0;
- right: 0;
- cursor: n-resize;
- }
- .colorpicker_rgb_r {
- background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom12.png);
- top: 52px;
- left: 212px;
- }
- .colorpicker.dark .colorpicker_rgb_r{
- background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp12.png);
- }
- .colorpicker_rgb_g {
- background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom13.png);
- top: 82px;
- left: 212px;
- }
- .colorpicker.dark .colorpicker_rgb_g {
- background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp13.png);
- }
- .colorpicker_rgb_b {
- background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom14.png);
- top: 112px;
- left: 212px;
- }
- .colorpicker.dark .colorpicker_rgb_b {
- background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp14.png);
- }
- .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
- display: none;
- }
- .colorpicker_submit {
- position: absolute;
- background: url(\\\\\\\"https://i.servimg.com/u/f83/17/45/19/77/accept10.png\\\\\\\") no-repeat;
- cursor: pointer;
- right: 10px;
- width: 48px;
- height: 50px;
- top: 118px;
- overflow: hidden;
- }
- .colorpicker_focus {
- background-position: center;
- }
- .colorpicker_hex.colorpicker_focus {
- background-position: bottom;
- }
- .colorpicker_submit.colorpicker_focus {
- background-position: bottom;
- }
- .colorpicker_slider {
- background-position: bottom;
- }
- .colorpicker { z-index: 3; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement