add added files
[bcm963xx.git] / userapps / broadcom / cfm / html / usr_main.css
diff --git a/userapps/broadcom/cfm/html/usr_main.css b/userapps/broadcom/cfm/html/usr_main.css
new file mode 100755 (executable)
index 0000000..f446bde
--- /dev/null
@@ -0,0 +1,426 @@
+/* --------------------------------------------------------------------------
+
+       (c) 2005 U.S. Robotics Corporation.
+
+       -------------------------------------------------------------------------- */
+
+A:hover
+{
+       cursor: hand;
+       color: red;
+}
+
+
+BODY, TABLE
+{
+       font-family:    Verdana, Arial, sans-serif;
+       font-size:              small;
+}
+
+BODY
+{
+       margin: 0 0 0.5em;
+       background-color:       white;
+}
+DIV#idContent
+{
+       margin: 0 0.7em;
+}
+
+H3
+{
+       padding:                                0.1em 0.4em 0.2em;
+/*     width:                          60%;
+*/
+       font-size:                      large;
+       font-weight:            bold;
+       letter-spacing: 1pt;
+       border:                         1px solid #202080;
+       background-color:       #F8F8FF;
+}
+
+
+/* ----------------------------------------------
+
+       CUSTOM CLASSES
+
+*/
+
+.clsNote
+{
+       font-family: Verdana, Arial, sans-serif;
+       font-size: xx-small;
+}
+
+P.clsCopyright
+{
+       padding-top:    0.5em;
+       padding-left:   0.5em;
+
+       border-top:             2px solid #202080;
+       font-family:    Verdana, Arial, sans-serif;
+       font-size:              xx-small;
+       white-space:    nowrap;
+       color:                  #202080;
+}
+P.clsCopyright A
+{
+       color:                          #202080;
+       text-decoration:        none;
+}
+
+/* Notice of no Internet cxn, firmware update. */
+.clsNotice
+{
+       border:                         3px double red;
+       padding:                                1em;
+       margin:                         0.5em 0 0.5em 0;
+       width:                          60%;
+       background-color:       #F8F8FF;
+}
+
+
+
+/* ----------------------------------------------
+
+       SPECIFIC CUSTOM CLASSES
+
+*/
+
+.clsLogEmergency
+{
+       background-color: #FBB;
+       font-weight:            bold;
+}
+
+.clsLogAlert
+{
+       background-color: #FDA;
+       font-weight:            bold;
+}
+
+.clsLogCritical
+{
+       background-color: #FEC;
+       font-weight:            bold;
+}
+
+.clsLogError
+{
+       background-color: #FFC;
+}
+
+.clsLogWarning
+{
+       background-color: #EFE;
+}
+
+.clsLogNotice
+{
+       background-color: #EEF;
+}
+
+.clsLogInfo, .clsLogDefault
+{
+}
+
+.clsLogDebug
+{
+       background-color: #EEE;
+       color:                          darkgray;
+}
+
+
+
+/* ----------------------------------------------
+
+       Welcome page elements
+
+*/
+
+BODY#idWelcomePage
+{
+       margin: 0.7em;
+}
+
+DIV#idWelcomeBlock
+{
+       border: 3px solid red;
+}
+
+DIV#idWelcomeBlock DIV#idContent
+{
+       margin:                         1em;
+       padding-bottom: 4em;
+}
+
+DIV#idWelcomeBlock DIV#idContent IMG#idMAX
+{
+       float:  right;
+       margin: 0em;
+       border: 0;
+}
+
+BODY#idWelcomePage DIV#idBar1
+{
+       margin:                         0;
+       background-color:       red;
+       padding-left:           1em;
+}
+BODY#idWelcomePage DIV#idBar1 IMG
+{
+       padding:        0.5em 0;
+}
+
+BODY#idWelcomePage DIV#idBar2 P
+{
+       margin:         0.5em;
+       text-align:     right;
+}
+
+BODY#idWelcomePage P.clsCopyright
+{
+       margin-top:     0.5em;
+       color:          black;
+       border:         0;
+}
+
+
+/* ----------------------------------------------
+
+       Headers
+
+*/
+
+IMG#idImgHeader
+{
+       float:                  right;
+       margin-top:             0.5em;
+       margin-right:   0.2em;
+       border:                 0;
+}
+
+/* ----------------------------------------------
+       Same for other pages and Setup Wizard 1-2-3 steps
+*/
+
+DIV#idHeader, DIV#idSteps
+{
+       margin-bottom:          0.5em;
+       padding:                                0.7em 0.5em;
+
+       font-family:            Verdana, Arial, sans-serif;
+       font-weight:            bold;
+       font-size:                      x-large;
+       color:                          white;
+       background-color:       red;
+       letter-spacing: 1pt;
+}
+
+/* ----------------------------------------------
+       For Setup Wizard 1-2-3 steps
+*/
+
+DIV#idSteps .clsStepCurrent
+{
+       background-color:       red;
+       border:                         2px solid white;
+       padding:                                0.3em 0.5em 0.3em 0.5em;
+}
+
+DIV#idSteps .clsStepDone
+{
+}
+
+DIV#idSteps .clsStepNotDone
+{
+       color: silver;
+}
+
+
+
+/* ----------------------------------------------
+
+       Form elements
+
+*/
+
+/*
+       Treat neighboring borders as one.
+       border-collapse: collapse;
+*/
+
+TABLE.clsGroupBox
+{
+       border: 2px dashed silver;
+       padding:        1em;
+}
+
+/*
+       Cells inside tables with groupboxes have some padding.
+*/
+TABLE.clsGroupBox TD
+{
+       padding: 0.4em;
+}
+
+
+SPAN.clsGroupBox
+{
+       display:        inline-block;
+       border: 2px dashed silver;
+       margin: 0.3em 0.1em;
+       padding:        1em;
+}
+
+SPAN.clsGroupBox INPUT.clsTextfield
+{
+       margin-left:    -0.7em; /* offset effect of idContent's margin-left -- why? */
+}
+
+LABEL
+{
+}
+
+.clsStatic
+{
+       font-weight:    bold;
+}
+
+INPUT.clsBtnSave, INPUT.clsBtnFeature
+{
+       font-weight:            bold;
+       color:                          white;
+       background-color:       #202080;
+}
+
+
+
+/* ------------------------------------------------------------------------
+/* ------------------------------------------------------------------------
+
+       Horizontal dropdown menus:
+       http://www.alistapart.com/articles/horizdropdowns/
+
+       Vertical dropdown menus:
+       http://www.alistapart.com/articles/dropdowns/
+       http://www.htmldog.com/articles/suckerfish/example/
+
+       Fix for bug where IE always displays <select>s as top layer:
+       http://tanny.ica.com/ica/tko/tkoblog.nsf/dx/Select-tag-overlap-in-IE?opendocument&comments
+       http://www.milonic.com/menusample24.php
+       http://69.236.149.4/test/fixed/default.asp
+       (slow) http://www.yxscripts.com/menuG5/
+       (x) http://www.aplus.co.yu/adxmenu/four-variants-of-drop-down-menu/
+
+------------------------------------------------------------------------ */
+
+/*
+       get rid of list decorations
+*/
+UL#idMenu, UL#idMenu LI UL
+{
+       padding:                0;
+       margin:         0;
+       list-style:     none;
+}
+UL#idMenu
+{
+       font-family:    Verdana, Arial, sans-serif;
+       font-size:              small;
+       margin-bottom:  1em;    /* for Firefox */
+}
+
+/*
+       put top-level items next to each other in a bar
+*/
+UL#idMenu LI
+{
+       float:          left;
+       position:       relative;
+}
+
+/*
+       hide submenu items (second-level lists)
+*/
+UL#idMenu LI UL
+{
+       position:       absolute;
+       top:                    100%;                   /* Need top and left for IE... */
+       left:                   -10000px;       /* hidden; "display: none" doesn't work with iframe */
+}
+
+/*
+       Display submenu (second-level list) when first-level item is hovered over.
+*/
+UL#idMenu LI:hover UL, UL#idMenu LI.fixIE UL
+{
+       left: -1px;
+}
+
+
+/*
+
+       MAKE MENUS PRETTY
+
+*/
+/*
+       top-level menu and sub-items
+*/
+UL#idMenu LI
+{
+       width:                  100px;          /* max width of main menu items WHEN BOLD */
+       text-align:             center;
+       white-space:    nowrap;
+}
+UL#idMenu LI UL LI
+{
+       width:                  230px;          /* max width of ANY subitem WHEN BOLD */
+                                                                               /* also use this width for IFRAME (below) */
+       text-align:             left;
+}
+UL#idMenu LI UL LI A
+{
+       /* make entire LI (with A) selectable */
+       width:                  218px;          /* above 230px less padding (2x5px) less border (2x1px) */
+}
+
+UL#idMenu LI LABEL, UL#idMenu LI UL LI A
+{
+       display:                                block;
+       padding:                                3px 5px;
+
+       border-top:                     1px solid #F0F0F0;
+       border-left:            1px solid #F0F0F0;
+       border-right:           1px solid #A0A0A0;
+       border-bottom:          1px solid #A0A0A0;
+}
+UL#idMenu LI LABEL
+{
+       background-color:       #E0E0E0;
+}
+/*
+       second-level menu and its items
+*/
+UL#idMenu LI UL LI A
+{
+       text-decoration:        none;
+       color:                          black;
+       background-color:       #D0D0D0;
+}
+UL#idMenu LI UL LI A:hover
+{
+       border:                         1px solid #646464;
+       color:                          white;
+       background-color:       #646464;
+       font-weight:            bold;
+}
+
+
+/*
+       Put content under the menu.
+*/
+#idContent
+{
+       clear:  left;
+}