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 .tooltip {
  35   position: absolute;
  36   border: 1px solid black;
  37   background-color: lightyellow;
  38   width: 280px;
  39 }
  40
  41 .tooltip .prompt {
  42   font-family: Inconsolata, Courier New, Courier;
  43 }
  44
  45 .tooltip .type {
  46   font-family: Inconsolata, Courier New, Courier;
  47   margin-bottom: 0.5em;
  48   font-size: smaller;
  49 }
  50
  51 .tooltip .body {
  52   font-size: smaller;
  53 }
  54
  55 .textarea {
  56   position: absolute;
  57   border: 1px solid black;
  58   background-color: #dddddd;
  59   z-index: 12;
  60 }
  61
  62 .new.textArea {
  63   position: fixed;
  64   left: 0;
  65   top: 0;
  66   z-index: 13;
  67   background-color: white;
  68   display: none;
  69   width: 20em;
  70   height: 10em;
  71   border: 1px solid blue;
  72 }
  73
  74 .textarea .prompt {
  75   padding-left: 2px;
  76 }
  77
  78 .textarea .buttons {
  79   position: absolute;
  80   bottom: 5px;
  81   right: 5px;
  82 }
  83
  84 .textarea button {
  85   color: #222222;
  86 }
  87
  88 .textarea .editor {
  89   font-family: Inconsolata, Courier New, Courier;
  90   margin: 4px;
  91 }
  92
  93 #modalBackground {
  94   position: fixed;
  95   left: 0;
  96   top: 0;
  97   width: 100%;
  98   height: 100%;
  99   z-index: 11;
 100   background-color:#333333;
 101   display: none;
 102   opacity: 0.40;
 103   filter: alpha(opacity=40)
 104 }