Advertisement
Greenmotion

RGB Picker FA

Feb 14th, 2025
194
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.96 KB | None | 0 0
  1. /*SELECTOR RGB*/
  2.  
  3.  
  4. .colorpicker {
  5.    width: 356px;
  6.    height: 176px;
  7.    overflow: hidden;
  8.    position: absolute;
  9.    background: url(https://i.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  10.    font-family: Arial, Helvetica, sans-serif;
  11.    display: none;
  12.    padding: 0 !important;    
  13. }
  14. .colorpicker.dark{
  15.  background: url(https://i.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
  16. }
  17. .colorpicker_color {
  18.    width: 150px;
  19.    height: 150px;
  20.    left: 14px;
  21.    top: 13px;
  22.    position: absolute;
  23.    background: #f00;
  24.    overflow: hidden;
  25.    cursor: crosshair;
  26. }
  27. .colorpicker_color div {
  28.    position: absolute;
  29.    top: 0;
  30.    left: 0;
  31.    width: 150px;
  32.    height: 150px;
  33.    background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp10.png);
  34. }
  35. .colorpicker_color div div {
  36.    position: absolute;
  37.    top: 0;
  38.    left: 0;
  39.    width: 11px;
  40.    height: 11px;
  41.    overflow: hidden;
  42.    background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  43.    margin: -5px 0 0 -5px;
  44. }
  45. .colorpicker_hue {
  46.    position: absolute;
  47.    top: 13px;
  48.    left: 171px;
  49.    width: 35px;
  50.    height: 150px;
  51.    cursor: n-resize;
  52. }
  53. .colorpicker_hue div {
  54.    position: absolute;
  55.    width: 35px;
  56.    height: 9px;
  57.    overflow: hidden;
  58.    background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  59.    margin: -4px 0 0 0;
  60.    left: 0px;
  61. }
  62. .colorpicker_new_color {
  63.    position: absolute;
  64.    width: 60px;
  65.    height: 30px;
  66.    left: 213px;
  67.    top: 13px;
  68.    background: #f00;
  69. }
  70. .colorpicker_current_color {
  71.    position: absolute;
  72.    width: 60px;
  73.    height: 30px;
  74.    left: 283px;
  75.    top: 13px;
  76.    background: #f00;
  77. }
  78. .colorpicker input {
  79.    background-color: transparent;
  80.    border: 1px solid transparent;
  81.    position: absolute;
  82.    font-size: 10px;
  83.    font-family: Arial, Helvetica, sans-serif;
  84.    color: #898989;
  85.    top: 4px;
  86.    right: 11px;
  87.    text-align: right;
  88.    margin: 0;
  89.    padding: 0 !important;
  90.    height: 11px;
  91. }
  92. .colorpicker_hex {
  93.    position: absolute;
  94.    width: 72px;
  95.    height: 22px;
  96.    background: url(https://i.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  97.    left: 212px;
  98.    top: 142px;
  99. }
  100. .colorpicker.dark .colorpicker_hex {
  101.    background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
  102. }
  103. .colorpicker_hex input {
  104.    right: 6px;
  105. }
  106. .colorpicker_field {
  107.    height: 22px;
  108.    width: 62px;
  109.    background-position: top;
  110.    position: absolute;
  111. }
  112. .colorpicker_field span {
  113.    position: absolute;
  114.    width: 12px;
  115.    height: 22px;
  116.    overflow: hidden;
  117.    top: 0;
  118.    right: 0;
  119.    cursor: n-resize;
  120. }
  121. .colorpicker_rgb_r {
  122.    background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom12.png);
  123.    top: 52px;
  124.    left: 212px;
  125. }
  126. .colorpicker.dark .colorpicker_rgb_r{
  127.  background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp12.png);
  128. }
  129. .colorpicker_rgb_g {
  130.    background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom13.png);
  131.    top: 82px;
  132.    left: 212px;
  133. }
  134. .colorpicker.dark .colorpicker_rgb_g {
  135.  background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp13.png);
  136. }
  137. .colorpicker_rgb_b {
  138.    background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom14.png);
  139.    top: 112px;
  140.    left: 212px;
  141. }
  142. .colorpicker.dark .colorpicker_rgb_b {
  143.  background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp14.png);
  144. }
  145. .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
  146.  display: none;
  147. }
  148. .colorpicker_submit {
  149.  position: absolute;
  150.     background: url(\\\\\\\"https://i.servimg.com/u/f83/17/45/19/77/accept10.png\\\\\\\") no-repeat;
  151.     cursor: pointer;
  152.     right: 10px;
  153.  width: 48px;
  154.  height: 50px;
  155.     top: 118px;  
  156.  overflow: hidden;
  157. }
  158. .colorpicker_focus {
  159.    background-position: center;
  160. }
  161. .colorpicker_hex.colorpicker_focus {
  162.    background-position: bottom;
  163. }
  164. .colorpicker_submit.colorpicker_focus {
  165.    background-position: bottom;
  166. }
  167. .colorpicker_slider {
  168.    background-position: bottom;
  169. }
  170. .colorpicker { z-index: 3; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement