aboutsummaryrefslogtreecommitdiff
path: root/petrichor.css
diff options
context:
space:
mode:
Diffstat (limited to 'petrichor.css')
-rw-r--r--petrichor.css75
1 files changed, 72 insertions, 3 deletions
diff --git a/petrichor.css b/petrichor.css
index 72d1b6e..a8ef1ad 100644
--- a/petrichor.css
+++ b/petrichor.css
@@ -1,7 +1,7 @@
html
{
color: #FFF;
- background-image: url('bg.jpg');
+ background-image: url('image/bg.jpg');
background-size: cover;
font-family: "Roboto Condensed";
}
@@ -18,6 +18,75 @@ body,html
transition: opacity ease 0.3s;
}
+#mask
+{
+ text-align: center;
+ transition: visibility 0s linear 0.15s, opacity 0.15s linear;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ background-color: rgba(0,0,0,0.7);
+ visibility: hidden;
+ opacity: 0;
+}
+
+#power-confirm
+{
+ position: absolute;
+ left: 50%;
+ bottom: 50px;
+ visibility: hidden;
+ opacity: 0;
+}
+
+#power-confirm > ul
+{
+ display: inline-block;
+ margin: 0px 0px 0px -50%;
+}
+
+#power-confirm li
+{
+ text-align: center;
+ list-style: none;
+ display: inline-block;
+ margin-left: 2em;
+ margin-right: 2em;
+}
+
+#power-confirm li a
+{
+ text-decoration: none;
+ color: inherit;
+ font-size: 1.5em;
+ display: inline-block;
+}
+
+#power-confirm li div
+{
+ display: block;
+ height: 96px;
+ width: 96px;
+ border-radius: 48px;
+}
+
+#icon-shutdown
+{
+ background: url('image/shutdown.png') #C33;
+}
+
+#icon-reboot
+{
+ background: url('image/reboot.png') #33C;
+}
+
+#icon-cancel
+{
+ background: url('image/cancel.png') #3C3;
+}
+
#shutdown
{
position: absolute;
@@ -106,7 +175,7 @@ a.user
transition: visibility 0s linear 0.15s, opacity 0.15s linear;
}
-#password-container.shown, #message-container.shown
+#password-container.shown, #message-container.shown, #mask.shown, #power-confirm.shown
{
visibility: visible;
opacity: 1;
@@ -151,7 +220,7 @@ a.user
color: #333;
opacity: 0.5;
padding-right: 2em;
- background: url('drop-down.svg') no-repeat right #FFF;
+ background: url('image/drop-down.svg') no-repeat right #FFF;
-webkit-appearance: none;
-moz-appearance: none; /* only for when testing */
}