|
<script type="text/javascript">
var g_dir = getLanguageDirection("en");
</script>
</form>
</span>
</td></tr>
<script type="text/javascript">
document.getElementById('displaySettings').style.visibility = "hidden";
</script>
</table>
</td>
<td class="logo js_left">
<img src="/images/logo.gif"/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="page" width="760">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
|
Login |
|
Enter your username and password to access your Technicolor Gateway.
<form method="post" action="login.lp" name="authform" id="authform">
<input type="hidden" name="rn" value="-549946229">
<input type="hidden" name="hidepw" id="hidepw" value=""/>
<table width='100%' cellspacing='0' cellpadding='0'>
<tr><td width="40" valign="top"></td>
<td valign="top">
<table width='100%' class="datatable" cellspacing='0' cellpadding='0'>
<tr><td></td><td width='30px'></td><td width='220px'></td><td width='50px'></td></tr>
<tr><td colspan='4' height='7'><img src='/images/spacer.gif' alt='' border='0' height='7' width='1'></td></tr>
<tr>
<td width='120px'>Username:</td>
<td colspan='3'><input type="text" name="user" id="user" style="width: 250px;" onkeypress="return noenter(event)" maxlength="63" /></td>
</tr>
<tr><td colspan='4' height='7'><img src='/images/spacer.gif' alt='' border='0' height='7' width='1'></td></tr>
<tr>
<td width='120px'>Password:</td>
<td colspan='3'><input type="password" name="password" id="password" maxlength="64" style="width: 250px;" onkeypress="return enter_submit(event);" /></td></td>
</tr>
<tr><td colspan='4' height='7'><img src='/images/spacer.gif' alt='' border='0' height='7' width='1'></td></tr>
<tr>
<td colspan="4" align="right">
<input name="ok" type="button" value="OK" onclick='submitAuthentication()' />
<input name="cancel" type="button" value="Cancel" onclick='cancelLogin()' />
</td>
</tr>
</table>
</td></tr>
</table>
</form>
</td></tr></table>
|
|
|
|
[/code]
código CSS de **styles.css*************************************************************************
[code]body {color:#000000; TEXT-ALIGN:left; FONT-SIZE:0.7em; FONT-WEIGHT:normal; FONT-STYLE:normal; TEXT-DECORATION:none;}
body, th, td, tr, div, span {FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;vertical-align:top;}
h1 {color:/*gray01*/#333; FONT-SIZE:1.5em; FONT-WEIGHT:bold;}
em {color:/*color01*/#0199cb;font-weight:bold; font-style:normal;}
a img {border:none;}
strong {color:/*color01*/#0199cb;}
ul {list-style-type:square;margin:0px;padding-left:16px;}
.tableIcon {margin-right:4px;}
.main {margin-left:auto;margin-right:auto;border-color:/gray03/#ADADAD;border-width:0px 1px 1px 1px;border-style:solid;}
.page {padding:0px 15px 0px 15px;min-height:300px;}
.pagebottom{background-color:transparent;height:10px;}
.banner {font:normal 10pt verdana;}
.banner td {padding:14px 10px 14px 10px;border-right:1px;}
.nopadtable td{padding: 0px;}
.product {color:/gray04/#666;font:bold 12pt verdana;text-align:left;margin:0px;}
.displaySettings {color:/gray04/#666;margin:0px;}
.displaySettings a, .displaySettings a:visited {font-weight:normal;color:/gray04/#666;}
.login {text-align:center;}
.login a, .login a:visited {font-weight:normal;color:black;}
.logo {text-align:right;}
.langSelect a:hover,.login a:hover,.displaySettings a:hover {color:/color01/#0199cb;}
.langSelect form {display:inline;}
.Menu {background-color:/gray03/#ADADAD;vertical-align:top;border-right:1px solid /gray03/#ADADAD}
.MenuVBar {background-color:#FFFFFF; text-decoration:none;}
.Menu1Item, .Menu1ItemOver {font-size:1.2em;padding:8px 12px 8px 12px; text-align:right;}
.Menu1ItemOver {background-color:/color01/#0199cb;color:white;}
.Menu1Item a { color:/gray01/#333; text-decoration:none; font-weight:bold;}
.Menu1ItemOver a {color:black; text-decoration:none;font-weight:bold;color:white;}
.Menu1Item a:hover, .Menu1ItemOver a:hover {font-weight:bold; text-decoration:underline;}
.Menu2Item, .Menu2ItemOver {font-size:1em;padding:6px 12px 6px 12px;background-color:white; text-align:right;}
.Menu2Item a {color:black; text-decoration:none;}
.Menu2ItemOver a {color:black;font-weight:bold;text-decoration:none;}
.Menu2Item a:hover, .Menu2ItemOver a:hover {color:/color01/#0199cb;text-decoration:underline;}
.PageMessage {font-size:1em; font-weight:normal;border:1px solid /gray05/#CACACA;margin:-10px 0px 0px 0px;}
.PageMessage td {padding:2px}
.PageMessage img {margin-top:1px}
.Table_Title {font-size:1em; color:white; background-color:/gray04/#666; FONT-WEIGHT:bold;}
.Table_InfoBar {font-size:1em; background-color:transparent;padding-top:4px;}
.Table_InfoBarWarning {font-size:1em; color:red; background-color:transparent;padding-bottom:6px;}
.Table_DataLabel {font-size:1em; background-color:/gray02/#E2E2E2; FONT-WEIGHT:bold;}
.Table_DataValue {font-size:1em; background-color:/gray02/#E2E2E2; FONT-WEIGHT:normal;}
.Table_DataValue_Selected {font-size:1em; background-color:/gray02/#E2E2E2; FONT-WEIGHT:normal;}
.Tab_Inactive a,.Tab_Active a {text-decoration:none;}
.Tab_Inactive {color:/gray04/#666; background-color:/gray02/#E2E2E2; FONT-WEIGHT:normal;}
.Tab_Active {color:white; background-color:/color01/#0199cb; FONT-WEIGHT:bold;}
.Panel_ButtonBar {color:#FFFFFF; FONT-WEIGHT:bold;}
.Panel_ButtonBar_Button { color:/gray01/#333; FONT-WEIGHT:bold; TEXT-ALIGN:center;}
.Panel_ButtonBar_Button:Hover { color:/color01/#0199cb; FONT-WEIGHT:bold; TEXT-ALIGN:center;}
.Form_Title {font-size:1em; color:white; background-color:/gray04/#666; FONT-WEIGHT:bold;}
.Form_DataLabel {font-size:1em;}
.Form_InputText {width:175pt; color:#000000;}
.Form_InputPassword {width:175pt; color:#000000;}
.Form_InputSelect {width:175pt; color:#000000;}
.Form_InputSelect_Wide {width:250pt; color:#000000;}
.wizardGrpToolbar {font-size:12px; font-weight:bold; background-color:#ffffff;}
.wizardGrpTitle {font-size:12px; font-weight:bold; color:/gray01/#333;}
.wizardGrpTxt {font-size:11px; font-weight:normal; color:#807F83;}
.wizardCentralPanel {font-size:11px; font-weight:normal; color:#000000; background-color:#ffffff;}
.wizardVarAlias {font-size:11px; font-weight:normal; color:#000000;}
.wizardVarDesc {font-size:11px; font-weight:normal; color:#000000;}
.wizardVarError {font-size:11px; font-weight:bold; color:#FF0000;}
.wizardFrontCompletePanel {font-size:11px; color:#000000; background-color:#ffffff;}
.wizardSummaryText {font-family:Fixedsys, Courier New, Courier ; font-size:1em; font-weight:normal; color:#000000; text-align:left; background-color:#ffffff;}
.wizardFooterPanel {font-size:11px; font-weight:normal; color:#000000; background-color:#ffffff;}
.wizardFooterPanelButton {font-size:11px; font-weight:normal; color:#000000; background-color:#ffffff; cursor:default;}
.panelTitle {color:#ffffff; background-color:/color01/#0199cb; FONT-SIZE:12px; FONT-WEIGHT:bold;}
.panelDelimiter {color:/gray04/#666; background-color:/gray02/#E2E2E2; FONT-SIZE:12px;}
.panelToolbar {color:#FFFFFF; background-color:#CC9933; FONT-SIZE:12px; FONT-WEIGHT:bold; TEXT-ALIGN:center;}
.panelLine {color:/gray04/#666; background-color:/gray02/#E2E2E2;}
.panelButton {color:#FFFFFF; FONT-SIZE:12px; FONT-WEIGHT:bold; TEXT-DECORATION:underline;}
.panelButtonSelected {color:#FFFFFF; FONT-SIZE:12px; FONT-WEIGHT:bold; TEXT-DECORATION:underline;}
.error {FONT-WEIGHT:bold; color:#993333;}
.margin {MARGIN-LEFT:5px; MARGIN-RIGHT:5px;}
.warning {FONT-SIZE:1.1em; color:#993333; LINE-HEIGHT:normal;}
.nogo {color:/gray04/#666; background-color:/gray02/#E2E2E2;}
.black {background-color:#000000;}
form {margin:0px;}
.NavBar {margin:0px 0px 10px 0px;}
.NavBar, .NavBar a, .NavBar a:visited {font-size:1em; color:/gray01/#333;TEXT-DECORATION:NONE;}
.NavBar a:hover {font-size:1em; color:/color01/#0199cb;}
.contentcontainer {margin:0px;}
.contentcontainer a:link, .contentcontainer a:visited {color:/color01/#0199cb;}
.contentcontainer a:hover {color:/color01/#0199cb;}
.contentcontainer hr {visibility:hidden;display:none}
.contentitem {padding:10px;text-align:left;width:auto;margin-bottom:10px;}
.homeitemdescr {font-size:1.1em;}
.homeline a:hover {font-weight:bold; color:/color01/#0199cb;}
.homeline a:link,.homeline a:visited,.homeline a:active {font-weight:bold; color:/color01/#0199cb;}
.itemtitle {color:/gray01/#333; font-size:1.6em; font-weight:bold;}
.itemtitle2 {color:/gray01/#333; font-size:1.3em; font-weight:bold;}
.blocktitle {font-size:1.2em; color:#000000; font-weight:bold;}
.blocktitle a:hover {font-weight:bold; color:/color01/#0199cb;}
.blocktitle a:link,.blocktitle a:visited,.blocktitle a:active {font-weight:bold; color:/color01/#0199cb;}
.hwintftable img {display:block;}
.hwintftable td {vertical-align:middle;}
.hwintftable a:hover {color:/color01/#0199cb;}
.hwintftable a:link,.hwintftable a:visited,.hwintftable a:active {color:/color01/#0199cb;}
.edittable {margin-bottom:6px;}
.edittable th {color:white; background-color:/gray04/#666;}
.edittable th, .edittable td {padding-left:4px; padding-right:4px;}
.edittable .oddrow {background-color:/gray05/#CACACA;}
.edittable .evenrow {background-color:/gray02/#E2E2E2;}
.tasks {margin:12px 0px 10px 0px;}
.tasks th {color:/gray01/#333;font-size:1.2em;text-align:left;width:100%;}
.tasks th, .tasks td {padding:4px;}
.task a:link,.task a:visited,.task a:active {color:/color01/#0199cb;text-decoration:none}
.task a:hover {color:/color01/#0199cb;}
/gradients/
.contentitem{
background-color:#F4F4F4; /* for non-css3 browsers /
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startcolorstr=‘#F4F4F4’, endcolorstr=‘#CCCCCC’); / for IE /
background: -webkit-gradient(linear, left top, right top, from(#F4F4F4), to(#CCCCCC)); / for webkit browsers /
background: -moz-linear-gradient(left,#F4F4F4,#CCCCCC); / for firefox 3.6+ */
}
.disabled { vertical-align:text-top; color:#c90000; }
.enabled { vertical-align:text-top; color:#389143; }
.halfenabled { vertical-align:text-top; color:#bd860a; }
.ntpbut {font-size:0.8em;}
td .description{ width:250px;}
#right {width:300px;}
td .index { width: 35px;}
.landingtb {}
.host {font-weight:bold; color:/color01/#0199cb;font-size:1.2em;width:550px;margin: 0px 0px 8px 0px;}
.hostleft {vertical-align:text-middle;width:200px;margin: 0px 20px;}
.hostleft img {vertical-align:middle;margin: 0px 5px 0px 0px;}
.hostright {align:middle;margin: 0px 5px;float:right;}
.hostlist {width:100%;}
.check { margin: 3px 0px; }
.ticklist { display:inline; width:100px }
.ticklisttick { display:inline; width: 8px; align:center; }
.ticklistticktable { width: 10px; align:center; margin: 1px; }
.hourofday { width:650px; margin: 0px 0px 20px 00px; align:left;}
.houron {background:url(‘/images/acac__md.gif’);background-repeat:no-repeat;background-position:right;background-size: 45%;text-align:left;cursor: crosshair;font-size:0.9em;font-weight:bold;}
.houroff {background:url(‘/images/acdr__md.gif’);background-repeat:no-repeat;background-position:right;background-size: 45%;text-align:left;cursor: crosshair;font-size:0.9em;font-weight:bold;}
.houroninfo {background:url(‘/images/acac__md.gif’);background-repeat:no-repeat;background-position:right;background-size: 45%;text-align:left;font-size:0.9em;font-weight:bold;}
.houroffinfo {background:url(‘/images/acdr__md.gif’);background-repeat:no-repeat;background-position:right;background-size: 45%;text-align:left;font-size:0.9em;font-weight:bold;}
#speedup { float: right; padding-right:200px}
#speeddown { float: right; padding-right:200px}
.port4table td{ vertical-align: middle; height:25px;}
.infotable { width:600px; }
.infotable th{ width:100%; height:25px; }
.infotable td{ vertical-align: middle; padding-right:15px; width:100%; border-spacing:10px; margin:10px; width:20px; height:25px;}
.space {width:150px; vertical-align:middle; }
.oddrow {background-color:/gray05/#CACACA;}
.evenrow {background-color:/gray02/#E2E2E2;}
.oddrowline {border-width:1px 0px 1px 0px;border-style:solid;background-color:/gray05/#CACACA;}
.ping {display:none; font-weight:bold; color:/color01/#0199cb;font-size:1.2em; width:550px; margin: 0px 0px 5px 0px;}
.pingleft {margin: 0px 20px; width:350px;vertical-align:middle;inline-block;}
.pingright {margin: 0px 5px;float:right;width:200px;}
.pinglist {width:100%;}
#results {display:none;}
.results { font-weight:bold;margin: 0px 0px 5px 0px;width:550px;}
.results span{width:75px;}
.pingtable{ vertical-align: middle; font-weight:bold; font-size:1.2em; width:650px; margin: 0px 0px 0px 0px;}
.pingtable .td1 {width:15px }
.pingtable .td2 {width:150px }
.pingtable td{ vertical-align: middle; vertical-align: middle; }
.pingtable img{ width:12px;height:12px; vertical-align: middle;}
.icmppingleft {color:/color01/#0199cb;margin: 0px 20px; width:350px;vertical-align:middle;inline-block;}
.tabs { border:0px; padding:0px 0px; margin:0px -2px;}
.tabs tr{width:550px;}
.tabs td {FONT-SIZE:1.1em;}
.TabFG, .TabFG td , .TabFG a,.TabFG a:link, .TabFG a:visited, .TabFG a:hover{background-color:/color01/#999999; color:#dddddd;text-decoration:none;height:20px;padding:0px 15px;margin:3px;vertical-align:middle;}
.TabFG a:hover, .TabFG a:active{color:#ffffff;}
.TabFGOver a:hover,.TabFGOver a{background-color:/color01/#0199cb; color:white;text-decoration:none;height:20px;}
.TabBG {background-color:white;color:white;}
.HR {width:100%;}
.HR table,.HR tr{border:0px;}
.HR td { background-color: #0199cb; height:2px; width:100%; }
.description span{width:170px;display:block;}
.TitleBar td{background-color:#ddd;color:white;width:550px;color:black;}
.datatable td{vertical-align:middle; }
.oddrowline {background-color:/color01/#999999;}
.oddrow, .evenrow,.oddrowline ,.evenrowline {padding: 0px 2px 0px 2px;}
.datatable input,.datatable select{float:left; margin: 5px;}
.datatable label{float:left; margin: 7px 2px;}
.hand {cursor:pointer;}
.SubTitle{background-color:/color01/#999999;height:17px;color:white;padding: 3px 18px;}
.hostconfig{margin: 0px 0px 0px 18px;}
.TitleBar td{padding: 1px 0px 1px 18px;}
.GraphX {width:512px;text-align:center}
.GraphY {height:150px;vertical-align:middle;}
#Graph {width:512px;height:150px;position:relative;border-bottom:1px;border-top:0px; border-left:1px;border-right:0px;border-style:solid;}
.relfbutton {float:right}
.check { margin: 3px 0px; }
.contentitemlanding {width:100%; margin-bottom:30px }
.InfoDiv {}
.infoTitle {color:/gray01/#333; font-size:1.6em; font-weight:bold; }
.infoTitle p {width:650px;text-align:left;margin-left:auto; margin-right:auto;}
.infoSection {text-align:left; margin-left:auto; margin-right:auto; width:470px;}
.infotable {width:100%;}
#infoicon img {margin-left:10px; margin-right:20px;}
.infoblocktitle {font-size:1.2em; color:#000000; font-weight:bold;}
.infoblocktitle a:hover {font-weight:bold; color:/color01/#0199cb;}
.infoblocktitle a:link,.blocktitle a:visited,.blocktitle a:active {font-weight:bold; color:/color01/#0199cb;}
.infoblocktitlesm{font-size:1.0em; color:#000000; font-weight:bold;width:100%;}
.infoblocktitlesm a:hover {font-weight:bold; color:/color01/#0199cb;}
.infoblocktitlesm a:link,.blocktitle a:visited,.blocktitle a:active {font-weight:bold; color:/color01/#0199cb;}
td .description {width:40%;}
td .descriptionright {width:10%;text-align:center;}
td #right {width:50%;}
.formlayout{padding:10px 0px;vertical-align:middle;}
.relfbutton2 {text-align:right;margin: 0px 70px 0px 0px}
#signalmeterbox { display:inline;background: url(“images/dial.png”) no-repeat 0 0; float: left; height: 135px; margin: 0; overflow: hidden; position: relative; width: 250px; }
.Signal {}
.wlanhost,.wlanhost a ,.wlanhost a:active,.wlanhost a:hover{text-decoration:none;font-weight:bold; color:/color01/#0199cb;font-size:1.1em;width:600px;margin: 0px 20px 8px 20px;}
.wlanhostleft {vertical-align:text-middle; display:inline;width:300px;text-decoration:none;font-weight:bold; color:/color01/#0199cb;}
.wlanhostleft img {vertical-align:middle;margin: 0px 5px 0px 0px;}
.wlanhostcenter {align:middle;margin: 0px 5px;text-align:center;width:85px;}
.wlanhostright {align:middle;margin: 0px 5px;text-align:center;width:85;}
.wlanhostlist {width:100%;}
.wlannohost{text-align:center;width:600px;}
.wlanSigForm {width:300px; disable:enabled; color:#333333;background: url(images/fake.png) center center no-repeat; /* This ruins default border */ border: 0px solid #888;}
.wlanSigTable {width:600px;}
.wlanSigTable #left {width:300px;vertical-align:middle;margin: 0px 5px 0px 0px;}
td .infodescription{ height:10px;width:250px;margin: 0px;border-spacing: 0px;}
#inforight {width:300px;}
td .index { width: 35px;}
.setuptable td{ vertical-align:middle; padding: 0px 0px;line-height:25px;margin:0;}
.setuptable input"checkbox"]{position relative; top:50px}
.setuppopup {display: none;position: absolute;width: 350px;padding: 15px 15px;background: #eeeeee;color: #000000;border: 1px solid #1a1a1a;font-size: 0.9em;}
.popimg {position:relative;top:2px;width:15px;height:15px;}
.httptable td{padding: 5px 0px;margin-bottom:5px;}
.httpiimg {width:302px;border:1px solid black;float:right; display: block;}
.httpipopup {display: none;position: absolute;width: 350px;padding: 0px 10px;background: #eeeeee;color: #000000;border: 1px solid #1a1a1a;font-size: 0.9em}
.httpitask {width:15px;height:15px; vertical-align:middle;margin:auto 5px;display: inline-block;}
.httptable td#taskbutton{ vertical-align: middle; }
.setupcheck, .setuptitle, .setupimg{vertical-align: middle;display:inline;float:left;line-height:20px;margin-right:5px;}
.setupcheckbox{margin:3px 5px;position:relative;top:1px;}
[/code]*
|