experimental/palette/palette.css

   1 .palette {
   2   border-style: solid;
   3   border-width: 1px;
   4   border-color: #bbbbbb;
   5   font-size: smaller;
   6   font-family: Arial, Verdana, sans-serif;
   7   width: 300px;
   8   padding:2px;
   9   color: #333333;
  10 }
  11
  12 .palette .header {
  13   background-color: #b0c0e0;
  14 }
  15
  16 .palette .odd {
  17   background-color: #ccddff;
  18 }
  19
  20 .palette .even {
  21   background-color: #c6d6f4;
  22 }
  23
  24 .palette .name {
  25 }
  26
  27 .palette .name:after {
  28   content: ":";
  29 }
  30
  31 .palette .option {
  32 }
  33
  34 .palette .textInput {
  35   padding: 1px;
  36   border: 2px inset;
  37   border-color: #EEE;
  38 }
  39
  40 .tooltip {
  41   position: absolute;
  42   border: 1px solid black;
  43   background-color: lightyellow;
  44   width: 280px;
  45 }
  46
  47 .tooltip .prompt {
  48   font-family: Inconsolata, Courier New, Courier;
  49 }
  50
  51 .tooltip .type {
  52   font-family: Inconsolata, Courier New, Courier;
  53   margin-bottom: 0.5em;
  54   font-size: smaller;
  55 }
  56
  57 .tooltip .body {
  58   font-size: smaller;
  59 }
  60
  61 .textarea {
  62   position: absolute;
  63   border: 1px solid black;
  64   background-color: #dddddd;
  65   z-index: 12;
  66 }
  67
  68 .new.textArea {
  69   position: fixed;
  70   left: 0;
  71   top: 0;
  72   z-index: 13;
  73   background-color: white;
  74   display: none;
  75   width: 20em;
  76   height: 10em;
  77   border: 1px solid blue;
  78 }
  79
  80 .textarea .prompt {
  81   padding-left: 2px;
  82 }
  83
  84 .textarea .buttons {
  85   position: absolute;
  86   bottom: 5px;
  87   right: 5px;
  88 }
  89
  90 .textarea button {
  91   color: #222222;
  92 }
  93
  94 .textarea .editor {
  95   font-family: Inconsolata, Courier New, Courier;
  96   margin: 4px;
  97 }
  98
  99 #modalBackground {
 100   position: fixed;
 101   left: 0;
 102   top: 0;
 103   width: 100%;
 104   height: 100%;
 105   z-index: 11;
 106   background-color:#333333;
 107   display: none;
 108   opacity: 0.40;
 109   filter: alpha(opacity=40)
 110 }