release/src/router/www/cisco.css

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