contrib/media/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 .left {
 147         float: left;
 148         text-align: left;
 149 }
 150
 151 .right {
 152         float: right;
 153         text-align: right;
 154 }
 155
 156 .clear {
 157         clear: both;
 158 }
 159
 160 .hidden {
 161         display: none;
 162 }
 163
 164 .inline {
 165         display: inline;
 166 }
 167
 168 .code {
 169         background: #f7f7f7;
 170         border: 1px solid #d7d7d7;
 171         margin: 1em 1.75em;
 172         padding: 1em;
 173 }
 174
 175 code {
 176         display: block;
 177         background: #f7f7f7;
 178         border: 1px solid #d7d7d7;
 179         margin: 1em 1.75em;
 180         padding: 1em;
 181         overflow: auto;
 182         white-space: pre;
 183 }
 184
 185 .cbi-section {
 186         margin-top: 1em;
 187 }
 188
 189 .cbi-section-remove {
 190         text-align: right;
 191 }
 192
 193 .cbi-value-title {
 194         line-height: 1.75em;
 195         width: 15em;
 196         font-weight: bold;
 197 }
 198
 199 .cbi-value-field {
 200         text-align: left;
 201         line-height: 1.75em;
 202 }
 203
 204 .cbi-value-field input, .cbi-value-field select,
 205 .cbi-optionals select, .cbi-optionals input,
 206 .cbi-section-remove input, .cbi-section-create input  {
 207         font-size: 0.8em;
 208         margin: 0%;
 209 }
 210
 211 .cbi-value-description {
 212         font-style: italic;
 213         font-size: 0.8em;
 214         margin-bottom: 0.5em;
 215 }
 216
 217 .cbi-form-separator {
 218         margin-top: 1em;
 219 }
 220
 221 .cbi-section-node {
 222         display: block;
 223         background: #f7f7f7;
 224         border: 1px solid #d7d7d7;
 225         overflow: auto;
 226         margn-bottom: 0%;
 227 }
 228
 229 .cbi-section-node h3 {
 230         margin-bottom: 0.5em;
 231 }
 232
 233 .cbi-error {
 234         color: red;
 235         font-weight: bold;
 236         font-size: 0.8em;
 237         margin-bottom: 0.75em;
 238 }
 239
 240 .cbi-optionals {
 241         margin-top: 1em;
 242 }
 243
 244 .cbi-optionals option {
 245         font-size: 0.8em;
 246 }
 247
 248 .error {
 249         color: red;
 250         font-weight: bold;
 251 }
 252
 253 .ok {
 254         color: green;
 255         font-weight: bold;
 256 }