Add common stylesheet file

Gather common stylesheet instruction and definition in a common file for reuse, and include it in both pages instead of directly style declaration.
James-Leon-Neo · Mar 1, 2014 · 3a1b42b · 3a1b42b
1 parent b31c15e
commit 3a1b42b
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 90 deletions.
diff --git a/index.html b/index.html
@@ -1,51 +1,9 @@
 <html>
 	<head>
 		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-		<title>Project Facing-NKUs-ZiXiuKe</title>
+		<link rel="stylesheet" type="text/css" href="./stylesheets/common.css" />
 		<link rel="shortcut icon" href="favicon.png" />
-		<style type="text/css">
-			a:hover
-			{
-				text-decoration:none;
-			}
-			.whiteline
-			{
-				color:white;
-			}
-			#wrapper
-			{
-				width:1000px;
-				_width:auto;
-				margin:0px auto;
-				text-align:center;
-			}
-			#header
-			{
-				background-color:#9dc870;
-				_width:1000px;
-				color:white;
-			}
-			#main
-			{
-				_width:1000px;
-				_margin-top:15px;
-				text-align:left;
-			}
-			#side
-			{
-				float:left;
-				width:160px;
-			}
-			#content
-			{
-				float:left;
-				width:840px;
-			}
-			#footer
-			{
-				_width:1000px;
-			}
-		</style>
+		<title>Project Facing-NKUs-ZiXiuKe</title>
 	</head>
 	<body>
 		<div id="wrapper">
@@ -82,7 +40,8 @@ <h3>使用方法</h3>
 				</div>
 			</div>
 			<div id="footer">
-				Last modified on 2014-02-25
+				Last modified on 2014-02-28<br />
+				Powered by <a href="https://pages.github.com">GitHub Pages</a>
 			</div>
 		</div>
 	</body>

diff --git a/instruction.html b/instruction.html
@@ -1,51 +1,9 @@
 <html>
 	<head>
 		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
-		<title>Project Facing-NKUs-ZiXiuKe</title>
+		<link rel="stylesheet" type="text/css" href="./stylesheets/common.css" />
 		<link rel="shortcut icon" href="favicon.png" />
-		<style type="text/css">
-			a:hover
-			{
-				text-decoration:none;
-			}
-			.whiteline
-			{
-				color:white;
-			}
-			#wrapper
-			{
-				width:1000px;
-				_width:auto;
-				margin:0px auto;
-				text-align:center;
-			}
-			#header
-			{
-				background-color:#9dc870;
-				_width:1000px;
-				color:white;
-			}
-			#main
-			{
-				_width:1000px;
-				_margin-top:15px;
-				text-align:left;
-			}
-			#side
-			{
-				float:left;
-				width:160px;
-			}
-			#content
-			{
-				float:left;
-				width:840px;
-			}
-			#footer
-			{
-				_width:1000px;
-			}
-		</style>
+		<title>Project Facing-NKUs-ZiXiuKe</title>
 	</head>
 	<body>
 		<div id="wrapper">
@@ -68,8 +26,10 @@ <h3>对应浏览器</h3>
 						<li><a href="">Google Chrome</a></li>
 					</ul>
 					<div>
+						对于Microsoft Internet Explorer浏览器，只能使用手动方式进行控制台脚本注入来使用本功能
 					</div>
 					<div>
+						针对Mozilla Firefox浏览器的扩展正在计划开发中，敬请期待
 					</div>
 					<div>
 						对于Google Chrome浏览器，除了使用与前述相同的通过控制台进行代码注入的方式之外<br />
@@ -78,7 +38,8 @@ <h3>对应浏览器</h3>
 				</div>
 			</div>
 			<div id="footer">
-				Last modified on 2014-02-25
+				Last modified on 2014-02-28<br />
+				Powered by <a href="https://pages.github.com">GitHub Pages</a>
 			</div>
 		</div>
 	</body>

diff --git a/stylesheets/common.css b/stylesheets/common.css
@@ -0,0 +1,41 @@
+a:hover
+{
+	text-decoration:none;
+}
+.whiteline
+{
+	color:white;
+}
+#wrapper
+{
+	width:1000px;
+	_width:auto;
+	margin:0px auto;
+	text-align:center;
+}
+#header
+{
+	background-color:#9dc870;
+	_width:1000px;
+	color:white;
+}
+#main
+{
+	_width:1000px;
+	_margin-top:15px;
+	text-align:left;
+}
+#side
+{
+	float:left;
+	width:160px;
+}
+#content
+{
+	float:left;
+	width:840px;
+}
+#footer
+{
+	_width:1000px;
+}