diff options
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | petrichor.css | 13 |
2 files changed, 16 insertions, 1 deletions
@@ -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 a8ef1ad..07ee8e7 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 |