diff options
Diffstat (limited to 'www/css/index.css')
-rw-r--r-- | www/css/index.css | 68 |
1 files changed, 45 insertions, 23 deletions
diff --git a/www/css/index.css b/www/css/index.css index 7818403..23acff5 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -1,16 +1,16 @@ @font-face { font-family: "Playtime"; /* src: url("playtime.ttf"); */ - src: url("PlaytimeWithHotToddies.svg"); - src: url("PlaytimeWithHotToddies.ttf"); - src: url("PlaytimeWithHotToddies.woff"); + src: url("font/PlaytimeWithHotToddies.svg"); + src: url("font/PlaytimeWithHotToddies.ttf"); + src: url("font/PlaytimeWithHotToddies.woff"); } @font-face { font-family: "Gentium"; /* src: url("gentium.ttf"); */ - src: url("GentiumPlus.svg"); - src: url("GentiumPlus.ttf"); - src: url("GentiumPlus.woff"); + src: url("font/GentiumPlus.svg"); + src: url("font/GentiumPlus.ttf"); + src: url("font/GentiumPlus.woff"); } body { margin: 0; @@ -18,14 +18,22 @@ body { background: gray; font: 22px/27px Playtime, sans-serif; } +* { + -moz-user-select: -moz-none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +#container, #bg, #vid { + cursor: url("../dump/ui/mousecursor.png"), default; + position: absolute; + top: 50%; + left: 50%; +} #container { - cursor: url("/dump/ui/mousecursor.png"), auto; width: 800px; height: 600px; - position: absolute; - top: 50%; margin-top: -300px; - left: 50%; margin-left: -400px; } @keyframes toright { @@ -36,11 +44,6 @@ body { left: -190px; } } -#bg,#vid { - position: absolute; - width: 800px; - height: 600px; -} #who { color: black; position: absolute; @@ -55,10 +58,6 @@ body { position: absolute; top: 493px; left: 28px; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; } #window-image { position: absolute; @@ -94,9 +93,10 @@ html.no-js #warn-container { width: 600px; z-index: 10; } -#notwork { - font: 28px/34px Playtime; +h2 { + font: 20px/28px Playtime; font-weight: bold; + opacity: 0.4; } html.no-js #warn li:not(#js) { display: none; } html.video #warn li#video { display: none; } @@ -106,10 +106,16 @@ html.csstransforms #warn li#csstransforms { display: none; } html.csstransitions #warn li#csstransitions { display: none; } html #warn li#html-svg-filter { display: none; } .button { - cursor: pointer; + display: block; +} +.button-enabled { +/* cursor: pointer; */ opacity: 0.4; } -.button:hover { +.button-disabled { + opacity: 0.1; +} +.button-enabled:hover { opacity: 1; } #gotit { @@ -118,3 +124,19 @@ html #warn li#html-svg-filter { display: none; } html.no-js #gotit { display: none; } +#main-menu-buttons .button { + margin: 4px; +} +input[type="checkbox"] { + display: none; +} +input[type="checkbox"] + span:before { + display: inline-block; + height: 19px; + width: 20px; + content: ""; + background: url("../dump/ui/bt-cf-unchecked.png") no-repeat left bottom; +} +input[type="checkbox"]:checked + span:before { + background: url("../dump/ui/bt-cf-checked.png") no-repeat left bottom; +} |