css/design40/manual/farben-demo.css

   1 .gray-darker {
   2   background-color: #222222;
   3 }
   4 .gray-dark {
   5   background-color: #555555;
   6 }
   7 .gray-mediumdark {
   8   background-color: #666666;
   9 }
  10 .gray {
  11   background-color: #888888;
  12 }
  13 .gray-medium {
  14   background-color: #aaaaaa;
  15 }
  16 .gray-light {
  17   background-color: #cfcfcf;
  18 }
  19 .gray-lighter {
  20   background-color: #dedede;
  21 }
  22 .gray-morelighter {
  23   background-color: #e0e0e0;
  24 }
  25 .gray-verylight {
  26   background-color: #ececec;
  27 }
  28 .gray-superlight {
  29   background-color: #efefef;
  30 }
  31 .color-red-strong {
  32   background-color: #ae0014;
  33 }
  34 .color-red-light {
  35   background-color: #ffd6d6;
  36 }
  37 .color-green-strong {
  38   background-color: #088604;
  39 }
  40 .color-green-light {
  41   background-color: #c9ee8e;
  42 }
  43 .color-blue-strong {
  44   background-color: #209ec8;
  45 }
  46 .color-blue-light {
  47   background-color: #b6e6e5;
  48 }
  49 .color-orange-strong {
  50   background-color: #6d613e;
  51 }
  52 .color-orange-light {
  53   background-color: #f6d972;
  54 }
  55 .rainbow-green {
  56   background-color: #408000;
  57 }
  58 .rainbow-blue {
  59   background-color: #0080ff;
  60 }
  61 .rainbow-red {
  62   background-color: #ff0000;
  63 }
  64 .rainbow-yellow {
  65   background-color: #ffff00;
  66 }
  67 .brand-primary {
  68   background-color: #000000;
  69 }
  70 .brand-label {
  71   background-color: #888888;
  72 }
  73 .brand-label-bg {
  74   background-color: #dedede;
  75 }
  76 .brand-info {
  77   background-color: #209ec8;
  78 }
  79 .brand-info-bg {
  80   background-color: #b6e6e5;
  81 }
  82 .brand-ok {
  83   background-color: #088604;
  84 }
  85 .brand-ok-bg {
  86   background-color: #c9ee8e;
  87 }
  88 .brand-warning {
  89   background-color: #6d613e;
  90 }
  91 .brand-warning-bg {
  92   background-color: #f6d972;
  93 }
  94 .brand-error {
  95   background-color: #ae0014;
  96 }
  97 .brand-error-bg {
  98   background-color: #ffd6d6;
  99 }
 100 .brand-positive {
 101   background-color: #088604;
 102 }
 103 .brand-positive-bg {
 104   background-color: #c9ee8e;
 105 }
 106 .brand-negative {
 107   background-color: #ae0014;
 108 }
 109 .brand-negative-bg {
 110   background-color: #ffd6d6;
 111 }
 112 .button-strong {
 113   background-color: #000000;
 114 }
 115 .button-strong-bg {
 116   background-color: #cfcfcf;
 117 }
 118 .button-strong-border {
 119   background-color: #cfcfcf;
 120 }
 121 .button-strong-hover {
 122   background-color: #000000;
 123 }
 124 .button-strong-hover-bg {
 125   background-color: #cfcfcf;
 126 }
 127 .button-strong-hover-border {
 128   background-color: #cfcfcf;
 129 }
 130 .button-strong-active {
 131   background-color: #000000;
 132 }
 133 .button-strong-active-bg {
 134   background-color: #cfcfcf;
 135 }
 136 .button-strong-active-border {
 137   background-color: #cfcfcf;
 138 }
 139 .button-soft {
 140   background-color: #555555;
 141 }
 142 .button-soft-bg {
 143   background-color: #ececec;
 144 }
 145 .button-soft-border {
 146   background-color: #ececec;
 147 }
 148 .button-soft-hover {
 149   background-color: #555555;
 150 }
 151 .button-soft-hover-bg {
 152   background-color: #ececec;
 153 }
 154 .button-soft-hover-border {
 155   background-color: #ececec;
 156 }
 157 .button-soft-active {
 158   background-color: #555555;
 159 }
 160 .button-soft-active-bg {
 161   background-color: #ececec;
 162 }
 163 .button-soft-active-border {
 164   background-color: #ececec;
 165 }
 166 .body-bg {
 167   background-color: #efefef;
 168 }
 169 .content-bg {
 170   background-color: #ffffff;
 171 }
 172 .tabs-bg {
 173   background-color: #efefef;
 174 }
 175 .heading-bg {
 176   background-color: #cfcfcf;
 177 }
 178 .controlpanel-bg {
 179   background-color: #e0e0e0;
 180 }
 181 .text-color {
 182   background-color: #000000;
 183 }
 184 .heading-color {
 185   background-color: #888888;
 186 }
 187 .caption-color {
 188   background-color: #888888;
 189 }
 190 #demo h1,
 191 #demo h2 {
 192   clear: both;
 193   color: #888888 !important;
 194   padding: 0 ;
 195   margin: 20px 0 0 0 ;
 196 }
 197 #demo h1 {
 198   font-size: 14pt;
 199   padding-top: 1.0em ;
 200 }
 201 #demo h2 {
 202   font-size: 12pt;
 203   margin-top: 0.2em ;
 204 }
 205 #demo div.selector {
 206   display: block ;
 207   width: 8.0em ;
 208   float: left ;
 209   margin: 0 1.0em 0 0 ;
 210   overflow: hidden ;
 211   padding: 0 ;
 212 }
 213 #demo div.selector h3 {
 214   color: #888888 !important;
 215   font-size: 8pt;
 216   font-weight: normal;
 217   height: 3.6em ;
 218   display: table-cell;
 219   vertical-align: bottom ;
 220 }
 221 #demo div.selector div.color {
 222   width: 8.0em ;
 223   height: 8.0em ;
 224   display: block;
 225   overflow: hidden ;
 226   padding: 0 ;
 227   margin: 0;
 228   border: 1px #000 solid ;
 229 }
 230 #demo .group {
 231   display: inline-block;
 232   float: left;
 233   overflow: hidden ;
 234 }