userapps/broadcom/cfm/html/usr_device.css

   1 /* --------------------------------------------------------------------------
   2
   3         (c) 2005-2006 U.S. Robotics Corporation
   4
   5         -------------------------------------------------------------------------- */
   6
   7 /*
   8         MAXg PRODUCTS
   9         red             red
  10         FF6633  orange
  11
  12         Ndx PRODUCTS
  13         81C5E2  light-blue
  14         8A84BA  gray-blue/purple
  15
  16         VoIP PRODUCTS
  17         FF6633  orange
  18         666666  gray
  19 */
  20
  21 /* ----------------------------------------------
  22
  23         WELCOME PAGE
  24
  25 */
  26
  27 BODY#idWelcomePage
  28 {
  29         border: 0;                      /* counteract default border */
  30         margin: 0.7em;
  31 }
  32
  33 DIV.clsWelcomeBlock
  34 {
  35         border:                                 3px solid black;
  36         border-bottom-width:    20px;
  37 }
  38 /* Product-specific overrides */
  39 DIV.clsWelcomeBlock_MAXg        { border-color: red; }
  40 DIV.clsWelcomeBlock_Ndx         { border-color: #81C5E2; }
  41 DIV.clsWelcomeBlock_VoIP        { border-color: #FF6633; }
  42
  43 DIV.clsWelcomeBlock DIV#idContent
  44 {
  45         margin: 1em;
  46 }
  47
  48 DIV.clsWelcomeBlock DIV#idContent IMG#idWelcomeImg
  49 {
  50         float:  right;
  51         margin: 0.5em;
  52         border: 0;
  53 }
  54
  55 DIV.clsWelcomeBlock DIV#idContent INPUT.clsWelcomeBtn
  56 {
  57         font-weight:            bold;
  58         color:                          white;
  59 }
  60 /* Product-specific overrides */
  61 DIV.clsWelcomeBlock_MAXg        DIV#idContent INPUT.clsWelcomeBtn { background-color:   #FF6633; }
  62 DIV.clsWelcomeBlock_Ndx         DIV#idContent INPUT.clsWelcomeBtn { background-color:   #8A84BA; }
  63 DIV.clsWelcomeBlock_VoIP        DIV#idContent INPUT.clsWelcomeBtn { background-color:   #666666; }
  64
  65
  66 /*
  67         This style is used to keep the border around the image.
  68 */
  69 DIV.clsWelcomeBlock DIV#idContent P#idWelcomeEnd
  70 {
  71         clear:  right;
  72 }
  73
  74 BODY#idWelcomePage IMG#idWelcomeLogo
  75 {
  76         margin: 0.5em;
  77         float:  right;
  78 }
  79
  80 BODY#idWelcomePage P.clsCopyright
  81 {
  82         margin-top:             0.5em;
  83         color:                  #051C43;
  84         border:                 0;
  85 }
  86
  87
  88
  89 /* ----------------------------------------------
  90
  91         SETUP WIZARD 1-2-3
  92
  93 */
  94
  95 DIV#idHeader .clsStepCurrent
  96 {
  97         border: 2px solid #8C8C8C;
  98         padding:        0.3em 0.5em;
  99 }
 100
 101 DIV#idHeader .clsStepDone
 102 {
 103         color: #8C8C8C;
 104 }
 105
 106 DIV#idHeader .clsStepNotDone
 107 {
 108         color: silver;
 109 }
 110
 111
 112
 113 /* ----------------------------------------------
 114
 115         CUSTOM CLASSES
 116
 117 */
 118
 119 .clsNote
 120 {
 121         font-family: Verdana, Arial, sans-serif;
 122         font-size: xx-small;
 123 }
 124
 125 .clsHighlight
 126 {
 127         font-weight:            bold;
 128         background-color:       #FEFAF2;
 129         border:                         1px solid silver;
 130         padding:                                0 0.2em;
 131         text-align:                     center;
 132         line-height:            150%;
 133 }
 134
 135
 136 .clsNotice
 137 {
 138         border:                         3px double red;
 139         padding:                                1em;
 140         margin:                         0.5em 0 0.5em 0;
 141         width:                          60%;
 142         background-color:       #F8F8FF;
 143 }
 144
 145
 146
 147 /* ----------------------------------------------
 148
 149         Form elements
 150
 151 */
 152
 153 TABLE.clsGroupBox
 154 {
 155         padding: 1em;
 156         border: 2px dashed silver;
 157 }
 158 TABLE.clsGroupBox TD
 159 {
 160         padding: 0.4em;
 161 }
 162
 163 TABLE TH
 164 {
 165         text-align:     left;
 166 }
 167
 168 .clsStatic
 169 {
 170         font-weight:    bold;
 171 }
 172
 173 INPUT.clsSmall, SELECT.clsSmall
 174 {
 175         font-size:      x-small;
 176 }
 177
 178 INPUT.clsBtnSave, INPUT.clsBtnFeature
 179 {
 180         font-weight:            bold;
 181         color:                          white;
 182         background-color:       #FF4D00;
 183 }
 184
 185 P.clsSave
 186 {
 187         border-top:             1px solid #051C43;
 188         padding-top:    0.5em;
 189 }
 190
 191
 192
 193 /* ----------------------------------------------
 194
 195         Table elements
 196
 197 */
 198
 199 /*
 200         This is close to the same effect as:
 201                 <table cellspacing="5" border="1" frame="void" rules="rows"
 202                         bordercolor="silver" bordercolordark="white" bordercolorlight="silver">
 203         However, the line has a small gap between each cell on a row.
 204 */
 205 TABLE.clsRuled TH, TABLE.clsRuled TD
 206 {
 207         frame: void;
 208         rules: rows;
 209         border-bottom: 1px solid silver;
 210         padding: 0.2em;
 211 }
 212
 213 TABLE.clsRuled TH
 214 {
 215         font-family: Verdana, Arial, sans-serif;
 216         font-size: x-small;
 217         background-color: #F2F2F2;
 218 }
 219
 220 /*
 221         Used with COLGROUP/COL or TR, this lightly shades a table's column.
 222 */
 223 .clsShade
 224 {
 225         background-color: #F2F2F2;
 226 }
 227
 228
 229
 230 /* ----------------------------------------------
 231
 232         Elements used to group multiple fields
 233
 234 */
 235
 236 FIELDSET.clsGroup
 237 {
 238         margin-top: 0.5em;
 239
 240         font-family: Verdana, Arial, sans-serif;
 241
 242         border: 1px solid #051C43;
 243 }
 244
 245 FIELDSET.clsGroup LEGEND
 246 {
 247         width: 40%;
 248         font-size: small;
 249         font-weight: bold;
 250         background-color: #8C8C8C;
 251         color: white;
 252         letter-spacing: 1pt;
 253
 254         border: 1px solid #051C43;
 255         padding: 0em 0.4em;
 256 }
 257
 258 FIELDSET.clsGroup DIV, FIELDSET.clsGroup TABLE
 259 {
 260         padding: 0 1em 0.4em;
 261         text-align: left;
 262
 263         font-size: xx-small;
 264 }
 265
 266 FIELDSET.clsGroup INPUT, FIELDSET.clsGroup SELECT
 267 {
 268         font-size:      xx-small;
 269 }