themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css

   1 @charset "utf-8";
   2
   3 body {
   4         font-family: Verdana, Arial, sans-serif;
   5         background-color: #557788;
   6 }
   7
   8 h1 {
   9         margin: 0%;
  10         font-size: 1.4em;
  11         font-weight: bold;
  12         margin-bottom: 0.5em;
  13 }
  14
  15 h2 {
  16         margin: 0%;
  17         font-size: 1.2em;
  18         font-weight: bold;
  19 }
  20
  21 h3 {
  22         margin: 0%;
  23 }
  24
  25 #page {
  26         background-color: #d4dce0;
  27         border-left: 3px solid #000000;
  28         border-right: 3px solid #000000;
  29 }
  30
  31 #header {
  32         padding: 0.2em;
  33         height: 4.5em;
  34         padding-left: 1.2em;
  35 }
  36
  37 #columns {
  38         border-left: 10.1em solid #ccd6db;
  39         border-right: 10.1em solid #ccd6db;
  40         display: block;
  41         padding: 0.1em;
  42 }
  43
  44 #columnswrapper {
  45         display: block;
  46         margin-left: -10em;
  47         margin-right: -10em;
  48 }
  49
  50 #content {
  51         margin-left: 14em;
  52         margin-right: 14em;
  53         display: block;
  54         position: relative;
  55         padding: 2px;
  56         font-size: 0.8em;
  57 }
  58
  59 .headerlogo {
  60         height: 4em;
  61         padding: 5px;
  62 }
  63
  64 .headerlogo img {
  65         height: 100%;
  66 }
  67
  68 .headertitle {
  69         font-size: 2.4em;
  70         color: black;
  71         font-weight: bold;
  72         letter-spacing: 0.6em;
  73         text-transform: lowercase;
  74 }
  75
  76 .separator {
  77         padding-left: 0.25em;
  78         font-weight: bold;
  79         font-size: 0.8em;
  80         line-height: 1.4em;
  81 }
  82
  83 .whitetext {
  84         color: white;
  85 }
  86
  87 .blacktext {
  88         color: #000000;
  89 }
  90
  91 .magentatext {
  92         color: #dc0065;
  93 }
  94
  95 .inheritcolor {
  96         color: inherit;
  97 }
  98
  99 .smalltext {
 100         font-size: 0.8em;
 101 }
 102
 103 .black {
 104         background-color: #000000;
 105 }
 106
 107 .nodeco {
 108         text-decoration: none;
 109 }
 110
 111 .redhover:hover {
 112         color: red;
 113 }
 114
 115 .bold {
 116         font-weight: bold;
 117 }
 118
 119 .sidebar {
 120         position: relative;
 121         padding: 0.25em;
 122         color: gray;
 123         width: 9em;
 124         font-weight: bold;
 125 }
 126
 127 .separator a, .sidebar a {
 128         color: inherit;
 129         text-decoration: inherit;
 130 }
 131
 132 .separator a:hover, .sidebar a:hover {
 133         color: red;
 134 }
 135
 136 .sidebar div {
 137         padding-bottom: 0.5em;
 138 }
 139
 140 .sidebar ul {
 141         font-size: 0.9em;
 142         color: white;
 143         list-style-type: none;
 144         padding-left: 1em;
 145         margin-top: 0%;
 146 }
 147
 148 .table {
 149         display: table;
 150 }
 151
 152 .table-row {
 153         display: table-row;
 154 }
 155
 156 .table-cell {
 157         display: table-cell;
 158 }
 159
 160 .left {
 161         float: left;
 162         text-align: left;
 163 }
 164
 165 .right {
 166         float: right;
 167         text-align: right;
 168 }
 169
 170 .clear {
 171         clear: both;
 172 }
 173
 174 .hidden {
 175         display: none;
 176 }
 177
 178 .inline {
 179         display: inline;
 180 }
 181
 182 .code {
 183         background: #f7f7f7;
 184         border: 1px solid #d7d7d7;
 185         margin: 1em 1.75em;
 186         padding: 1em;
 187 }
 188
 189 code {
 190         display: block;
 191         background: #f7f7f7;
 192         border: 1px solid #d7d7d7;
 193         margin: 1em 1.75em;
 194         padding: 1em;
 195         overflow: auto;
 196         white-space: pre;
 197 }
 198
 199 .cbi-section {
 200         margin-top: 1em;
 201 }
 202
 203 .cbi-section-remove {
 204         text-align: right;
 205 }
 206
 207 .cbi-value {
 208         display: table-row;
 209 }
 210
 211 .cbi-value-title {
 212         display: table-cell;
 213         line-height: 1.75em;
 214         font-weight: bold;
 215         padding: 0.25em;
 216 }
 217
 218 .cbi-value-field {
 219         display: table-cell;
 220         text-align: left;
 221         padding: 0.25em;
 222         line-height: 1.75em;
 223 }
 224
 225 .cbi-value-field input, .cbi-value-field select,
 226 .cbi-optionals select, .cbi-optionals input,
 227 .cbi-section-remove input, .cbi-section-create input  {
 228         font-size: 0.8em;
 229         margin: 0%;
 230 }
 231
 232 .cbi-section-descr {
 233         padding-bottom: 1em;
 234 }
 235
 236 .cbi-value-description {
 237         display: inline;
 238         font-style: italic;
 239         font-size: 0.8em;
 240         padding: 0.25em;
 241         margin-bottom: 0.5em;
 242 }
 243
 244 .cbi-form-separator {
 245         margin-top: 1em;
 246 }
 247
 248 .cbi-section-node {
 249         display: table;
 250         padding: 0.25em;
 251         border: 1px solid #000000;
 252 }
 253
 254 .cbi-section-row {
 255         display: table-row;
 256 }
 257
 258 .cbi-section-row-head {
 259         display: table-cell;
 260         font-weight: bold;
 261         padding: 0.25em;
 262 }
 263
 264 .cbi-section-row-descr {
 265         display: table-cell;
 266         padding: 0.25em;
 267         font-size: 0.8em;
 268 }
 269
 270 .cbi-section-node h3 {
 271         margin-bottom: 0.5em;
 272 }
 273
 274 .cbi-error {
 275         color: red;
 276         font-weight: bold;
 277         font-size: 0.8em;
 278         margin-bottom: 0.75em;
 279 }
 280
 281 .cbi-optionals {
 282         margin-top: 1em;
 283         display: table-cell;
 284 }
 285
 286 .cbi-optionals option {
 287         font-size: 0.8em;
 288 }
 289
 290 .error {
 291         color: red;
 292         font-weight: bold;
 293 }
 294
 295 .ok {
 296         color: green;
 297         font-weight: bold;
 298 }