summaryrefslogtreecommitdiff
path: root/www/css
diff options
context:
space:
mode:
authorAlex Xu <alex_y_xu@yahoo.ca>2013-08-02 14:48:23 -0400
committerAlex Xu <alex_y_xu@yahoo.ca>2013-08-02 14:48:23 -0400
commitf2331df4bac581d5e81fd25b6a49028715365e8b (patch)
tree193ad51e62db786a8c526a8c06fae3723218004a /www/css
parentdb78d6293106263941af62120ab67152c97ea5e8 (diff)
downloadhtml5ks-f2331df4bac581d5e81fd25b6a49028715365e8b.tar.xz
html5ks-f2331df4bac581d5e81fd25b6a49028715365e8b.zip
add context menu UI, fix misc. bugs
Diffstat (limited to 'www/css')
-rw-r--r--www/css/index.css119
1 files changed, 76 insertions, 43 deletions
diff --git a/www/css/index.css b/www/css/index.css
index 09c818d..14d07ad 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -33,35 +33,6 @@ h2 {
font-weight: bold;
}
-/* input */
-label {
- display: block;
-}
-.button, h2, label {
- opacity: 0.4;
-}
-.button-disabled {
- opacity: 0.1;
-}
-.button:not(.button-disabled):hover {
- opacity: 1;
-}
-input[type="checkbox"] {
- display: none;
-}
-input[type="checkbox"] + span:before {
- display: inline-block;
- height: 19px;
- width: 20px;
- content: "";
- background-position: left bottom;
- background-repeat: no-repeat;
- background-image: url("../dump/ui/bt-cf-unchecked.png");
-}
-input[type="checkbox"]:checked + span:before {
- background-image: url("../dump/ui/bt-cf-checked.png");
-}
-
/* warnings */
#warn-container {
visibility: hidden;
@@ -118,6 +89,14 @@ html.no-js #gotit {
#container {
overflow: hidden;
}
+#gray {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgb(0, 0, 0);
+ opacity: 0.5;
+ z-index: 9;
+}
#show {
height: 100%;
}
@@ -139,7 +118,7 @@ html.no-js #gotit {
left: 12px;
font-weight: bold;
}
-.say {
+.say, #context-info {
color: white;
}
#say {
@@ -149,17 +128,6 @@ html.no-js #gotit {
top: 53px;
left: 28px;
}
-#gray {
- position: absolute;
- width: 100%;
- height: 100%;
- background-color: rgb(64, 64, 64);
- background-color: rgba(64, 64, 64, 0.8);
- z-index: 9;
-}
-#main-menu-buttons .button {
- margin: 4px;
-}
#nvl {
position: absolute;
top: 0;
@@ -187,16 +155,81 @@ html.no-js #gotit {
bottom: 25px;
}
.centered {
- width: 100%;
- text-align: center;
position: absolute;
top: 0;
bottom: 0;
height: 0;
+ width: 100%;
margin: auto;
+ text-align: center;
}
.choice {
background: url("../dump/ui/bg-choice.png") no-repeat top center;
height: 35px;
line-height: 30px;
}
+#context > div {
+ z-index: 20;
+}
+#context-menu {
+ background: url("../dump/ui/bg-gm.png") no-repeat top center;
+ margin-top: -210px;
+ padding-top: 60px;
+ position: absolute;
+ left: 50%;
+ height: 380px;
+ width: 200px;
+ margin-left: -100px;
+ top: 50%;
+}
+#context-menu .button {
+ padding: 1.5px;
+}
+#context-info {
+ font: 19px/22px Playtime;
+ position: absolute;
+ top: auto;
+ height: auto;
+ bottom: 10px;
+}
+
+/* main menu */
+#main-menu-buttons .button {
+ margin: 4px;
+}
+#version {
+ position: absolute;
+ bottom: 10px;
+ right: 15px;
+ font: 8px/8px Playtime;
+ opacity: 0.4;
+}
+
+/* input */
+label {
+ display: block;
+}
+.button, h2, label {
+ opacity: 0.4;
+}
+.button-disabled {
+ opacity: 0.1;
+}
+.button:not(.button-disabled):hover {
+ opacity: 1;
+}
+input[type="checkbox"] {
+ display: none;
+}
+input[type="checkbox"] + span:before {
+ display: inline-block;
+ height: 19px;
+ width: 20px;
+ content: "";
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ background-image: url("../dump/ui/bt-cf-unchecked.png");
+}
+input[type="checkbox"]:checked + span:before {
+ background-image: url("../dump/ui/bt-cf-checked.png");
+}