userapps/broadcom/cfm/html/usr_main.css

   1 /* --------------------------------------------------------------------------
   2
   3         (c) 2005-2006 U.S. Robotics Corporation.
   4
   5         -------------------------------------------------------------------------- */
   6
   7 A:hover
   8 {
   9         cursor: hand;
  10         color: red;
  11 }
  12
  13
  14 BODY, TABLE
  15 {
  16         font-family:    Verdana, Arial, sans-serif;
  17         font-size:              small;
  18 }
  19
  20 BODY
  21 {
  22         margin: 0 0 0.5em;
  23         background-color:       white;
  24 }
  25 DIV#idContent
  26 {
  27         margin: 0 0.7em;
  28 /*
  29         The tight connection between menu and content can't be replicated in
  30         the test template--just in production. This corrects it.
  31 */
  32 padding-top:    0.3em;
  33 }
  34
  35 H3
  36 {
  37         padding:                                0.1em 0.4em 0.2em;
  38 /*      width:                          60%;
  39 */
  40         font-size:                      large;
  41         font-weight:            bold;
  42         letter-spacing: 1pt;
  43         border:                         1px solid #202080;
  44         background-color:       #F8F8FF;
  45 }
  46
  47
  48 /* ----------------------------------------------
  49
  50         CUSTOM CLASSES
  51
  52 */
  53
  54 .clsNote
  55 {
  56         font-family:    Verdana, Arial, sans-serif;
  57         font-size:              x-small;
  58 }
  59
  60 P.clsCopyright
  61 {
  62         padding-top:    0.5em;
  63         padding-left:   0.5em;
  64
  65         border-top:             2px solid #202080;
  66         font-family:    Verdana, Arial, sans-serif;
  67         font-size:              xx-small;
  68         white-space:    nowrap;
  69         color:                  #202080;
  70 }
  71 P.clsCopyright A
  72 {
  73         color:                          #202080;
  74         text-decoration:        none;
  75 }
  76
  77 /* Notice of no Internet cxn, firmware update. */
  78 .clsNotice
  79 {
  80         border:                         3px double red;
  81         padding:                                1em;
  82         margin:                         0.5em 0 0.5em 0;
  83         width:                          60%;
  84         background-color:       #F8F8FF;
  85 }
  86
  87
  88
  89 /* ----------------------------------------------
  90
  91         SPECIFIC CUSTOM CLASSES
  92
  93 */
  94
  95 .clsLogDate
  96 {
  97         white-space:    nowrap;
  98 }
  99
 100 .clsLogEmergency
 101 {
 102         background-color: #FBB;
 103         font-weight:            bold;
 104 }
 105
 106 .clsLogAlert
 107 {
 108         background-color: #FDA;
 109         font-weight:            bold;
 110 }
 111
 112 .clsLogCritical
 113 {
 114         background-color: #FEC;
 115         font-weight:            bold;
 116 }
 117
 118 .clsLogError
 119 {
 120         background-color: #FFC;
 121 }
 122
 123 .clsLogWarning
 124 {
 125         background-color: #EFE;
 126 }
 127
 128 .clsLogNotice
 129 {
 130         background-color: #EEF;
 131 }
 132
 133 .clsLogInfo, .clsLogDefault
 134 {
 135 }
 136
 137 .clsLogDebug
 138 {
 139         background-color: #EEE;
 140         color:                          darkgray;
 141 }
 142
 143
 144
 145 /* ----------------------------------------------
 146
 147         Welcome page elements
 148
 149 */
 150
 151 BODY#idWelcomePage
 152 {
 153         margin: 0.7em;
 154 }
 155
 156 DIV#idWelcomeBlock
 157 {
 158         border: 3px solid red;
 159 }
 160
 161 DIV#idWelcomeBlock DIV#idContent
 162 {
 163         margin:                         1em;
 164         padding-bottom: 4em;
 165 }
 166
 167 DIV#idWelcomeBlock DIV#idContent IMG#idMAX
 168 {
 169         float:  right;
 170         margin: 0em;
 171         border: 0;
 172 }
 173
 174 BODY#idWelcomePage DIV#idBar1
 175 {
 176         margin:                         0;
 177         background-color:       red;
 178         padding-left:           1em;
 179 }
 180 BODY#idWelcomePage DIV#idBar1 IMG
 181 {
 182         padding:        0.5em 0;
 183 }
 184
 185 BODY#idWelcomePage DIV#idBar2 P
 186 {
 187         margin:         0.5em;
 188         text-align:     right;
 189 }
 190
 191 BODY#idWelcomePage P.clsCopyright
 192 {
 193         margin-top:     0.5em;
 194         color:          black;
 195         border:         0;
 196 }
 197
 198
 199 /* ----------------------------------------------
 200
 201         Headers
 202
 203 */
 204
 205 IMG#idImgHeader
 206 {
 207         float:                  right;
 208         margin-top:             0.5em;
 209         margin-right:   0.2em;
 210         border:                 0;
 211 }
 212
 213 /* ----------------------------------------------
 214         Same for other pages and Setup Wizard 1-2-3 steps
 215 */
 216
 217 DIV#idHeader, DIV#idSteps
 218 {
 219         margin-bottom:          0.5em;
 220         padding:                                0.7em 0.5em;
 221
 222         font-family:            Verdana, Arial, sans-serif;
 223         font-weight:            bold;
 224         font-size:                      x-large;
 225         color:                          white;
 226         background-color:       red;
 227         letter-spacing: 1pt;
 228 }
 229
 230 /* ----------------------------------------------
 231         For Setup Wizard 1-2-3 steps
 232 */
 233
 234 DIV#idSteps .clsStepCurrent
 235 {
 236         background-color:       red;
 237         border:                         2px solid white;
 238         padding:                                0.3em 0.5em 0.3em 0.5em;
 239 }
 240
 241 DIV#idSteps .clsStepDone
 242 {
 243 }
 244
 245 DIV#idSteps .clsStepNotDone
 246 {
 247         color: silver;
 248 }
 249
 250
 251
 252 /* ----------------------------------------------
 253
 254         Form elements
 255
 256 */
 257
 258 /*
 259         Treat neighboring borders as one.
 260         border-collapse: collapse;
 261 */
 262
 263 TABLE.clsGroupBox
 264 {
 265         border: 2px dashed silver;
 266         padding:        1em;
 267 }
 268
 269 /*
 270         Cells inside tables with groupboxes have some padding.
 271 */
 272 TABLE.clsGroupBox TD
 273 {
 274         padding: 0.4em;
 275 }
 276
 277
 278 .clsStatic
 279 {
 280         font-weight:    bold;
 281 }
 282
 283 INPUT.clsSmall
 284 {
 285         font-size:      x-small;
 286 }
 287
 288 INPUT.clsBtnSave, INPUT.clsBtnFeature
 289 {
 290         font-weight:            bold;
 291         color:                          white;
 292         background-color:       #202080;
 293 }
 294
 295 P.clsSave
 296 {
 297         border-top:             1px solid #202080;
 298         padding-top:    0.5em;
 299 }