diff --git a/Sites/Login-Netgear/css/MNUAccess.css b/Sites/Login-Netgear/css/MNUAccess.css new file mode 100644 index 0000000..c1e5482 --- /dev/null +++ b/Sites/Login-Netgear/css/MNUAccess.css @@ -0,0 +1,27 @@ +.MNUTitle +{ + font-family: Arial, Helvetica, sans-serif; + font-size:18px; + height:25px; + color:#0099cc; + width:600px; + padding-left:20px; + font-weight:bold; +} + +.MNUText{ + font-family: Arial, Helvetica, sans-serif; + font-size:12px; + height:25px; + color:#404040; + font-weight:bold; +} +.MNUTitle2 +{ + font-family: Arial, Helvetica, sans-serif; + font-size:18px; + height:25px; + color:#0707DD; + width:600px; + font-weight:bold; +} diff --git a/Sites/Login-Netgear/css/button.css b/Sites/Login-Netgear/css/button.css new file mode 100644 index 0000000..d48eae8 --- /dev/null +++ b/Sites/Login-Netgear/css/button.css @@ -0,0 +1,175 @@ + +button { + border: 0; + cursor: pointer; + overflow: visible; /* removes extra side padding in IE */ +} + +button:active{ + -ms-background-position-x:1px; + -ms-background-position-y:1px; +} + + +.button-grey span.roundleft_grey{ + padding: 3px 0px 5px 10px; + margin:0px; + border:0px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_grey.gif") no-repeat left 0px; + color:#F2F2F2; + white-space:nowrap; +} + +.roundleft_grey{ + padding: 3px 0px 5px 10px; + margin:0px; + border:0px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_grey.gif") no-repeat left 0px; + color:#F2F2F2; + white-space:nowrap; +} + + +.roundright_grey{ + padding: 3px 5px 5px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_grey.gif") no-repeat top right; + color:#F2F2F2; + white-space:nowrap; +} + +.button-grey{ + padding: 5px 0px 5px 0px; + margin:0px; + border:0px; + height:25px; + font-size:11px; + font-family:Arial; + background: transparent; +} + +.roundleft_button{ + padding: 3px 0px 5px 10px; + margin:0px; + border:0px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_button.gif") no-repeat left 0px; + color:#F2F2F2; + white-space:nowrap; +} + +.button-rule span.roundleft_button{ + padding: 3px 0px 5px 10px; + margin:0px; + border:0px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_button.gif") no-repeat left 0px; + color:#F2F2F2; + white-space:nowrap; +} + +.roundright_button{ + padding: 3px 5px 5px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_button.gif") no-repeat top right; + color:#F2F2F2; + white-space:nowrap; +} + +.button-rule{ + padding: 5px 0px 5px 0px; + margin:0px; + border:0px; + height:25px; + font-size:11px; + font-family:Arial; + background: transparent; +} + +.button-apply span.roundleft_apply{ + padding: 3px 0 5px 20px; + width:20px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_apply.gif") no-repeat left 0px ; + color:#F2F2F2; + white-space:nowrap; +} + +.roundright_apply{ + padding: 3px 0px 5px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_apply.gif") no-repeat right top; + color:#F2F2F2; + white-space:nowrap; +} + +.button-apply{ + padding: 5px 0px 5px 0px; + margin:0px; + height:25px; + font-size:11px; + font-family:Arial; + background: transparent; +} + + +.button-help-arrow{ + float:left; + margin-left:-30px; + padding-top:2px; +} + +.button-help-arrow a:hover{ + cursor:pointer; +} + +.refresh-icon{ + background-image:url('../img/refresh-icon.gif'); + background-repeat:no-repeat; + background-position:0px 2px; +} + +.cancel-icon{ + background-image:url('../img/cancel_icon.gif'); + background-repeat:no-repeat; + background-position:0px 2px; +} + +.add-icon{ + background-image:url('../img/add_icon.gif'); + background-repeat:no-repeat; + background-position:0px 2px; +} +.apply-icon{ + background-image:url('../img/apply_icon.gif'); + background-repeat:no-repeat; + background-position:0px 2px; +} + +.edit-icon{ + background-image:url('../img/edit_icon.gif'); + background-repeat:no-repeat; + background-position:0px 2px; +} + +.apply_bt{ height: 22px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; background-color: transparent; border: none; cursor: pointer; padding-bottom: 2px;} +.apply_bt{width: 130px; background: url(../img/_m_upgrade.gif) no-repeat;} diff --git a/Sites/Login-Netgear/css/help.css b/Sites/Login-Netgear/css/help.css new file mode 100644 index 0000000..d21eba1 --- /dev/null +++ b/Sites/Login-Netgear/css/help.css @@ -0,0 +1,67 @@ +.help-text{ + font-family:Arial; +} + +h1{ + font-size:16px; + color:#989dff; + font-weight:bold; +} + + +h2{ + font-size:16px; + color:#ffffff; + font-weight:bold; +} + + +font,b{ + color:#989dff; +} + +p{ + font-size:12px; +} + + +p.inline{ + display:inline; +} + + + +body{ + font-family:Arial; + background-color:#202020; + color:#E0E0E0; + width:100%; + height:100%; + overflow:no; + font-size:12px; + + scrollbar-track-color:#767676; + scrollbar-arrow-color:#E0E0E0; + scrollbar-face-color:#E0E0E0; + scrollbar-3dlight-color:#E0E0E0; + scrollbar-highlight-color:#E0E0E0; + scrollbar-shadow-color:#E0E0E0; + scrollbar-darkshadow-color:#E0E0E0; + + +} + +li{ + font-size:12px; +} + +ul{ + font-size:12px; +} + + +b#italic{ + overflow:auto; + font-size:12px; + color:#E0E0E0; +} diff --git a/Sites/Login-Netgear/css/jScrollPane.css b/Sites/Login-Netgear/css/jScrollPane.css new file mode 100644 index 0000000..32abe1b --- /dev/null +++ b/Sites/Login-Netgear/css/jScrollPane.css @@ -0,0 +1,64 @@ +.jScrollPaneContainer { + position: relative; + overflow: hidden; + z-index: 1; +} + +.jScrollPaneTrack { + position: absolute; + cursor: pointer; + right: 0; + top: 0; + height: 100%; + background: #aaa; +} +.jScrollPaneDrag { + position: absolute; + background: #666; + cursor: pointer; + overflow: hidden; +} +.jScrollPaneDragTop { + position: absolute; + top: 0; + left: 0; + overflow: hidden; +} +.jScrollPaneDragBottom { + position: absolute; + bottom: 0; + left: 0; + overflow: hidden; +} +a.jScrollArrowUp { + display: block; + position: absolute; + z-index: 1; + top: 0; + right: 0; + text-indent: -2000px; + overflow: hidden; + /*background-color: #666;*/ + height: 9px; +} +a.jScrollArrowUp:hover { + /*background-color: #f60;*/ +} + +a.jScrollArrowDown { + display: block; + position: absolute; + z-index: 1; + bottom: 0; + right: 0; + text-indent: -2000px; + overflow: hidden; + /*background-color: #666;*/ + height: 9px; +} +a.jScrollArrowDown:hover { + /*background-color: #f60;*/ +} +a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { + /*background-color: #f00;*/ +} \ No newline at end of file diff --git a/Sites/Login-Netgear/css/jquery.flexbox.css b/Sites/Login-Netgear/css/jquery.flexbox.css new file mode 100644 index 0000000..11bf180 --- /dev/null +++ b/Sites/Login-Netgear/css/jquery.flexbox.css @@ -0,0 +1,83 @@ +/* Input textbox - do not specify a width here, it will be overwritten */ +.ffb-input +{ + float:left; + color:#000; /* must specify along with watermark color */ + height:16px; /* required for webkit browsers (Safari, Chrome) */ +} +/* Color of watermark, if present */ +.ffb-input.watermark { /* added and removed dynamically */ + color:#888; /* must specify along with input color */ +} +/* Drop-down arrow, with sprited image */ +.ffb-arrow +{ + float:left; + width:18px; + height:22px; + background-image:url(../img/sel_win7.gif); +} +.ffb-arrow.out { /* css sprite technique */ + background-position:0; +} +.ffb-arrow.over { /* css sprite technique */ + background-position:-18px 0; +} +.ffb-arrow.active { /* css sprite technique */ + background-position:-35px 0; +} +.ffb-no-results +{ + padding:2px; + color:#888; + font-style:italic; + border-bottom:1px solid #828790; +} +/* Container for dropdown contents */ +.ffb { + position:absolute; /* this guy's parent div is hard-coded to position:relative */ + overflow:hidden; + border-left:1px solid #828790; /* #7B9EBD for Vista */ + border-right:1px solid #828790; + background-color:#fff; /* Give it a background-color, so it's not transparent */ +} +/* Inner div for dropdown */ +.ffb .content { + overflow:auto; +} +.ffb .content .row { + border-bottom:0px ; + color:#000; + height:20px; + clear:both; +} +.ffb-sel { + cursor:pointer; + cursor:hand; + color:#fff !important; + background-color:#39f; +} +.ffb-match { + font-weight:bold; + color:#000; +} + +/* Paging */ +.ffb .paging { + vertical-align:middle; + border-bottom:1px solid #828790; +} +.ffb .page, .ffb a.page { + font-size:85%; + padding:2px; + border:solid 1px #339; + background-color:#eef; + margin:2px; +} +.ffb .box { + width:22px; + margin:2px; +} +.ffb .summary { + font-size:85%; +} \ No newline at end of file diff --git a/Sites/Login-Netgear/css/jquery.jscrollpane.css b/Sites/Login-Netgear/css/jquery.jscrollpane.css new file mode 100644 index 0000000..a051cae --- /dev/null +++ b/Sites/Login-Netgear/css/jquery.jscrollpane.css @@ -0,0 +1,120 @@ +/* + * CSS Styles that are needed by jScrollPane for it to operate correctly. + * + * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane + * may not operate correctly without them. + */ + +.jspContainer +{ + overflow: hidden; + position: relative; +} + +.jspPane +{ + position: absolute; +} + +.jspVerticalBar +{ + position: absolute; + top: 0; + right: 0; + width: 16px; + height: 100%; + background: red; +} + +.jspHorizontalBar +{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 16px; + background: red; +} + +.jspVerticalBar *, +.jspHorizontalBar * +{ + margin: 0; + padding: 0; +} + +.jspCap +{ + display: none; +} + +.jspHorizontalBar .jspCap +{ + float: left; +} + +.jspTrack +{ + background: #dde; + position: relative; +} + +.jspDrag +{ + background: #bbd; + position: relative; + top: 0; + left: 0; + cursor: pointer; +} + +.jspHorizontalBar .jspTrack, +.jspHorizontalBar .jspDrag +{ + float: left; + height: 100%; +} + +.jspArrow +{ + background: #50506d; + text-indent: -20000px; + display: block; + cursor: pointer; +} + +.jspArrow.jspDisabled +{ + cursor: default; + background: #80808d; +} + +.jspVerticalBar .jspArrow +{ + height: 16px; +} + +.jspHorizontalBar .jspArrow +{ + width: 16px; + float: left; + height: 100%; +} + +.jspVerticalBar .jspArrow:focus +{ + outline: none; +} + +.jspCorner +{ + background: #eeeef4; + float: left; + height: 100%; +} + +/* Yuk! CSS Hack for IE6 3 pixel bug :( */ +* html .jspCorner +{ + margin: 0 -3px 0 0; +} \ No newline at end of file diff --git a/Sites/Login-Netgear/css/mainpage.css b/Sites/Login-Netgear/css/mainpage.css new file mode 100644 index 0000000..45a70d9 --- /dev/null +++ b/Sites/Login-Netgear/css/mainpage.css @@ -0,0 +1,182 @@ +html, body { + margin: 0; + padding: 0; + background-color:#e5e5e5; + min-height:600px; + } + + h1{ + padding-left:37%; + font-size:16px; + font-family:arial; + } + + h2{ + padding-left:20%; + font-size:14px; + font-family:arial; + } + + hr{ + border:none; + border-top:1px solid black; + height:0; + } + +.topframe{ + background-color:#2b2b2b; + color:#ffffff; + font-size:12px; + font-family:Arial; + margin:0; + padding: 0; +} + +.newtopframe{ + background-color:#ffffff; + color:#000000; + font-size:12px; + font-family:Arial; + margin:0; + padding: 0; +} + + +.WNRTitle{ + font-family:Arial; + padding-top:0px; + padding-bottom:0px; + margin-top: 0px; + padding-left:15px; + font-weight:bold; + font-size:12px; +} + + + + + +.main-page-bottom-table{ + #padding-left:20px; + margin-top:15px; + margin-left:20px; + height:20px; + width:95%; + border-collapse:collapse; +} + + +.main-page-help-support-text{ + font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; + color:#FFFFFF; + font-size:14px; + font-weight:bold; + } + + +.main-page-bottom-text{ + margin:0px; + font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; + color:#C0C0C0; + font-size:12px; + font-weight:Normal; + border-left-style:solid; + border-color:#EEEEEE; + border-left-width:1px; +} + + +.main-page-search-go{ + background-image:url(../img/search-go.gif); + background-repeat:no-repeat; + border-style: none; + background-color:#373737; + width:35px; + margin-left:3px; + height:20px; + font-family:arial; + color:#ffffff; + font-weight:bold; +} + +.main-page-contain{ + #background-image:url(../frame_back.jpg); + background-repeat:no-repeat; +} + +.main-page-contain2{ + #background-image:url(../frame_back2.jpg); + background-repeat:no-repeat; +} + +.main-page-contain-loading{ + background-image:url(../ajax-loader.gif); + background-repeat:no-repeat; + background-position:45% 40%; +} + +.selectbox{ + background-color:#ffffff; + color:#373737; + font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; + font-weight:bold; +} + +div#preloaded-images { + position: absolute; + overflow: hidden; + left: -9999px; + top: -9999px; + height: 1px; + width: 1px; +} + + +.pointer-cursor{ + cursor: pointer; +} + +.default-cursor{ + cursor: auto; +} + + + + + +#top{_width: 1440px; min-width: 820px; height: 97px; position: absolute; left: 20px; right: 20px; } +#topframe{width: 100%; height: 97px; } + +#middle{ width: 100%; min-height:455px; _height: 795px; position:absolute; top:5px; bottom:0px; left: 0; right: 0; } + +#menu{ float: left; width: 195px; font-family: Arial; font-weight: Bold; font-size: 15px; text-align: left; position:absolute; top:0; bottom:45px;} + +#menu .basic_button{margin-bottom: 5px; width: 190px; height: 29px; background-image:url(../image/menu/basic_menu_white.gif); background-repeat: no-repeat; color: #4e4e4e;cursor:pointer; overflow:hidden;} +#menu .basic_button_big{margin-bottom: 5px; width: 190px; height: 46px; padding-left:5px; padding-top:5px; background-image:url(../image/menu/basic_menu_white_big.gif); background-repeat: no-repeat; color: #4e4e4e;cursor:pointer;} +#menu .basic_button_big_grey{margin-bottom: 5px; width: 190px; height: 46px; padding-left:5px; padding-top:5px; background-image:url(../image/menu/basic_menu_grey_big.gif); background-repeat: no-repeat; color: #4e4e4e;cursor:pointer;} +#menu .basic_button_purple{margin-bottom: 5px; width: 190px; height: 29px; background-image:url(../image/menu/basic_menu_purple.gif); background-repeat: no-repeat; color: #ffffff;} +#menu .basic_button_big_purple{margin-bottom: 5px; width: 190px; height: 46px; padding-left:5px; padding-top:5px; background-image:url(../image/menu/baisc_menu_white_big_purple.gif); background-repeat: no-repeat; color: #ffffff;} +#menu .basic_button_grey{margin-bottom: 5px; width: 190px; height: 29px; background-image:url(../image/menu/basic_menu_grey.gif); background-repeat: no-repeat; color: #808080;} + +#menu .basic_button span, #menu .basic_button_purple span, #menu .basic_button_big span, #menu .basic_button_big_purple span, #menu .basic_button_big_grey span{ display:-moz-inline-box; display:inline-block; width:160px; } +#menu .basic_button b, #menu .basic_button_purple b, #menu .basic_button_grey b{margin:auto 5px; line-height:28px;} +#menu .basic_button_big b, #menu .basic_button_big_purple b , #menu .basic_button_big_grey b{margin:auto; line-height:22px; width:10px;} + +#formframe_div{float: left; min-width: 625px; _width: 1245px; min-height: 410px; _height: 707px; position:absolute; top:0; bottom:45px; left:200px; right: 0; } +.container_center{width:910px; min-width:910px; position:absolute; top:610px; bottom:0; left: 20px; right: 20px; } +.footer{ width: 100%; height: 43px; float: left; color: #ffffff; position:absolute; bottom:0px; } +.footer_double{ width: 100%; height: 86px; color: #ffffff; position:absolute; bottom:0px; } +.footer_img { width: 100%; height: 100%; } +.footer b, .footer_double b{font: bold 16px arial;} +.footer a, .footer_double a{ color: #ffffff; font: normal 11px arial; text-decoration: none;} + +.footer #support{ float:left; line-height: 42px; position: absolute; left: 10px; top: 0; } +.footer_double #support{ line-height: 42px; position: absolute; left: 10px; top: 0;} +.footer #search{ float: right; position: absolute; top: 10px; right: 10px;} +.footer_double #search{ float: right; position: absolute; bottom: 10px; right: 10px;} + +#footer #search .search_button{background: Transparent url(../img/search_button.gif ) no-repeat; border: none; width:39px; height:22px; font: bold 14px arial ; color: #ffffff; cursor: pointer; } +#footer #search .search_button_middle{background: Transparent url(../img/search_button_middle.gif ) no-repeat; border: none; width:65px; height:22px; font: bold 14px arial ; color: #ffffff; cursor: pointer; } +#footer #search .search_button_long{background: Transparent url(../img/search_button_long.gif ) no-repeat; border: none; width:95px; height:22px; font: bold 14px arial ; color: #ffffff; cursor: pointer; } + + diff --git a/Sites/Login-Netgear/css/menu.css b/Sites/Login-Netgear/css/menu.css new file mode 100644 index 0000000..307f8da --- /dev/null +++ b/Sites/Login-Netgear/css/menu.css @@ -0,0 +1,508 @@ +/* tab pane styling */ + +body { + width:100%; +} + + +.panes div { + + display:none; + width:100%; + height:100%; + border:0; + border-top:0; + font-size:14px; + background-color:#E5E5E5; +} + +.panes{ + + display:none; + width:100%; + height:100%; + border:0; + border-top:0; + font-size:14px; + background-color:#E5E5E5; +} +.basic-menu{ + margin:0px; + margin-left:10px; + margin-top:20px; + color:#4e4e4e; + background-color:#E5E5E5; + height:480px; + width:200px; +} + +.basic-menu-div{ + list-style:none; + margin-left:0px; + height:30px; + width:200px; + background-color:#E5E5E5; + background: url("../img/basic-white-button.gif") no-repeat left top; +} + +.basic-menu-div span{ + color: #4C4C4C; + margin-left:10px; + float:left; + width:180px; + padding-top:4px; + background: url("../img/barrow.jpg") no-repeat 165px 8px; +} + +.basic-menu-div a{ + text-decoration:none; + color:#4e4e4e; + font-weight:bold; + background-color:#E5E5E5; + padding-top:5px; +} + +.basic-menu-div a:hover{ + text-decoration:none; + color:#4e4e4e; + font-weight:bold; + background-color:#E5E5E5; + padding-top:5px; + cursor:pointer; +} + +.basic-menu-eco-div{ + list-style:none; + margin-left:0px; + height:30px; + width:200px; + background-color:#E5E5E5; + background: url("../img/basic-green-button.gif") no-repeat left top; +} + +.basic-menu-eco-div span{ + color: #000000; + margin-left:10px; + float:left; + width:180px; + padding-top:5px; + background: url("../img/barrow.gif") no-repeat 165px 8px; +} + +.basic-menu-eco-div a{ + text-decoration:none; + color:#000000; + font-weight:bold; + background-color:#E5E5E5; + padding-top:6px; +} + +.basic-menu-eco-div a:hover{ + text-decoration:none; + color:#000000; + font-weight:bold; + background-color:#E5E5E5; + padding-top:6px; + cursor:pointer; +} + +.basic-menu-div-gray{ + list-style:none; + margin-left:0px; + height:30px; + width:200px; + background-color:#E5E5E5; + background: url("../img/gray-button.gif") no-repeat; + +} + +.basic-menu-div-gray span{ + + margin-left:10px; + float:left; + width:180px; + color:#767676; + padding-top:4px; + background: url("../img/barrow.gif") no-repeat 165px 8px; +} + +.basic-menu-div-gray a{ + text-decoration:none; + color:#ffffff; + font-weight:bold; + background-color:#E5E5E5; + padding-top:5px; +} + +.basic-menu-div-gray a:hover{ + text-decoration:none; + color:#4e4e4e; + font-weight:bold; + background-color:#E5E5E5; + padding-top:5px; + cursor:pointer; +} + +.menuActive{ + list-style:none; + height:30px; + width:200px; + background: url("../img/basic-purple-button.gif") no-repeat left top; +} + + +.menuActive a{ + text-decoration:none; + color:#ffffff; + font-weight:bold; +} + +.menuActive span{ + float:left; + color:#ffffff; + background: url("../img/warrow.jpg") no-repeat 165px 8px; +} + + +.advance-menu{ + padding:0; + margin:0; + color:#4e4e4e; + font-family:arial; + list-style:none; + margin-top:20px; + margin-left:10px; + font-size:12px; + height:480px; + width:200px; +} + +.advance-menu ul{ + + margin:0; + padding:0; + +} + +.advance-menu li{ + zoom:1; + vertical-align:middle; +} + +.advance-menu li.noSub{ + margin:0; + padding:0; + height:24px; + padding-top:4px; + background: url("../img/roundedcornr_637010.gif") no-repeat; + +} + +.advance-menu li.noSubLarge{ + margin:0; + padding:0; + height:40px; + padding-top:4px; + background: url("../img/basic-black-button-large.gif") no-repeat; + +} + + .advance-menu li.noSubActive{ + padding:0; + height:24px; + padding-top:4px; + background: url("../img/basic-purple-button.gif") no-repeat; + } + + .advance-menu li.noSubActiveLarge{ + padding:0; + height:40px; + padding-top:4px; + background: url("../img/basic-purple-button-large.gif") no-repeat; + } + +.advance-menu li.noSubGray{ + margin:0; + padding:0; + height:24px; + padding-top:4px; + background: url("../img/gray-button.gif") no-repeat; + color:#767676; +} + +.advance-menu li.noSubGrayLarge{ + margin:0; + padding:0; + height:40px; + padding-top:4px; + background: url("../img/basic-gray-button-large.gif") no-repeat; + color:#767676; +} + + .advance-menu li.SubActive{ + margin:0; + padding:0; + height:28px; + color:#4e4e4e; + padding-top:4px; + padding-left:5px; + width:200px; + background: url("../img/basic-white-button.gif") no-repeat; +} + + +.advance-menu li.SubActive span{ + margin-left:5px; + padding:0px; + float:left; + width:200px; + color:#4e4e4e; + padding-left:10px; + background: url("../img/barrow_down.jpg") no-repeat 0px; +} + + +.advance-menu li.noSub span{ + float:left; + width:180px; + color:#ffffff; + margin-left:10px; +} + +.advance-menu li.noSubLarge span{ + float:left; + width:180px; + color:#ffffff; + margin-left:10px; +} + +.advance-menu li.noSubGray span{ + float:left; + width:180px; + color:#767676; + margin-left:10px; +} + +.advance-menu li.noSubGrayLarge span{ + float:left; + width:180px; + color:#767676; + margin-left:10px; +} + +.advance-menu li.Sub{ + margin:0; + padding:0; + height:25px; + color:#4e4e4e; + padding-top:2px; + background: url("../img/basic-white-button.gif") no-repeat; +} + + +.advance-menu li.Sub span{ + float:left; + width:200px; + color:#4e4e4e; + padding-left:10px; + background: url("../img/barrow.jpg") no-repeat 0px; + margin-left:10px; +} + + + +.advance-menu li.SubMenu{ + margin:0; + padding:0; + height:18px; + color:#4e4e4e; + list-style:none; + border-bottom-style:solid; + border-bottom-width:1px; + border-bottom-color:#d4d4d4; + width:200px; +} + + +.advance-menu li.SubMenu span{ + text-decoration:underline; + float:left; + width:170px; + padding-top:0px; + color:#4e4e4e; + padding-left:20px; + +} + +.advance-menu li.SubMenu{ + margin:0; + padding:0; + height:17px; + color:#4e4e4e; + list-style:none; + border-bottom-style:solid; + border-bottom-width:1px; + border-bottom-color:#d4d4d4; + width:200px; +} + +.advance-menu li.SubMenuDisable{ + margin:0; + padding:0; + height:20px; + color:#adadad; + list-style:none; + border-bottom-style:solid; + border-bottom-width:1px; + border-bottom-color:#d4d4d4; + width:200px; +} + + +.advance-menu li.SubMenuDisable span{ + float:left; + width:170px; + padding-top:0px; + color:#adadad; + background:#e5e5e5; + padding-left:20px; + +} + + +.advance-menu li.SubMenuLarge{ + margin:0; + padding:0; + height:32px; + color:#4e4e4e; + list-style:none; + border-bottom-style:solid; + border-bottom-width:1px; + border-bottom-color:#d4d4d4; + width:200px; +} + + +.advance-menu li.SubMenuLarge span{ + text-decoration:underline; + float:left; + width:170px; + padding-top:0px; + color:#4e4e4e; + background:#e5e5e5; + padding-left:20px; + +} + +.advance-menu li.SubMenuLargeDisable{ + margin:0; + padding:0; + height:32px; + color:#adadad; + list-style:none; + border-bottom-style:solid; + border-bottom-width:1px; + border-bottom-color:#d4d4d4; + width:200px; +} + + +.advance-menu li.SubMenuLargeDisable span{ + float:left; + width:170px; + padding-top:0px; + color:#adadad; + background:#e5e5e5; + padding-left:20px; + +} + + + + + +.advance-menu li.SubMenuHover span{ + margin-left:0px; + padding-left:0px; + text-decoration:none; + float:left; + width:170px; + color:#9d98ff; + border-top-style:solid; + border-width:1px; + background:url(); +} + + +.advance-menu li.SubMenuActive{ + margin:0; + padding:0; + height:21px; + color:#4e4e4e; + list-style:none; + width:200px; + background:url("../img/subMenuActive.png") no-repeat 15px -2px; + +} + + + + +.advance-menu li.SubMenuActive span{ + margin-left:20px; + padding-left:0px; + text-decoration:none; + float:left; + width:170px; + color:#ffffff; +} + + +.advance-menu li.SubMenuActiveLarge{ + margin:0; + padding:0; + height:32px; + color:#4e4e4e; + width:200px; + list-style:none; + background:url("../img/subMenuActiveLarge.png") no-repeat 15px -2px; +} + + +.advance-menu li.SubMenuActiveLarge span{ + margin-left:20px; + padding-left:0px; + width:170px; + text-decoration:none; + float:left; + color:#ffffff; +} + +.advance-menu span{ + float:left; + +} + +.advance-menu a{ + text-decoration:none; + color:#ffffff; + font-weight:bold; + +} + +.advance-menu a:hover{ + text-decoration:none; + color:#ffffff; + font-weight:bold; + cursor:pointer; + +} + + +.subHeader ul{ + margin-top:0; + padding-top:0; + list-style:none; + height:150px; +} + diff --git a/Sites/Login-Netgear/css/qos_tabs.css b/Sites/Login-Netgear/css/qos_tabs.css new file mode 100644 index 0000000..3b6464e --- /dev/null +++ b/Sites/Login-Netgear/css/qos_tabs.css @@ -0,0 +1,159 @@ + + +/* root element for tabs */ +ul.tabs { + list-style:none; + margin:0px; + padding-left:10px; + padding-top:5px; + height:30px; + background-color:transparent; + font-family:arial; + overflow: hidden; + white-space: nowrap; +} + +/* single tab */ +ul.tabs li { + float:left; + text-indent:0; + padding:0; + margin-left:5px; + background-color:transparent; + list-style-image:none !important; + display: inline; +} + + +/* link inside the tab. uses a background image */ +ul.tabs a { + background: url(../img/qos-tab-nonactive.jpg) no-repeat 0; + font-size:15px; + font-weight:bold; + display:block; + height: 35px; + line-height:35px; + width: 152px; + text-align:center; + text-decoration:none; + color:#4e4e4e; + padding:0px; + position:relative; + top:0px; + top: 0px\9; + font-family:arial; +} + +ul.tabs a:active { + outline:none; + background: url(../img/qos-tab-nonactive.jpg) no-repeat 0; +} + +/* when mouse enters the tab move the background image */ + + +ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { + background: url(../img/qos-tab-hover.jpg) no-repeat 0; + cursor:default !important; + color:#000 !important; +} + + + +.firmware-update-hint{ + background-image:url("../img/firmware-hint-background.gif"); + background-position:0px -1px; + background-repeat:no-repeat; + margin-left:40px; + margin-top:3px; + float:left; + width:380px; + height: 22px; + font-weight:bold; + position: relative; + right: -350px; + top: 33px; + z-index:5; + +} + + +.firmware-update-hint-short{ + + background-position:0px -1px; + background-repeat:no-repeat; + margin-left:40px; + margin-top:3px; + float:left; + width:380px; + height: 22px; + font-weight:bold; + position: relative; + right: -350px; + top: 33px; + z-index:5; + +} + + + + +.language-option{ + font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; + margin-top:4px; + margin-bottom:5px; + font-size:12px; + font-weight:normal; + } + +firmware_update_click a:hover{ + mouse:pointer; +} +/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ + +/* initially all panes are hidden */ +.panes .pane { + display:none; + +} + + + +.button-rule span.roundleft_update{ + padding: 4px 0px 15px 20px; + margin:0px; + border:0px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_update.gif") no-repeat left 0px; + color:#F2F2F2; + cursor: pointer; + white-space:nowrap; +} + +.roundright_update{ + padding: 4px 5px 15px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_update.gif") no-repeat top right; + color:#F2F2F2; + white-space:nowrap; + cursor: pointer; +} + +.roundright_update_org{ + padding: 4px 0px 4px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_update.gif") no-repeat top right; + color:#F2F2F2; + white-space:nowrap; + cursor: pointer; +} + \ No newline at end of file diff --git a/Sites/Login-Netgear/css/scrollbar.css b/Sites/Login-Netgear/css/scrollbar.css new file mode 100644 index 0000000..09cf39b --- /dev/null +++ b/Sites/Login-Netgear/css/scrollbar.css @@ -0,0 +1,123 @@ + +/* + * CSS Styles that are needed by jScrollPane for it to operate correctly. + * + * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane + * may not operate correctly without them. + */ + +.jspContainer +{ + overflow: hidden; + position: relative; +} + +.jspPane +{ + position: absolute; +} + +.jspVerticalBar +{ + position: absolute; + top: 0; + right: 0; + width: 12px; + height: 100%; + background-color: #202020; +} + +.jspHorizontalBar +{ + display:none; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 16px; + background-color:#202020; +} + +.jspVerticalBar *, +.jspHorizontalBar * +{ + margin: 0; + padding: 0; +} + +.jspCap +{ + display: none; +} + +.jspHorizontalBar .jspCap +{ + float: left; +} + +.jspTrack +{ + background: #c0c0d0; + position: relative; +} + +.jspDrag +{ + background: #808080; + position: relative; + top: 0; + left: 0; + cursor: pointer; +} + +.jspHorizontalBar .jspTrack, +.jspHorizontalBar .jspDrag +{ + float: left; + height: 100%; +} + +.jspArrow +{ + background: #50506d; + text-indent: -20000px; + display: block; + cursor: pointer; +} + +.jspArrow.jspDisabled +{ + cursor: default; + background: #80808d; +} + +.jspVerticalBar .jspArrow +{ + height: 16px; +} + +.jspHorizontalBar .jspArrow +{ + width: 16px; + float: left; + height: 100%; +} + +.jspVerticalBar .jspArrow:focus +{ + outline: none; +} + +.jspCorner +{ + background: #eeeef4; + float: left; + height: 100%; +} + +/* Yuk! CSS Hack for IE6 3 pixel bug :( */ +* html .jspCorner +{ + margin: 0 -3px 0 0; +} + diff --git a/Sites/Login-Netgear/css/standalone.css b/Sites/Login-Netgear/css/standalone.css new file mode 100644 index 0000000..e13e014 --- /dev/null +++ b/Sites/Login-Netgear/css/standalone.css @@ -0,0 +1,12 @@ +body { + font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana,Arial; +} + +/* get rid of those system borders being generated for A tags */ +a:active { + outline:none; +} + +:focus { + -moz-outline-style:none; +} diff --git a/Sites/Login-Netgear/css/table.css b/Sites/Login-Netgear/css/table.css new file mode 100644 index 0000000..6429fe7 --- /dev/null +++ b/Sites/Login-Netgear/css/table.css @@ -0,0 +1,695 @@ + + +.basic-text{ + padding-top:0px; + margin-top:0px; +} + + +.basic-text-menu{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color: #404040; + font-weight:bold; + width:50%; +} + +.basic-text-menu-bottom{ + border-collapse:collapse; + + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color: #404040; + font-weight:bold; + width:50%; +} +.basic-text-content-bottom{ + font-family:Arial; + border-collapse:collapse; + font-size:12px; + border-right: 4px; + border-right-style:solid; + + border-color:#FFFFFF; + color: #404040; + width:50%; +} + +.basic-text-menu-pr{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Simsun,Arial; + font-size:12px; + border-color:#FFFFFF; + color: #404040; + font-weight:bold; + width:50%; +} + +iframe{ + background-color:transparent; +} + +.basic-text-subTitle{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color:#69B4CB; + font-weight:bold; + width:50%; +} + +.basic-text-subTitle-pr{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Simsun,Arial; + font-size:12px; + border-color:#FFFFFF; + color:#69B4CB; + font-weight:bold; + width:50%; +} + +.basic-text-content{ + font-family:Arial; + border-collapse:collapse; + font-size:12px; + border-right: 4px; + border-right-style:solid; + height:13px; + border-color:#FFFFFF; + color: #404040; + width:50%; + } + +.basic-text-content-pr{ + font-family:Simsun,Arial; + border-collapse:collapse; + font-size:12px; + border-right: 4px; + border-right-style:solid; + height:13px; + border-color:#FFFFFF; + color: #404040; + width:50%; +} + +.page-table{ + margin:0px; + font-size:14px; + background:-moz-linear-gradient(top,white,rgb(230,230,230)); + background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF), to(#E6E6E6)); -webkit-background-origin: padding;-webkit-background-clip:content; + border-collapse:collapse; + + background-color:#C0C0C0; + filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E6E6E6', startColorstr='#FFFFFF', gradientType='0'); + } + +.basic-table-seperate-border{ + border-left-style:solid; + border-right-style:solid; + width:320px; + height:1px; + border-top-style:none; + border-bottom-style:none; + border-left-width:4px; + border-right-width:4px; + border-left-color:#FFFFFF; + border-right-color:#FFFFFF; +} + +.table-seperate-border{ + padding-left:10px; + padding-right:10px; + border-left-style:solid; + border-right-style:solid; + border-left-width:1px; + border-right-width:1px; + border-left-color:#808080; + border-right-color:#808080; +} + +.scrollpane-table-seperate-border{ + padding-left:20px; + padding-right:5px; + border-left-style:solid; + border-right-style:solid; + border-left-width:1px; + border-right-width:1px; + border-left-color:#808080; + border-right-color:#808080; +} +.basic-table-seperate{ + height:1px; + border-color:#D0D0D0; + background-color:#D0D0D0; + margin-left:15px; + margin-right:15px; + border:0px; + overflow:hidden; + + } +.basic-table-seperate-2{ + height:1px; + border-color:transparent; + background-color:transparent; + margin-left:15px; + margin-right:15px; + border:0px; + overflow:hidden; + + } +.adv-home-table-seperate{ + height:1px; + width:615px; + border-color:#C0C0C0; + border-style:normal; + background-color:#C0C0C0; + margin-left:10px; + margin-right:10px; + border-bottom-color:#ffffff; + border-top-style:none; + border-left-style:none; + border-right-style:none; + border:1px; + overflow:hidden; + + } +.adv-home-table-seperate-2{ + height:1px; + width:615px; + border-color:#ffffff; + border-style:normal; + background-color:#ffffff; + margin-left:10px; + margin-right:10px; + border-bottom-color:#ffffff; + border-top-style:none; + border-left-style:none; + border-right-style:none; + border:1px; + overflow:hidden; + + } + +.table-seperate{ + height:1px; + + border-color:#000000; + background-color:#000000; + margin-left:15px; + margin-right:15px; + border:0px; + overflow:hidden; + + } + +.box-header-table { + border-collapse:collapse; + margin-left:5px; + background:url('../img/box-header-background.gif') no-repeat; +} + +.box-header-table-large { + border-collapse:collapse; + margin-left:5px; + height:43px; + background:url('../img/box-header-background-large.gif') no-repeat; +} + + +.box-header { + margin:0px; + width:305px; + height:17px; + vertical-align:top; +} +.page-table-bottom-3{ + + background-position:0px -14px; + height:10px; + background-repeat:no-repeat; + margin-left:5px; + border:0px; + background-color:#FFFFFF; + } +.page-table-bottom-2{ + background:url(../img/page-table-bottom-2.gif); + background-position:0px -4px; + font-size:8px; + height:8px; + background-repeat:no-repeat; + margin-left:5px; + border:0px; + } + +.page-table-bottom{ + background:url(../img/page-table-bottom.gif); + background-position:0px -14px; + height:10px; + background-repeat:no-repeat; + margin-left:5px; + border:0px; + background-color:#FFFFFF; + } + + +.box-header-text{ + font-family:Arial; + padding-left:5px; + height:10px; + width:340px; + color:#E5E5E5; + background-position:-35px 0px; + font-size:14px; + font-weight:Bold; + text-decoration:underline; + } + +.box-header-text-pr{ + font-family:Simsun,Arial; + padding-left:5px; + height:10px; + width:340px; + color:#E5E5E5; + background-position:-35px 0px; + font-size:14px; + font-weight:Bold; + text-decoration:underline; + } + +.warning-text-menu{ + height:13px; + text-decoration:underline; + padding-left:20px; + border-left: 4px; + color:#E77800; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color:#E77800; + font-weight:bold; + width:60%; + } + + +.warning-text-content{ + border-right: 4px; + text-decoration:underline; + border-right-style:solid; + color:#E77800; + height:13px; + font-size:12px; + border-color:#FFFFFF; + width:40%; + } + +.page-table-button{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:16px; + width:140px; + background: url("../img/page-table-button.gif") no-repeat; + background-position:relative; + + } + + +.page-table-button-large{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:32px; + width:140px; + background: url("../img/page-table-button-large.gif") no-repeat; + background-position:relative; + + } + +.page-table-button-left{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:16px; + width:140px; + background: url("../img/page-table-button.gif") no-repeat; + background-position:100% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + } + +.page-table-button-right{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:16px; + width:140px; + background: url("../img/page-table-button.gif") no-repeat; + background-position:70% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + } + +.page-table-button-large-left{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:1px; + font-weight:bold; + color:#FFFFFF; + height:32px; + width:280px; + background: url("../img/page-table-button-large.gif") no-repeat; + background-position:100% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + + } + +.page-table-button-large-right{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:32px; + width:140px; + background: url("../img/page-table-button-large.gif") no-repeat; + background-position:70% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + + } + +.page-table-button-gray{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#767676; + height:16px; + width:140px; + background: url("../img/page-table-button-gray.gif") no-repeat; + background-position:relative; + + } + +.subhead{ + height:32px; + width:740px; + background: url("../img/subhead-top.gif") no-repeat 0px 0px; + background-position:relative; +} + +.subhead-bottom{ + height:29px; + width:740px; + background: url("../img/subhead-bottom.gif") no-repeat 0px 0px; + background-position:relative; +} + +.subhead-text{ + font-family:Arial; + font-size:14px; + color:#E5E5E5; + font-weight:bold; + padding-left:20px; + background-position:relative; + padding-top:7px; +} + +.subhead-text-menu{ + height:25px; + padding-left:20px; + border-left: 1px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#000000; + font-weight:bold; + width:18%; + } + +.subhead-text-context{ + padding-left:20px; + border-right: 1px; + border-right-style:solid; + height:25px; + font-size:12px; + border-color:#000000; + width:75%; + } + +.normal-text{ + font-family:Arial; + font-size:12px; + color:#404040; + text-decoration:none; + font-weight:bold; + background-position:relative; + +} +.subtop{ + font-family:Arial; + margin:0px; + font-size:12px; + width:1050px; + + color:#FFFFFF; + font-weight:bold; + vertical-align:middle; + +} +.subhead2{ + font-family:Arial; + margin:0px; + font-size:12px; + background: url("../img/subhead2-top.gif") no-repeat 0px 0px; + color:#FFFFFF; + font-weight:bold; + vertical-align:middle; + position: absolute; + top: 0px; + left: 0px; + padding-top:8px; + padding-bottom:8px; + padding-left:20px; +} + +.subhead2-table{ + zoom:1; + width:1050px; + background-attachment:fixed; + padding-right:5px; + border-collapse:collapse; +} + +.subhead2-multi-table{ + zoom:1; + + background-repeat: no-repeat; + background-attachment:fixed; + border:0px; + border-collapse:collapse; +} + + +.subhead2-text{ + font-family:Arial; + margin:0px; + color:#FFFFFF; + font-size:12px; + background-position:relative; + font-weight:bold; + vertical-align:middle; + padding-top:4px; + padding-bottom:4px; +} + +.subhead2-bottom{ + height:29px; + width:1050px; + + background-position:relative; + position:relative; + top:-28px; + margin-bottom:10px; +} + +.subhead2-text-menu{ + padding-left:20px; + height:20px; + border-left: 0px; + border-left-style:solid; + border-color:#808080; + } + +.page-body { + + margin:0px; + + background-color:#E5E5E5; + overflow:hidden; +} + +.subhead2-text-context{ + text-align:right; + padding-right:20px; + border-right: 0px; + border-right-style:solid; + border-color:#808080; + } + +.table-round-top-left{ + background-image:url("../img/roundtopleft_table.gif"); + background-repeat:no-repeat; + } + +.table-round-top-right{ + background-image:url("../img/roundtopright_table.gif"); + background-repeat:no-repeat; + } + +.table-round-bottom-left{ + background-image:url("../img/roundbottomleft_table.gif"); + background-repeat:no-repeat; + background-position:0px -22px; + } + +.table-round-bottom-right{ + background-image:url("../img/roundbottomright_table.gif"); + background-repeat:no-repeat; + background-position:0px -22px; + } + +.table-header{ + background-color:#9d98ff; + font-family:Arial; + font-size:12px; + vertical-align:middle; + color:#404040; + text-decoration:none; + font-weight:bold; + background-position:relative; + } + +.table-content-text{ + font-family:Arial; + font-size:12px; + color:#404040; + text-decoration:none; + font-weight:normal; + background-position:relative; + } + +.help-frame-div{ + position:absolute; top:284px;left:10px; + width:1000px; + height:140px; + background: #202020; + padding:10px; + visibility:hidden; + +} + + +.bas-help-frame-div{ + position:absolute; top:284px;left:10px; + width:600px; + height:140px; + background: #202020; + padding:10px; + visibility:hidden; + +} + + +.help-iframe{ + width:100%; + height:140px; + background: #202020; + padding:0px; + position:relative; +} + + +.scroll-pane +{ + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +#full-page-container +{ + position:absolute; top:0px;left:0px; + overflow: auto; +} + +.cover-image +{ + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + z-index:5; +} + +.folderName_ie10 +{ + border-right: inset 1pt; +} + +.select-gray +{ + color:black; + background: #E0E0E0; +} diff --git a/Sites/Login-Netgear/css/table_noh.css b/Sites/Login-Netgear/css/table_noh.css new file mode 100644 index 0000000..5f19526 --- /dev/null +++ b/Sites/Login-Netgear/css/table_noh.css @@ -0,0 +1,717 @@ + + +.basic-text{ + padding-top:0px; + margin-top:0px; +} + + +.basic-text-menu{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color: #404040; + font-weight:bold; + width:50%; +} + +.basic-text-menu-bottom{ + border-collapse:collapse; + + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color: #404040; + font-weight:bold; + width:50%; +} +.basic-text-content-bottom{ + font-family:Arial; + border-collapse:collapse; + font-size:12px; + border-right: 4px; + border-right-style:solid; + + border-color:#FFFFFF; + color: #404040; + width:50%; +} + +.basic-text-menu-pr{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Simsun,Arial; + font-size:12px; + border-color:#FFFFFF; + color: #404040; + font-weight:bold; + width:50%; +} + +iframe{ + background-color:transparent; +} + +.basic-text-subTitle{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color:#69B4CB; + font-weight:bold; + width:50%; +} + +.basic-text-subTitle-pr{ + border-collapse:collapse; + height:13px; + padding-left:15px; + border-left: 4px; + border-left-style:solid; + font-family:Simsun,Arial; + font-size:12px; + border-color:#FFFFFF; + color:#69B4CB; + font-weight:bold; + width:50%; +} + +.basic-text-content{ + font-family:Arial; + border-collapse:collapse; + font-size:12px; + border-right: 4px; + border-right-style:solid; + height:13px; + border-color:#FFFFFF; + color: #404040; + width:50%; + } + +.basic-text-content-pr{ + font-family:Simsun,Arial; + border-collapse:collapse; + font-size:12px; + border-right: 4px; + border-right-style:solid; + height:13px; + border-color:#FFFFFF; + color: #404040; + width:50%; +} + +.page-table{ + margin:0px; + font-size:14px; + background:-moz-linear-gradient(top,white,rgb(230,230,230)); + background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF), to(#E6E6E6)); -webkit-background-origin: padding;-webkit-background-clip:content; + border-collapse:collapse; + + background-color:#C0C0C0; + filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E6E6E6', startColorstr='#FFFFFF', gradientType='0'); + } + +.basic-table-seperate-border{ + border-left-style:solid; + border-right-style:solid; + width:320px; + height:1px; + border-top-style:none; + border-bottom-style:none; + border-left-width:4px; + border-right-width:4px; + border-left-color:#FFFFFF; + border-right-color:#FFFFFF; +} + +.table-seperate-border{ + padding-left:10px; + padding-right:10px; + border-left-style:solid; + border-right-style:solid; + border-left-width:0px; + border-right-width:0px; + border-left-color:#808080; + border-right-color:#808080; +} + + +.table-seperate-border2{ + padding-top:10px; + padding-bottom:47px; + background-image: url(../img/opmode_topline.gif); + background-repeat: no-repeat; + background-position: 50% 100%; + + padding-left:10px; + padding-right:10px; + border-left-style:solid; + border-right-style:solid; + border-left-width:0px; + border-right-width:0px; + border-left-color:#808080; + border-right-color:#808080; +} + +.scrollpane-table-seperate-border{ + padding-left:20px; + padding-right:5px; + border-left-style:solid; + border-right-style:solid; + border-left-width:0px; + border-right-width:0px; + border-left-color:#808080; + border-right-color:#808080; +} +.basic-table-seperate{ + height:1px; + border-color:#D0D0D0; + background-color:#D0D0D0; + margin-left:15px; + margin-right:15px; + border:0px; + overflow:hidden; + + } +.basic-table-seperate-2{ + height:1px; + border-color:transparent; + background-color:transparent; + margin-left:15px; + margin-right:15px; + border:0px; + overflow:hidden; + + } +.adv-home-table-seperate{ + height:1px; + width:615px; + border-color:#C0C0C0; + border-style:normal; + background-color:#C0C0C0; + margin-left:10px; + margin-right:10px; + border-bottom-color:#ffffff; + border-top-style:none; + border-left-style:none; + border-right-style:none; + border:1px; + overflow:hidden; + + } +.adv-home-table-seperate-2{ + height:1px; + width:615px; + border-color:#ffffff; + border-style:normal; + background-color:#ffffff; + margin-left:10px; + margin-right:10px; + border-bottom-color:#ffffff; + border-top-style:none; + border-left-style:none; + border-right-style:none; + border:1px; + overflow:hidden; + + } + +.table-seperate{ + height:1px; + + border-color:#000000; + background-color:#000000; + margin-left:15px; + margin-right:15px; + border:0px; + overflow:hidden; + + } + +.box-header-table { + border-collapse:collapse; + margin-left:5px; + background:url('../img/box-header-background.gif') no-repeat; +} + +.box-header-table-large { + border-collapse:collapse; + margin-left:5px; + height:43px; + background:url('../img/box-header-background-large.gif') no-repeat; +} + + +.box-header { + margin:0px; + width:305px; + height:17px; + vertical-align:top; +} +.page-table-bottom-3{ + + background-position:0px -14px; + height:10px; + background-repeat:no-repeat; + margin-left:5px; + border:0px; + background-color:#FFFFFF; + } +.page-table-bottom-2{ + background:url(../img/page-table-bottom-2.gif); + background-position:0px -4px; + font-size:8px; + height:8px; + background-repeat:no-repeat; + margin-left:5px; + border:0px; + } + +.page-table-bottom{ + background:url(../img/page-table-bottom.gif); + background-position:0px -14px; + height:10px; + background-repeat:no-repeat; + margin-left:5px; + border:0px; + background-color:#FFFFFF; + } + + +.box-header-text{ + font-family:Arial; + padding-left:5px; + height:10px; + width:340px; + color:#E5E5E5; + background-position:-35px 0px; + font-size:14px; + font-weight:Bold; + text-decoration:underline; + } + +.box-header-text-pr{ + font-family:Simsun,Arial; + padding-left:5px; + height:10px; + width:340px; + color:#E5E5E5; + background-position:-35px 0px; + font-size:14px; + font-weight:Bold; + text-decoration:underline; + } + +.warning-text-menu{ + height:13px; + text-decoration:underline; + padding-left:20px; + border-left: 4px; + color:#E77800; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#FFFFFF; + color:#E77800; + font-weight:bold; + width:60%; + } + + +.warning-text-content{ + border-right: 4px; + text-decoration:underline; + border-right-style:solid; + color:#E77800; + height:13px; + font-size:12px; + border-color:#FFFFFF; + width:40%; + } + +.page-table-button{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:16px; + width:140px; + background: url("../img/page-table-button.gif") no-repeat; + background-position:relative; + + } + + +.page-table-button-large{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:32px; + width:140px; + background: url("../img/page-table-button-large.gif") no-repeat; + background-position:relative; + + } + +.page-table-button-left{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:16px; + width:140px; + background: url("../img/page-table-button.gif") no-repeat; + background-position:100% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + } + +.page-table-button-right{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:16px; + width:140px; + background: url("../img/page-table-button.gif") no-repeat; + background-position:70% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + } + +.page-table-button-large-left{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:1px; + font-weight:bold; + color:#FFFFFF; + height:32px; + width:280px; + background: url("../img/page-table-button-large.gif") no-repeat; + background-position:100% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + + } + +.page-table-button-large-right{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#FFFFFF; + height:32px; + width:140px; + background: url("../img/page-table-button-large.gif") no-repeat; + background-position:70% 90%; + overflow:hidden; + padding-top:5px; + padding-left:7px; + + } + +.page-table-button-gray{ + font-family:Arial; + font-size:11px; + margin-top:0px; + margin-left:0px; + padding-left:0px; + font-weight:bold; + color:#767676; + height:16px; + width:140px; + background: url("../img/page-table-button-gray.gif") no-repeat; + background-position:relative; + + } + +.subhead{ + height:32px; + width:740px; + background: url("../img/subhead-top.gif") no-repeat 0px 0px; + background-position:relative; +} + +.subhead-bottom{ + height:29px; + width:740px; + background: url("../img/subhead-bottom.gif") no-repeat 0px 0px; + background-position:relative; +} + +.subhead-text{ + font-family:Arial; + font-size:14px; + color:#E5E5E5; + font-weight:bold; + padding-left:20px; + background-position:relative; + padding-top:7px; +} + +.subhead-text-menu{ + height:25px; + padding-left:20px; + border-left: 1px; + border-left-style:solid; + font-family:Arial; + font-size:12px; + border-color:#000000; + font-weight:bold; + width:18%; + } + +.subhead-text-context{ + padding-left:20px; + border-right: 1px; + border-right-style:solid; + height:25px; + font-size:12px; + border-color:#000000; + width:75%; + } + +.normal-text{ + font-family:Arial; + font-size:12px; + color:#404040; + text-decoration:none; + font-weight:bold; + background-position:relative; + +} +.subtop{ + font-family:Arial; + margin:0px; + font-size:12px; + width:1050px; + + color:#FFFFFF; + font-weight:bold; + vertical-align:middle; + +} +.subhead2{ + font-family:Arial; + margin:0px; + font-size:16px; + background: url("../img/subhead2-top_noh.gif") no-repeat 0px 0px; + color:#ADA7D7; + font-weight:bold; + vertical-align:middle; + position: absolute; + top: 0px; + left: 0px; + padding-top:8px; + padding-bottom:8px; + padding-left:20px; +} + +.subhead2-table{ + zoom:1; + width:1050px; + background-attachment:fixed; + padding-right:5px; + border-collapse:collapse; +} + +.subhead2-multi-table{ + zoom:1; + + background-repeat: no-repeat; + background-attachment:fixed; + border:0px; + border-collapse:collapse; +} + + +.subhead2-text{ + font-family:Arial; + margin:0px; + color:#FFFFFF; + font-size:12px; + background-position:relative; + font-weight:bold; + vertical-align:middle; + padding-top:4px; + padding-bottom:4px; +} + +.subhead2-bottom{ + height:29px; + width:1050px; + + background-position:relative; + position:relative; + top:-28px; + margin-bottom:0px; +} + +.subhead2-text-menu{ + padding-left:20px; + height:20px; + border-left: 0px; + border-left-style:solid; + border-color:#808080; + } + +.page-body { + + margin:0px; + + background-color:#E5E5E5; + overflow:hidden; +} + +.subhead2-text-context{ + text-align:right; + padding-right:20px; + border-right: 0px; + border-right-style:solid; + border-color:#808080; + } + +.table-round-top-left{ + background-image:url("../img/roundtopleft_table.gif"); + background-repeat:no-repeat; + } + +.table-round-top-right{ + background-image:url("../img/roundtopright_table.gif"); + background-repeat:no-repeat; + } + +.table-round-bottom-left{ + background-image:url("../img/roundbottomleft_table.gif"); + background-repeat:no-repeat; + background-position:0px -22px; + } + +.table-round-bottom-right{ + background-image:url("../img/roundbottomright_table.gif"); + background-repeat:no-repeat; + background-position:0px -22px; + } + +.table-header{ + background-color:#9d98ff; + font-family:Arial; + font-size:12px; + vertical-align:middle; + color:#404040; + text-decoration:none; + font-weight:bold; + background-position:relative; + } + +.table-content-text{ + font-family:Arial; + font-size:12px; + color:#404040; + text-decoration:none; + font-weight:normal; + background-position:relative; + } + +.help-frame-div{ + position:absolute; top:284px;left:10px; + width:1000px; + height:140px; + background: #202020; + padding:10px; + visibility:hidden; + +} + + +.bas-help-frame-div{ + position:absolute; top:284px;left:10px; + width:600px; + height:140px; + background: #202020; + padding:10px; + visibility:hidden; + +} + + +.help-iframe{ + width:100%; + height:140px; + background: #202020; + padding:0px; + position:relative; +} + + +.scroll-pane +{ + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +#full-page-container +{ + position:absolute; top:0px;left:0px; + overflow: hidden; +} + +.cover-image +{ + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; + z-index:5; +} + +.folderName_ie10 +{ + border-right: inset 1pt; +} + +.subpage-body { + + margin:0px; + + background-color:#FFFFFF; + overflow:hidden; +} + + diff --git a/Sites/Login-Netgear/css/tabs.css b/Sites/Login-Netgear/css/tabs.css new file mode 100644 index 0000000..ac54e8e --- /dev/null +++ b/Sites/Login-Netgear/css/tabs.css @@ -0,0 +1,159 @@ + + +/* root element for tabs */ +ul.tabs { + list-style:none; + margin:0px; + padding-left:10px; + padding-top:5px; + height:30px; + background-color:#ffffff; + font-family:arial; + overflow: hidden; + white-space: nowrap; +} + +/* single tab */ +ul.tabs li { + float:left; + text-indent:0; + padding:0; + margin-left:5px; + background-color:transparent; + list-style-image:none !important; + display: inline; +} + + +/* link inside the tab. uses a background image */ +ul.tabs a { + background: url(../img/tab-nonactive.gif) no-repeat 0; + font-size:15px; + font-weight:bold; + display:block; + height: 30px; + line-height:30px; + width: 200px; + text-align:center; + text-decoration:none; + color:#4e4e4e; + padding:0px; + position:relative; + top:0px; + top: 0px\9; + font-family:arial; +} + +ul.tabs a:active { + outline:none; + background: url(../img/tab-nonactive.gif) no-repeat 0; +} + +/* when mouse enters the tab move the background image */ + + +ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { + background: url(../img/tab-active.gif) no-repeat 0; + cursor:default !important; + color:#000 !important; +} + + + +.firmware-update-hint{ + background-image:url("../img/firmware-hint-background.gif"); + background-position:0px -1px; + background-repeat:no-repeat; + margin-left:40px; + margin-top:3px; + float:left; + width:380px; + height: 22px; + font-weight:bold; + position: relative; + right: -350px; + top: 33px; + z-index:5; + +} + + +.firmware-update-hint-short{ + + background-position:0px -1px; + background-repeat:no-repeat; + margin-left:40px; + margin-top:3px; + float:left; + width:380px; + height: 22px; + font-weight:bold; + position: relative; + right: -350px; + top: 33px; + z-index:5; + +} + + + + +.language-option{ + font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; + margin-top:4px; + margin-bottom:5px; + font-size:12px; + font-weight:normal; + } + +firmware_update_click a:hover{ + mouse:pointer; +} +/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ + +/* initially all panes are hidden */ +.panes .pane { + display:none; + +} + + + +.button-rule span.roundleft_update{ + padding: 4px 0px 15px 20px; + margin:0px; + border:0px; + height:22px; + font-weight:bold; + background: transparent url("../img/roundleft_update.gif") no-repeat left 0px; + color:#F2F2F2; + cursor: pointer; + white-space:nowrap; +} + +.roundright_update{ + padding: 4px 5px 15px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_update.gif") no-repeat top right; + color:#F2F2F2; + white-space:nowrap; + cursor: pointer; +} + +.roundright_update_org{ + padding: 4px 0px 4px 0px; + margin:0px; + width:20px; + border:0px; + height:22px; + font-weight:bold; + background: url("../img/roundright_update.gif") no-repeat top right; + color:#F2F2F2; + white-space:nowrap; + cursor: pointer; +} + \ No newline at end of file