Merge branch 'power-message' into develop

2 files changed, 16 insertions, 1 deletions

diff --git a/index.html b/index.html
index b5e7068..4ed4e6b 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,9 @@
 		<div id="message-container">
 			<span id="message-label"></span>
 		</div>
-		<a id="mask" href="#" onclick="hide_element('power-confirm');hide_element('mask');"></a>
+		<a id="mask" href="#" onclick="hide_element('power-confirm');hide_element('mask');">
+			<h1>Power Off?</h1>
+		</a>
 		<div id="power-confirm" onclick="document.getElementById('mask').click();">
 			<ul>
 				<li>
diff --git a/petrichor.css b/petrichor.css
index 31e281a..025803b 100644
--- a/petrichor.css
+++ b/petrichor.css
@@ -30,6 +30,19 @@ body,html
 	background-color: rgba(0,0,0,0.7);
 	visibility: hidden;
 	opacity: 0;
+	text-decoration: none;
+	color: inherit;
+	font-size: 3em;
+	display: table;
+	width: 100%;
+	height: 100%;
+	vertical-align: middle;
+}
+
+#mask h1
+{
+	display: table-cell;
+	vertical-align: middle;
 }
 
 #power-confirm