diff options
author | Alex Xu <alex_y_xu@yahoo.ca> | 2013-06-24 15:05:08 -0400 |
---|---|---|
committer | Alex Xu <alex_y_xu@yahoo.ca> | 2013-06-24 15:05:08 -0400 |
commit | 635dedf1e43fbb8ae7969ad1b9265002ea5190c3 (patch) | |
tree | 6e49bd33fa539a4b55db719d61863cd3449f3887 /www/css/index.css | |
parent | 8d2caf2bb9108b9f4ec66dc7d6608406a43a17d6 (diff) | |
download | html5ks-635dedf1e43fbb8ae7969ad1b9265002ea5190c3.tar.xz html5ks-635dedf1e43fbb8ae7969ad1b9265002ea5190c3.zip |
woooo, more working
Diffstat (limited to 'www/css/index.css')
-rw-r--r-- | www/css/index.css | 119 |
1 files changed, 119 insertions, 0 deletions
diff --git a/www/css/index.css b/www/css/index.css new file mode 100644 index 0000000..f300350 --- /dev/null +++ b/www/css/index.css @@ -0,0 +1,119 @@ +@font-face { + font-family: "Playtime"; + /* src: url("playtime.ttf"); */ + src: url("PlaytimeWithHotToddies.svg"); + src: url("PlaytimeWithHotToddies.ttf"); + src: url("PlaytimeWithHotToddies.woff"); +} +@font-face { + font-family: "Gentium"; + /* src: url("gentium.ttf"); */ + src: url("GentiumPlus.svg"); + src: url("GentiumPlus.ttf"); + src: url("GentiumPlus.woff"); +} +body { + margin: 0; + padding: 0; + overflow: hidden; + background: gray; + font: 22px/27px Playtime, sans-serif; +} +#container { + width: 800px; + height: 600px; + position: absolute; + top: 50%; + margin-top: -300px; + left: 50%; + margin-left: -400px; + overflow: hidden; + cursor: url("/dump/ui/mousecursor.png"), default; +} +@keyframes toright { + from { + left: -100px; + } + to { + left: -190px; + } +} +#bg,#vid,#solid { + position: absolute; + width: 800px; + height: 600px; +} +#who { + color: black; + position: absolute; + top: 452px; + left: 12px; + font-weight: bold; +} +#say { + color: white; + width: 750px; + height: 90px; + 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; + top: 440px; + left: 0; +} +#gray { + position: absolute; + width: 100%; + height: 100%; + background-color: rgb(64, 64, 64); + background-color: rgba(64, 64, 64, 0.8); + z-index: 9; +} +#warn-container { + display: none; + cursor: auto; +} +#warn { + background-color: rgb(128, 128, 128); + background-color: rgba(128, 128, 128, 0.8); + border-radius: 10px 10px; + height: 70%; + left: 50%; + margin-left: -300px; + overflow: auto; + padding: 10px; + position: absolute; + top: 10%; + width: 600px; + z-index: 10; +} +#notwork { + font: 28px/34px Playtime; + font-weight: bold; +} +html.js #warn li#js { display: none; } +html.video #warn li#video { display: none; } +html.audio #warn li#audio { display: none; } +html.fontface #warn li#fontface { display: none; } +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; + opacity: 0.4; +} +.button:hover { + opacity: 1; +} +#gotit { + text-align: center; +} +html.no-js #gotit { + display: none; +} |