release/src/router/www/brownlight.css

   1 body {
   2         background-color: #FFFFFF;
   3         background-image: url(brownlight_bg.png);
   4         background-repeat: repeat-x;
   5 }
   6
   7 #container {
   8 width: 980px;
   9 height: 100%;
  10 border: none;
  11 margin:0px auto;
  12 }
  13
  14 a {
  15         color: #4F4336;
  16         font-family: Tahoma, Arial, sans-serif;
  17         padding: 2px;
  18 }
  19 a:hover {
  20         text-decoration: underline;
  21         background: #ffffff;
  22         color: #988067;
  23         padding: 2px;
  24         }
  25
  26 input[type='button']:hover {
  27         background: #776757;
  28         color: #FFFFFF;
  29 }
  30
  31 #header {
  32         border-bottom: 2px #FFFFFF solid;
  33         background-image: url(brownlight.png);
  34         background-repeat: no-repeat;
  35         background-position: right center;
  36         background-color: #FFFFFF;
  37         padding: 15px 10px;
  38 }
  39
  40 #header .title {
  41         font: 26px 'Century Gothic', Tahoma, Arial, Sans-serif;
  42         color: #776757;
  43         margin: 0;
  44         padding: 0;
  45 }
  46 #header .version {
  47         font: 10px Tahoma, Arial, Sans-serif;
  48         color: #776757;
  49         margin: 0; padding: 0;
  50 }
  51
  52 #navi {
  53         background: #FFFFFF;
  54         font-family: Tahoma, Arial, Sans-serif;
  55         width: 160px;
  56         border-left: 1px dashed #6D5C4A;
  57         border-top: 1px dashed #6D5C4A;
  58         border-bottom: 1px dashed #6D5C4A;
  59 }
  60 #navi a {
  61         color: #4F4336;
  62         font-family: Tahoma, Arial, Sans-serif;
  63         background: #FFFFFF;
  64         border-bottom: #FFFFFF solid 1px;
  65 }
  66 #navi a:hover {
  67         background: #E5D9D0;
  68         color: #4F4336;
  69         text-decoration:none;
  70         border-bottom: #FFFFFF solid 1px;
  71         }
  72
  73 #navi a.indent2.active {
  74         color: #4F4336;
  75         background: #E5D9D0;
  76         font-weight:normal;
  77 }
  78
  79 #navi a.indent1 {
  80 padding:4px 0 4px 10px;
  81 /* text-transform: uppercase; */
  82 font-weight: bold;
  83 }
  84
  85 #navi a.indent2 {
  86 padding:4px 0 4px 25px;
  87 }
  88
  89 #tabs a {
  90         font-family: Tahoma, Arial, Sans-serif;
  91 }
  92
  93 #tabs a.active {
  94         background: #6D5C4A;
  95         color: #fff;
  96 }
  97 #tabs a:hover {
  98         background: #6D5C4A;
  99         color: #fff;
 100 }
 101
 102 /* hover table */
 103 .tomato-grid .odd:hover,
 104 .tomato-grid .even:hover {
 105         background: #E5D9D0;
 106         color: #000000;
 107 }
 108 .tomato-grid a {
 109         color: #444444;
 110 }
 111
 112 /* START table */
 113
 114 .tomato-grid {
 115 background:#FFFFFF none repeat scroll 0 0;
 116 border:1px solid #E0E0E0;
 117 border-collapse:separate;
 118 border-spacing:1px;
 119 margin:0 0 3px;
 120 padding:0;
 121 width:100%;
 122 }
 123
 124 .tomato-grid .header,
 125 .bwmg .header {
 126 background:#776757 none repeat scroll 0 0;
 127 color: #fff;
 128 }
 129
 130 .tomato-grid .odd,
 131 .bwmg .odd {
 132 background:#F2EEED none repeat scroll 0 0;
 133 }
 134
 135 .tomato-grid .even,
 136 .bwmg .even {
 137 background:#EAE3DE none repeat scroll 0 0;
 138 }
 139
 140 /* END table */
 141
 142 #content {
 143         background-color: #ffffff;
 144         border: 1px dashed #6D5C4A;
 145 }
 146
 147 .content {
 148         font-family: Tahoma, Arial, Sans-serif;
 149 }
 150
 151 .content a:hover {
 152         text-decoration:underline;
 153         color: #988067;
 154         background: #ffffff;
 155         padding: 2px;
 156 }
 157
 158 .fields {
 159         font-family: Tahoma, Arial, Sans-serif;
 160         background-color: #F2EEED;
 161         border: solid 1px #BFBCBB;
 162         padding: 10px;
 163         margin: 5px;
 164         margin-left: 0px;
 165 }
 166
 167 .fields td.title.indent1 {
 168         padding: 1px 15px 1px 0;
 169         font-family: Tahoma, Arial, Sans-serif;
 170 }
 171
 172 .fields td.title.indent2 {
 173         padding: 1px 5px 1px 10px;
 174         font-family: Tahoma, Arial, Sans-serif;
 175 }
 176
 177 .section {
 178         font-family: Tahoma, Arial, Sans-serif;
 179 }
 180
 181 .section-title {
 182         font: bold 1.5em Tahoma, Arial, Sans-serif !important;
 183         color: #6D5C4A !important;
 184         border-bottom:1px dotted #cccccc;
 185         margin:0 0 10px 10px;
 186         padding-bottom:4px;
 187 }
 188
 189 small {
 190         font-family: Tahoma, Arial, Sans-serif;
 191         font-size: 11px;
 192 }
 193
 194 small a:hover {
 195         text-decoration: underline;
 196         background: #988067;
 197         color: #000000;
 198 }
 199
 200
 201 input,
 202 select {
 203         font-family: Tahoma, Arial, Sans-serif;
 204         font-size: 12px;
 205 }
 206 input[type='checkbox'][disabled] {
 207         opacity: 0.3;
 208 }
 209 input[type='text'],
 210 input[type='password'] {
 211 padding: 0;
 212 margin: 1px;
 213 }
 214 input[type='checkbox'] {
 215 padding: 0;
 216 margin: 1px 0 2px 0;
 217 border: none;
 218 }
 219 input[type='radio'] {
 220 padding-left: 0;
 221 margin-left: 0;
 222 }
 223 select {
 224 margin: 0;
 225 }
 226 input[type='button'] {
 227         margin: 0;
 228         font: bold 1em Arial, Sans-serif;
 229         border: 1px solid #CCC;
 230         background: #FFF;
 231         padding: 2px 3px;
 232         color: #333;
 233 }
 234 input[type='button']:hover {
 235 background: #776757;
 236 color: #fff;
 237 }
 238
 239 label {
 240         display:block;
 241         font-weight:bold;
 242         margin:5px 0;
 243 }
 244 input {
 245         padding: 2px;
 246         /* border: 1px solid #b7b7b7; */
 247         border: none;
 248         font: normal 1em Tahoma, Arial, verdana, sans-serif;
 249         color:#777;
 250 }
 251
 252 textarea {
 253         width:400px;
 254         padding:2px;
 255         font: normal 1em Tahoma, Arial, verdana, sans-serif;
 256         border:1px solid #655E56;
 257         height:100px;
 258         display:block;
 259         color:#777;
 260 }
 261
 262 #footer {
 263         border-top: none;
 264         padding: 4px 15px 20px 4px;
 265 }
 266
 267 form {
 268         -moz-border-radius: 25px;
 269 }
 270
 271 input[type=text],
 272 input[type=password],
 273 textarea,
 274 select {
 275  border: 1px solid #c7c7c7;
 276  margin: 0px;
 277  margin-right: 2px;
 278  padding: 2px;
 279  background-color: #ededed;
 280  color: #283033;
 281 }
 282
 283 input[type=text],
 284 input[type=password],
 285 textarea
 286 {
 287         padding-left: 3px;
 288         padding-right: 3px;
 289         max-width: 99%;
 290 }
 291
 292 li, div {
 293         font-family: Tahoma, Arial, Sans-serif;
 294 }
 295
 296 #tabs a:hover {
 297         background: #776757 none repeat scroll 0 0;
 298 }