js/mooRainbow/mooRainbow.css

   1 /***
   2  *  - mooRainbow: defaultCSS
   3  * author: w00fz <w00fzIT@gmail.com>
   4  */
   5
   6 #mooRainbow { font-size: 11px; color: #000; }
   7
   8 .moor-box {
   9         width: 390px;
  10         height: 310px;
  11         border: 1px solid #636163;
  12         background-color: #f9f9f9;
  13 }
  14 .moor-overlayBox {
  15         width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
  16         height: 256px;
  17         margin-top: 9px;
  18         margin-left: 9px;
  19         border: 1px solid #000;
  20 }
  21 .moor-slider {
  22         border: 1px solid #000;
  23         margin-top: 9px;
  24         margin-left: 280px;
  25         width: 19px; /* if you want a bigger or smaller slider... */
  26         height: 256px;
  27 }
  28 .moor-colorBox {
  29         border: 1px solid #000;
  30         width: 59px;
  31         height: 68px;
  32         margin-top: 20px;
  33         margin-left: 315px;
  34 }
  35 .moor-currentColor { /* Bottom Box Color, the backup one */
  36         margin-top: 55px;
  37         margin-left: 316px;
  38         width: 59px;
  39         height: 34px;
  40 }
  41 .moor-okButton {
  42         font-family: Tahoma;
  43         font-weight: bold;
  44         font-size: 11px;
  45         margin-top: 278px;
  46         margin-left: 8px;
  47         background: #e6e6e6;
  48         height: 23px;
  49         border: 1px solid #d6d6d6;
  50         border-left-color: #f5f5f5;
  51         border-top-color: #f5f5f5;
  52 }
  53 #mooRainbow label {
  54         font-family: mono;
  55 }
  56 /* Following are just <label> */
  57 .moor-rLabel {
  58         margin-top: 100px;
  59         margin-left: 315px;
  60 }
  61 .moor-gLabel {
  62         margin-top: 125px;
  63         margin-left: 315px;
  64 }
  65 .moor-bLabel {
  66         margin-top: 150px;
  67         margin-left: 315px;
  68 }
  69 .moor-HueLabel {
  70         margin-top: 190px;
  71         margin-left: 315px;
  72 }
  73 span.moor-ballino { /* Style hue ° (degree) !! */
  74         margin-top: 190px;
  75         margin-left: 370px;
  76 }
  77 .moor-SatuLabel {
  78         margin-top: 215px;
  79         margin-left: 315px;
  80 }
  81 .moor-BrighLabel {
  82         margin-top: 240px;
  83         margin-left: 315px;
  84 }
  85 .moor-hexLabel {
  86         margin-top: 275px;
  87         margin-left: 280px;
  88 }
  89
  90 /* <input> */
  91 .moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput {
  92         width: 30px;
  93 }
  94 .moor-hexInput {
  95         width: 55px;
  96 }
  97 .moor-cursor {
  98         background-image: url(images/moor_cursor.gif);
  99         width: 12px;
 100         height: 12px;
 101 }
 102 .moor-arrows {
 103         background-image: url(images/moor_arrows.gif);
 104         top: 9px;
 105         left: 270px;
 106         width: 41px;
 107         height: 9px;
 108 }
 109 .moor-chooseColor { /* Top Box Color, the choosen one */
 110         margin-top: 21px;
 111         margin-left: 316px;
 112         width: 59px;
 113         height: 34px;
 114 }