1 files changed, 71 insertions, 6 deletions
diff --git a/theme/maintenance.tpl b/theme/maintenance.tpl
index 349c6d1..d07b2a5 100755
--- a/theme/maintenance.tpl
+++ b/theme/maintenance.tpl

@@ -1,6 +1,71 @@
-<center><h1>Four Island is under maintenance</h1></center>
+<!DOCTYPE html>
+<html>
-<p>I'm sorry, but you've caught Four Island off guard. We're currently upgrading the website to accomidate for some fun new features we've thrown in, 
+  <head>
-so Four Island'll be down for a few minutes. Please try again soon and thanks for your interest in Four Island!</p>
+    <title>Four Island</title>
+    <style type="text/css">
-<p style="text-align: right"><em>--Starla Insigna</em></p>
+      body {
+        background-color: #3D3D3D;
+      }
+      
+      #wrap {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        margin-left: -20em;
+        margin-top: -9em;
+        width: 40em;
+        height: 18em;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        border-radius: 10px;
+        text-shadow: #000 1px 1px;
+        font-family: sans;
+        color: #CDCDCD;
+        text-align: center;
+      }
+      
+      #options {
+        float: right;
+        margin-top: -1em;
+      }
+      
+      #options ul li {
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        border-radius: 10px;
+        background-color: rgba(200,200,200,0.4);
+        list-style-type: none;
+      }
+      
+      #options ul li:hover {
+        background-color: orange;
+      }
+      
+      #options ul li a {
+        padding: 5px;
+        color: white;
+        text-decoration: none;
+        font-family: sans;
+      }
+      
+      #options ul li:hover a {
+        color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <nav id="options">
+      <ul>
+        <li><a href="http://dev.fourisland.com/fourm/ucp.php?mode=login">Login</a></li>
+      </ul>
+    </nav>
+    
+    <div id="wrap">
+      <img src="http://fourisland.com/apple-touch-icon-precomposed.png">    
+    
+      <h1>Four Island is currently under maintenance</h1>
+      
+      <p>We'll be back before you know it. Just sit tight for a while.</p>
+    </div>
+  </body>
+</html>

diff --git a/theme/maintenance.tpl b/theme/maintenance.tpl index 349c6d1..d07b2a5 100755 --- a/theme/maintenance.tpl +++ b/theme/maintenance.tpl
@@ -1,6 +1,71 @@
1	<center><h1>Four Island is under maintenance</h1></center>	1	<!DOCTYPE html>
2		2	<html>
3	<p>I'm sorry, but you've caught Four Island off guard. We're currently upgrading the website to accomidate for some fun new features we've thrown in,	3	<head>
4	so Four Island'll be down for a few minutes. Please try again soon and thanks for your interest in Four Island!</p>	4	<title>Four Island</title>
5		5	<style type="text/css">
6	<p style="text-align: right"><em>--Starla Insigna</em></p>	6	body {
		7	background-color: #3D3D3D;
		8	}
		9
		10	#wrap {
		11	position: fixed;
		12	top: 50%;
		13	left: 50%;
		14	margin-left: -20em;
		15	margin-top: -9em;
		16	width: 40em;
		17	height: 18em;
		18	-webkit-border-radius: 10px;
		19	-moz-border-radius: 10px;
		20	border-radius: 10px;
		21	text-shadow: #000 1px 1px;
		22	font-family: sans;
		23	color: #CDCDCD;
		24	text-align: center;
		25	}
		26
		27	#options {
		28	float: right;
		29	margin-top: -1em;
		30	}
		31
		32	#options ul li {
		33	-webkit-border-radius: 10px;
		34	-moz-border-radius: 10px;
		35	border-radius: 10px;
		36	background-color: rgba(200,200,200,0.4);
		37	list-style-type: none;
		38	}
		39
		40	#options ul li:hover {
		41	background-color: orange;
		42	}
		43
		44	#options ul li a {
		45	padding: 5px;
		46	color: white;
		47	text-decoration: none;
		48	font-family: sans;
		49	}
		50
		51	#options ul li:hover a {
		52	color: black;
		53	}
		54	</style>
		55	</head>
		56	<body>
		57	<nav id="options">
		58	<ul>
		59	<li><a href="http://dev.fourisland.com/fourm/ucp.php?mode=login">Login</a></li>
		60	</ul>
		61	</nav>
		62
		63	<div id="wrap">
		64	<img src="http://fourisland.com/apple-touch-icon-precomposed.png">
		65
		66	<h1>Four Island is currently under maintenance</h1>
		67
		68	<p>We'll be back before you know it. Just sit tight for a while.</p>
		69	</div>
		70	</body>
		71	</html>