diff options
| -rw-r--r-- | index.html | 10 | ||||
| -rw-r--r-- | petrichor.css | 14 |
2 files changed, 20 insertions, 4 deletions
@@ -20,23 +20,25 @@ <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> - <a class="button" href="#" onclick="lightdm.shutdown();"> + <a href="#" onclick="lightdm.shutdown();"> <div class="icon" id="icon-shutdown"></div> <span>Power off</span> </a> </li> <li> - <a class="button" href="#" onclick="lightdm.restart();"> + <a href="#" onclick="lightdm.restart();"> <div class="icon" id="icon-reboot"></div> <span>Restart</span> </a> </li> <li> - <a class="button" href="#" onclick="hide_element('power-confirm');hide_element('mask');"> + <a href="#" onclick="hide_element('power-confirm');hide_element('mask');"> <div class="icon" id="icon-cancel"></div> <span>Cancel</span> </a> diff --git a/petrichor.css b/petrichor.css index a8ef1ad..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 @@ -45,6 +58,7 @@ body,html { display: inline-block; margin: 0px 0px 0px -50%; + padding: 0px; } #power-confirm li |