mods/photo_album/fluid/component-templates/js/jquery.ui-1.0/themes/dark/dark.form.css

   1 .dark .ui-form-hide { position:absolute; left:-2000em; }
   2
   3
   4 /*(  fieldset  )*/
   5 .dark .ui-form-fieldset,
   6 .dark.ui-form-fieldset {
   7   display:block;
   8   border:1px solid #333;
   9   padding:0;
  10 }
  11 .dark .ui-form-fieldset,
  12 .dark.ui-form-fieldset {
  13   margin-top:1.6em;
  14 }
  15 .dark fieldset.ui-form {
  16   margin:0;
  17   border:1px solid #111;
  18   color:snow;
  19 }
  20 .dark fieldset.ui-form { background:#181818; }
  21 .dark .ui-form-legend,
  22 .dark.ui-form-legend {
  23   display:block;
  24   text-align:left;
  25   border:1px solid #333;
  26   background:#222;
  27   margin:-1.05em 0 0 0;
  28 }
  29 .dark legend.ui-form {
  30   display:block;
  31   color:snow;
  32   font-weight:bold;
  33   background:#222;
  34   border-top:1px dotted #282828;
  35   border-bottom:1px dotted #282828;
  36   margin:-1px 2px;
  37   padding:0 2px 2px;
  38 }
  39
  40
  41 /*(  inputs  )*/
  42 .dark .ui-form-text,
  43 .dark .ui-form-password,
  44 .dark.ui-form-text,
  45 .dark.ui-form-password {
  46   border:1px solid #333;
  47   padding:2px 0 3px;
  48 }
  49
  50 .dark .ui-form-textarea,
  51 .dark.ui-form-textarea {
  52   display:block;
  53   border:1px solid #333;
  54   padding:0;
  55 }
  56 .dark .ui-form-textarea .ui-form-inner,
  57 .dark.ui-form-textarea .ui-form-inner {
  58   display:block;
  59   border:1px solid #111;
  60   overflow:hidden;
  61 }
  62 .dark .ui-form-text.focus,
  63 .dark .ui-form-password.focus,
  64 .dark .ui-form-textarea.focus,
  65 .dark.ui-form-text.focus,
  66 .dark.ui-form-password.focus,
  67 .dark.ui-form-textarea.focus {
  68   border:1px solid #444;
  69 }
  70
  71 .dark .ui-form-text input,
  72 .dark .ui-form-password input,
  73 .dark textarea.ui-form {
  74   margin:0;
  75   border:1px solid #111;
  76   background:#222; color:snow;
  77 }
  78 .dark textarea.ui-form { border:none; }
  79 .dark .ui-form-text input:focus,
  80 .dark .ui-form-password input:focus,
  81 .dark textarea.ui-form:focus { background:#1D1D1D; }
  82
  83
  84 /*(  buttons  )*/
  85 .dark .ui-form-buttons,
  86 .dark.ui-form-buttons {
  87   display:block; float:left;
  88   height:40px;
  89   background:url(dark.form.png) left -40px;
  90   border:none;
  91   color:#CCC;
  92   padding-left:25px;
  93   margin:0 4px;
  94 }
  95 .dark .ui-form-buttons .ui-form-inner,
  96 .dark.ui-form-buttons .ui-form-inner {
  97   display:block; float:left;
  98   height:40px;
  99   background:url(dark.form.png) right -40px;
 100   margin-right:-5px;
 101   padding-right:5px;
 102 }
 103 .dark .ui-form-buttons .ui-form,
 104 .dark.ui-form-buttons .ui-form {
 105   background:transparent;
 106   border:none;
 107   color:#DDD;
 108   padding:9px 25px 10px 25px;
 109   *padding:9px 15px 10px 15px;
 110   margin-left:-25px;
 111 }
 112 .dark .ui-form-buttons.hover,
 113 .dark.ui-form-buttons.hover {
 114   background-position:left -80px;
 115 }
 116 .dark .ui-form-buttons.hover .ui-form-inner,
 117 .dark.ui-form-buttons.hover .ui-form-inner {
 118   background-position:right -80px;
 119 }
 120 .dark .ui-form-buttons.hover .ui-form,
 121 .dark.ui-form-buttons.hover .ui-form {
 122   color:#FFF;
 123 }
 124 .dark .ui-form-buttons.focus,
 125 .dark.ui-form-buttons.focus {
 126   background-position:left -80px;
 127 }
 128 .dark .ui-form-buttons.focus .ui-form-inner,
 129 .dark.ui-form-buttons.focus .ui-form-inner {
 130   background-position:right -80px;
 131 }
 132 .dark .ui-form-buttons.focus .ui-form,
 133 .dark.ui-form-buttons.focus .ui-form {
 134   color:#FFF;
 135 }
 136 .dark .ui-form-buttons.active,
 137 .dark.ui-form-buttons.active {
 138   background-position:left -120px;
 139 }
 140 .dark .ui-form-buttons.active .ui-form-inner,
 141 .dark.ui-form-buttons.active .ui-form-inner {
 142   background-position:right -120px;
 143 }
 144 .dark .ui-form-buttons.active .ui-form,
 145 .dark.ui-form-buttons.active .ui-form {
 146   background-position:right -120px;
 147 }
 148
 149
 150 /*(  checkbox  )*/
 151 .dark .ui-form-checkbox {
 152   background:url(dark.form.png) -221px 0;
 153   padding:2px 0 1px 0;
 154 }
 155 .dark .ui-form-checkbox .ui-form-content {
 156   padding:0 7px 1px 7px;
 157   color:#222;
 158   cursor:default;
 159 }
 160 .dark .ui-form-checkbox.hover,
 161 .dark .ui-form-checkbox.focus,
 162 .dark .ui-form-checkbox.active {
 163   background-position: -221px -20px;
 164 }
 165 .dark .ui-form-checkbox.selected .ui-form-inner {
 166   background:url(dark.form.png) -201px -2px;
 167 }
 168
 169
 170 /*(  radio  )*/
 171 .dark .ui-form-radio {
 172   padding:2px 1px;
 173   background:url(dark.form.png) -1px -1px;
 174 }
 175 .dark .ui-form-radio .ui-form-content {
 176   padding:1px 6px 1px 7px;
 177   *padding:0 6px 0 7px;
 178   color:#222;
 179   cursor:default;
 180 }
 181 .dark .ui-form-radio.hover,
 182 .dark .ui-form-radio.focus,
 183 .dark .ui-form-radio.active {
 184   background-position: -1px -21px;
 185 }
 186 .dark .ui-form-radio.selected .ui-form-inner {
 187   background:url(dark.form.png) -22px -3px;
 188 }
 189 .dark .ui-form-radio.selected .ui-form-content {
 190   color:#CDD6E7;
 191 }
 192