summaryrefslogtreecommitdiff
path: root/www/css
diff options
context:
space:
mode:
authorAlex Xu <alex_y_xu@yahoo.ca>2013-06-30 19:55:42 -0400
committerAlex Xu <alex_y_xu@yahoo.ca>2013-06-30 19:55:42 -0400
commitc0818636dda70e4ff30c1e85b902fa0992b4c33a (patch)
treeac14606a86fa94b9553deea1226613269e7831ad /www/css
parent182fb2db03e5c4bfd1ca42e9d32aa162abad6e68 (diff)
downloadhtml5ks-c0818636dda70e4ff30c1e85b902fa0992b4c33a.tar.xz
html5ks-c0818636dda70e4ff30c1e85b902fa0992b4c33a.zip
workering
Diffstat (limited to 'www/css')
-rw-r--r--www/css/anim.css16
-rw-r--r--www/css/index.css14
2 files changed, 27 insertions, 3 deletions
diff --git a/www/css/anim.css b/www/css/anim.css
index ee2889d..e89959d 100644
--- a/www/css/anim.css
+++ b/www/css/anim.css
@@ -22,3 +22,19 @@
0% { opacity: 1; }
100% { opacity: 0; }
}
+
+@-webkit-keyframes blink {
+ 0% { opacity: 0; }
+ 50% { opacity: 1; }
+ 100% { opacity: 0; }
+}
+@-moz-keyframes blink {
+ 0% { opacity: 0; }
+ 50% { opacity: 1; }
+ 100% { opacity: 0; }
+}
+@keyframes blink {
+ 0% { opacity: 0; }
+ 50% { opacity: 1; }
+ 100% { opacity: 0; }
+}
diff --git a/www/css/index.css b/www/css/index.css
index 533559c..e5a5c19 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -27,6 +27,8 @@ body {
#container, #bg, #vid {
cursor: url("../dump/ui/mousecursor.png"), default;
position: absolute;
+}
+#container.scale, #bg.scale, #vid.scale {
top: 50%;
left: 50%;
}
@@ -96,7 +98,6 @@ html.no-js #warn-container {
h2 {
font: 20px/28px Playtime;
font-weight: bold;
- opacity: 0.4;
}
html.no-js #warn li:not(#js) { display: none; }
#warn li#ie { display: none; }
@@ -109,8 +110,7 @@ html #warn li#html-svg-filter { display: none; }
label {
display: block;
}
-.button-enabled {
-/* cursor: pointer; */
+.button, h2, label {
opacity: 0.4;
}
.button-disabled {
@@ -141,3 +141,11 @@ input[type="checkbox"] + span:before {
input[type="checkbox"]:checked + span:before {
background: url("../dump/ui/bt-cf-checked.png") no-repeat left bottom;
}
+#ctc {
+ position: absolute;
+ bottom: 20px;
+ right: 10px;
+ -webkit-animation: blink 2s infinite;
+ -moz-animation: blink 2s infinite;
+ animation: blink 2s infinite;
+}