themes/fledermaus/root/www/luci/fledermaus/cascade.css

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