首頁 探索 說明
登入
HvA
/
FastenYourSeatbelts
镜像来自 https://github.com/DebenOldert/FastenYourSeatbelts.git
2
0
複刻 0
Files 問題管理 0 Wiki
瀏覽代碼

Html

Dit is HTML zonder JAVA!!
Rick V 11 年之前
父節點
f70283e8ba
當前提交
fa6bcc30f5
共有 12 個文件被更改，包括 183 次插入 和 0 次删除
統一視圖 顯示文件統計
  1. 149 0
      captiveportal/Captive portal.css
  2. 二進制
      captiveportal/images/Thumbs.db
  3. 二進制
      captiveportal/images/bg.gif
  4. 二進制
      captiveportal/images/corendon.jpg
  5. 二進制
      captiveportal/images/corendon2.JPG
  6. 二進制
      captiveportal/images/corendon3.JPG
  7. 二進制
      captiveportal/images/corendon4.jpg
  8. 二進制
      captiveportal/images/corendon5.jpg
  9. 二進制
      captiveportal/images/corendon6.jpg
  10. 二進制
      captiveportal/images/corendon7.jpg
  11. 二進制
      captiveportal/images/corendon8.jpg
  12. 34 0
      captiveportal/index.html

+ 149 - 0
captiveportal/Captive portal.css
查看文件 

@@ -0,0 +1,149 @@
 
+body{
 
+	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
 
+	background:#f4f4f4 url(images/corendon8.jpg) no-repeat;
 
+}
 
+h1{
 
+	margin-left:auto;
 
+    margin-right:auto;
 
+    width:800px;
 
+	margin-bottom:0;
 
+	font-size:56px;
 
+	color:#CC0000;
 
+	font-family: "Arial Black", Gadget, sans-serif;
 
+}
 
+h1 span{
 
+	font-size:15px;
 
+	color:#FF9900;
 
+}
 
+h2{
 
+	margin-left:auto;
 
+    margin-right:auto;
 
+    width:800px;
 
+	font-size:20px;
 
+	padding:0px 0px 40px 0px;
 
+	color:#aaa;
 
+	margin-top:0;
 
+}
 
+h2 span{
 
+	color:#aaa;
 
+}
 
+/* Form Style */
 
+.form_wrapper{
 
+	background:#fff;
 
+	border:1px solid #CC0000;
 
+	margin:auto;
 
+	width:350px;
 
+	font-size:16px;
 
+	-moz-box-shadow:0px 0px 25px 0px #CC0000;
 
+	-webkit-box-shadow:0px 0px 25px 0px #CC0000;
 
+	box-shadow: 0px 0px 25x 0px #CC0000;
 
+}
 
+.form_wrapper h3{
 
+	padding:20px;
 
+	background-color:#CC0000;
 
+	color:#fff;
 
+	font-size:25px;
 
+	border-bottom:1px solid #ddd;
 
+	margin-top:0;
 
+}
 
+form.login{
 
+	width:350px;
 
+	margin-bottom:0;
 
+}
 
+.form_wrapper label{
 
+	display:block;
 
+	padding:10px 30px 0px 30px;
 
+	margin:10px 0px 0px 0px;
 
+}
 
+.form_wrapper input[type="text"],
 
+.form_wrapper input[type="password"]{
 
+	border: solid 1px #E5E5E5;
 
+	background: #FFFFFF;
 
+	margin: 5px 30px 0px 30px;
 
+	padding: 9px;
 
+	display:block;
 
+	font-size:16px;
 
+	width:76%;
 
+	background: 
+		-webkit-gradient(
 
+			linear,
 
+			left top,
 
+			left 25,
 
+			from(#FFFFFF),
 
+			color-stop(4%, #EEEEEE),
 
+			to(#FFFFFF)
 
+		);
 
+	background: 
+		-moz-linear-gradient(
 
+			top,
 
+			#FFFFFF,
 
+			#EEEEEE 1px,
 
+			#FFFFFF 25px
 
+			);
 
+	-moz-box-shadow: 0px 0px 8px #f0f0f0;
 
+	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
 
+	box-shadow: 0px 0px 8px #f0f0f0;
 
+}
 
+.form_wrapper input[type="text"]:focus,
 
+.form_wrapper input[type="password"]:focus{
 
+	background:#feffef;
 
+}
 
+.form_wrapper .bottom{
 
+	background-color:#CC0000;
 
+	border-top:1px solid #ddd;
 
+	margin-top:20px;
 
+	font-size:12px;
 
+	clear:both;
 
+	color:#fff;
 
+	text-shadow:1px 1px 1px #000;
 
+}
 
+.form_wrapper .bottom label{
 
+	background-color:#CC0000;
 
+	border-bottom:5px solid #CC0000;
 
+	font-size:12px;
 
+	clear:both;
 
+	color:#fff;
 
+	text-shadow:1px 1px 1px #000;
 
+}
 
+.form_wrapper div.remember{
 
+	float:left;
 
+	width:140px;
 
+	margin:20px 0px 20px 30px;
 
+	font-size:11px;
 
+}
 
+.form_wrapper span.error{
 
+	visibility:hidden;
 
+	color:red;
 
+	font-size:11px;
 
+	font-style:italic;
 
+	display:block;
 
+	margin:4px 30px;
 
+}
 
+.form_wrapper input[type="submit"] {
 
+	background: #e3e3e3;
 
+	border: 1px solid #ccc;
 
+	color: #333;
 
+	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
 
+	font-size: 14px;
 
+	font-weight: bold;
 
+	padding: 8px 0 9px;
 
+	text-align: center;
 
+	width: 150px;
 
+	cursor:pointer;
 
+	float:right;
 
+	margin:15px 20px 10px 10px;
 
+	text-shadow: 0px 1px 0px #fff;
 
+	-moz-border-radius: 4px;
 
+	-webkit-border-radius: 4px;
 
+	border-radius: 4px;
 
+	-moz-box-shadow: 0px 0px 2px #fff inset;
 
+	-webkit-box-shadow: 0px 0px 2px #fff inset;
 
+	box-shadow: 0px 0px 2px #fff inset;
 
+}
 
+.form_wrapper input[type="submit"]:hover {
 
+	background: #d9d9d9;
 
+	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
 
+	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
 
+	box-shadow: 0px 0px 2px #eaeaea inset;
 
+	color: #222;
 
+}

二進制
captiveportal/images/Thumbs.db
查看文件


二進制
captiveportal/images/bg.gif
查看文件


二進制
captiveportal/images/corendon.jpg
查看文件


二進制
captiveportal/images/corendon2.JPG
查看文件


二進制
captiveportal/images/corendon3.JPG
查看文件


二進制
captiveportal/images/corendon4.jpg
查看文件


二進制
captiveportal/images/corendon5.jpg
查看文件


二進制
captiveportal/images/corendon6.jpg
查看文件


二進制
captiveportal/images/corendon7.jpg
查看文件


二進制
captiveportal/images/corendon8.jpg
查看文件


+ 34 - 0
captiveportal/index.html
查看文件 

@@ -0,0 +1,34 @@
 
+<html>
 
+	<head>
 
+		<link rel="stylesheet" type="text/css" href="Captive portal.css" />
 
+		<title>Captive portal</title>
 
+	</head>
 
+	<body>
 
+		<div class="wrapper">
 
+			<h1>Corendon<span>Dutch airlines</span> </h1>
 
+			<h2>Welcome by <span>Corendon</span>'s captive portal, sign in for WiFi.</h2>
 
+			<div class="content">
 
+				<div id="form_wrapper" class="form_wrapper">
 
+					<form class="login active">
 
+						<h3>Sign in</h3>
 
+						<div>
 
+							<label>Ticket Number:</label>
 
+							<input type="text" />
 
+							<span class="error">This is an error</span>
 
+						</div>
 
+						<div>
 
+							<label>Password:</label>
 
+							<input type="password" id="password" />
 
+							<span class="error">This is an error</span>
 
+						</div>
 
+						<div class="bottom">
 
+							<div class="remember"><input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'"> Show password</div>
 
+							<input type="submit" value="Sign in"></input>
 
+							<label>If you have questions please contact a stewardess</label>
 
+						</div>
 
+					</form>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</body>
 
+</html>