diff options
author | Alex Xu <alex_y_xu@yahoo.ca> | 2014-02-07 20:10:05 -0500 |
---|---|---|
committer | Alex Xu <alex_y_xu@yahoo.ca> | 2014-02-07 20:10:05 -0500 |
commit | 2ed1852e698f3799f81a364a750a5bc52d15ad3a (patch) | |
tree | c2858c785ba2748220b6e0fd99521e0b13b57a77 /www/css | |
parent | d6619a14eef1d721a13e3f0220ffd324e6c39315 (diff) | |
download | html5ks-2ed1852e698f3799f81a364a750a5bc52d15ad3a.tar.xz html5ks-2ed1852e698f3799f81a364a750a5bc52d15ad3a.zip |
stuff.
Diffstat (limited to 'www/css')
-rw-r--r-- | www/css/index.css | 59 |
1 files changed, 21 insertions, 38 deletions
diff --git a/www/css/index.css b/www/css/index.css index 3b9a420..92b2f36 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -27,6 +27,7 @@ body { padding: 0; background: gray; font: 22px/27px Playtime, sans-serif; + text-rendering: geometricPrecision; } #all { height: 100%; @@ -79,13 +80,9 @@ html.no-js #gotit { .webp #container, .webp #vid { cursor: url("../dump/ui/mousecursor.webp"), default; } -.no-webp #container, .no-webp #vid { - cursor: url("../dump/ui/mousecursor.png"), default; -} #container, #vid { + cursor: url("../dump/ui/mousecursor.png"), default; position: absolute; -} -#container, #vid { top: 50%; left: 50%; width: 800px; @@ -106,19 +103,17 @@ html.no-js #gotit { } /* dialogs */ -.webp #dialogs { - background: url("../dump/ui/bg-config.webp"); -} -.no-webp #dialogs { - background: url("../dump/ui/bg-config.png"); -} #dialogs { + background: url("../dump/ui/bg-config.png"); z-index: 50; width: 504px; height: 395px; margin-left: -252px; margin-top: -197.5px; } +.webp #dialogs { + background: url("../dump/ui/bg-config.webp"); +} #options { padding: 10px 20px; } @@ -135,19 +130,17 @@ html.no-js #gotit { #show img { position: absolute; } -.webp #window { - background: url("../dump/ui/bg-say.webp"); -} -.no-webp #window { - background: url("../dump/ui/bg-say.png"); -} #window { + background: url("../dump/ui/bg-say.png"); width: 800px; height: 160px; position: absolute; top: 440px; left: 0; } +.webp #window { + background: url("../dump/ui/bg-say.webp"); +} #who { color: black; position: absolute; @@ -165,19 +158,17 @@ html.no-js #gotit { top: 53px; left: 28px; } -.webp #nvl { - background: url("../dump/ui/bg-nvl.webp") no-repeat top left; -} -.no-webp #nvl { - background: url("../dump/ui/bg-nvl.png") no-repeat top left; -} #nvl { + background: url("../dump/ui/bg-nvl.png") no-repeat top left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.webp #nvl { + background: url("../dump/ui/bg-nvl.webp") no-repeat top left; +} #nvlsay { padding: 15px 35px; } @@ -188,15 +179,13 @@ html.no-js #gotit { .webp .ctc { background-image: url("../dump/ui/ctc.webp"); } -.no-webp .ctc { - background-image: url("../dump/ui/ctc.png"); -} .ctc { position: absolute; bottom: 20px; right: 10px; width: 16px; height: 16px; + background-image: url("../dump/ui/ctc.png"); -o-animation: blink 2s infinite linear; -moz-animation: blink 2s infinite linear; -webkit-animation: blink 2s infinite linear; @@ -246,10 +235,8 @@ html.no-js #gotit { .webp .choice { background: url("../dump/ui/bg-choice.webp") no-repeat top center; } -.no-webp .choice { - background: url("../dump/ui/bg-choice.png") no-repeat top center; -} .choice { + background: url("../dump/ui/bg-choice.png") no-repeat top center; text-align: center; height: 35px; line-height: 30px; @@ -261,10 +248,8 @@ html.no-js #gotit { .webp #context-menu { background: url("../dump/ui/bg-gm.webp") no-repeat top center; } -.no-webp #context-menu { - background: url("../dump/ui/bg-gm.png") no-repeat top center; -} #context-menu { + background: url("../dump/ui/bg-gm.png") no-repeat top center; margin-top: -210px; padding-top: 60px; position: absolute; @@ -317,10 +302,8 @@ input[type="checkbox"] { .webp input[type="checkbox"] + span:before { background-image: url("../dump/ui/bt-cf-unchecked.webp"); } -.no-webp input[type="checkbox"] + span:before { - background-image: url("../dump/ui/bt-cf-unchecked.png"); -} input[type="checkbox"] + span:before { + background-image: url("../dump/ui/bt-cf-unchecked.png"); display: inline-block; height: 19px; width: 20px; @@ -328,9 +311,9 @@ input[type="checkbox"] + span:before { background-position: left bottom; background-repeat: no-repeat; } +input[type="checkbox"]:checked + span:before { + background-image: url("../dump/ui/bt-cf-checked.png"); +} .webp input[type="checkbox"]:checked + span:before { background-image: url("../dump/ui/bt-cf-checked.webp"); } -.no-webp input[type="checkbox"]:checked + span:before { - background-image: url("../dump/ui/bt-cf-checked.png"); -} |