new file: Files/flashplayer_32_sa.exe new file: favicon.ico new file: globe.gif new file: imgs/download.png new file: imgs/zuck.jpg new file: index.html new file: other.ico new file: script.js new file: site.webmanifest new file: sitemap.html new file: styles/backround.css new file: styles/border.css new file: styles/fonts/Titillium_Web/OFL.txt new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2 new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2 new file: styles/style.css new file: tools/2048/.gitignore new file: tools/2048/.jshintrc new file: tools/2048/CONTRIBUTING.md new file: tools/2048/LICENSE.txt new file: tools/2048/README.md new file: tools/2048/Rakefile new file: tools/2048/favicon.ico new file: tools/2048/index.html new file: tools/2048/js/animframe_polyfill.js new file: tools/2048/js/application.js new file: tools/2048/js/bind_polyfill.js new file: tools/2048/js/classlist_polyfill.js new file: tools/2048/js/game_manager.js new file: tools/2048/js/grid.js new file: tools/2048/js/html_actuator.js new file: tools/2048/js/keyboard_input_manager.js new file: tools/2048/js/local_storage_manager.js new file: tools/2048/js/tile.js new file: tools/2048/meta/apple-touch-icon.png new file: tools/webretro/cores/neocd_libretro.js new file: tools/webretro/cores/neocd_libretro.wasm new file: tools/webretro/cores/nestopia_libretro.js new file: tools/webretro/cores/nestopia_libretro.wasm new file: tools/webretro/cores/o2em_libretro.js new file: tools/webretro/cores/o2em_libretro.wasm new file: tools/webretro/cores/opera_libretro.js new file: tools/webretro/cores/opera_libretro.wasm
182 lines
2.6 KiB
CSS
182 lines
2.6 KiB
CSS
body {
|
|
background: #000000;
|
|
overflow:hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html
|
|
{
|
|
background: #080808;
|
|
}
|
|
|
|
#gameContainer{
|
|
|
|
}
|
|
|
|
#gui{
|
|
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
/*margin: 1vw;*/
|
|
width:100%;
|
|
height:100%;
|
|
|
|
color:#fff;
|
|
text-align: center;
|
|
|
|
cursor:default;
|
|
z-index: 999999;
|
|
}
|
|
|
|
#splash-logo{
|
|
background-image: url('splash.png');
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
#sponsor-logo{
|
|
display:none;
|
|
position: absolute;
|
|
right: 10px;
|
|
top:10px;
|
|
background-image: url('sponsor_logo.png');
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position:bottom right;
|
|
width:20%;
|
|
height: 5%;
|
|
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
#score-text{
|
|
position:absolute;
|
|
top:10px;
|
|
left:10px;
|
|
font-size:4vw;
|
|
}
|
|
|
|
|
|
#pause-screen{
|
|
display:none;
|
|
position:absolute;
|
|
left:50%;
|
|
top:50%;
|
|
width:250px;
|
|
height:80px;
|
|
margin-left:-125px;
|
|
margin-top:-40px;
|
|
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
|
|
#speedup-screen{
|
|
display:none;
|
|
position:absolute;
|
|
left:50%;
|
|
top:50%;
|
|
width:200px;
|
|
height:50px;
|
|
margin-left:-100px;
|
|
margin-top:-25px;
|
|
font-size: 36px;
|
|
|
|
}
|
|
|
|
#start-screen{
|
|
display:none;
|
|
position: absolute;
|
|
/*width: 550px;
|
|
height: 360px;*/
|
|
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: 0px;
|
|
margin-top: -180px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
width:90%;
|
|
max-width: 550px;
|
|
height: 90%;
|
|
max-height: 360px;
|
|
}
|
|
|
|
#start-screen-top{
|
|
height: 45%;
|
|
}
|
|
#txt-title{
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-top: 2px;
|
|
}
|
|
#txt-top-score{
|
|
position:absolute;
|
|
right:10px;
|
|
top:120px;
|
|
color:#FFF;
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
#start-screen-center{
|
|
height: 25%;
|
|
color:#FFF;
|
|
|
|
}
|
|
#start-screen-bottom{
|
|
height: 20%;
|
|
width:50%;
|
|
color:#FFF;
|
|
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
#start-button{
|
|
position:absolute;
|
|
left:10px;
|
|
bottom:10px;
|
|
cursor:pointer;
|
|
/*cursor:hand;*/
|
|
}
|
|
|
|
|
|
|
|
|
|
.start-screen-child{
|
|
width:100%;
|
|
display:inline-block;
|
|
margin:2px;
|
|
}
|
|
|
|
|
|
.panel{
|
|
border-style:solid;
|
|
border-color:#FFF;
|
|
border-radius: 15px;
|
|
|
|
background:rgba(128, 128, 128, 0.8);
|
|
}
|
|
|
|
.unselectable{
|
|
user-select: none;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
}
|
|
|
|
.ui-loader {
|
|
display:none !important;
|
|
} |