From 4fd7c36845bd5c268aa4fa7869089cb2c8e28354 Mon Sep 17 00:00:00 2001 From: LEGALISE_PIRACY Date: Tue, 30 Jan 2024 00:41:25 +0000 Subject: [PATCH] Upload files to "flap/style" --- flap/style/css.css | 171 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 171 insertions(+) create mode 100644 flap/style/css.css diff --git a/flap/style/css.css b/flap/style/css.css new file mode 100644 index 00000000..85e3e448 --- /dev/null +++ b/flap/style/css.css @@ -0,0 +1,171 @@ +@font-face { + font-family: 'Pixel5x5'; + src: url('../fonts/Pixel5x5.ttf'); + font-weight: normal; + font-style: normal; +} + +* { margin: 0; padding: 0; } +html { width: 100%; height: 100%; } +header, footer { display: block; width: 100%; } + +*[unselectable=on] { + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +body { + font-family: arial, helvetica, sans-serif; + font-size: 14px; + background-color: #000000; + width: 100%; + height: 100%; + position: relative; + color: #ffffff; +} + +#header { + width: 640px; + height: 50px; + text-align: left; + margin: 0 auto; +} +#footer { + width: 640px; + height: 50px; + text-align: center; + margin: 0 auto; +} +#mainCon { + position: relative; + width: 100%; + height: 100%; + margin: 0 auto; +} +#limitCon { + position: relative; + margin: 0 auto; + width: 100%; + height: 100%; +} +#centerDivWrapper { + position: relative; + margin: 0 auto; + display: table; + vertical-align: middle; + text-align: center; + width: 100%; + height: 100%; +} +#centerDiv { + position: relative; + margin: 0 auto; + display: table-cell; + vertical-align: middle; + text-align: center; +} +#gameCanvasCon { + outline: 1px solid white; + width: 320px; + height: 480px; + margin: 0 auto; +} + +#gameCanvas { + width: 100%; + height: 100%; + display: block; +} + +/* Ads */ + +.screen { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + overflow: hidden; +} +.screen.show { + display: block; +} + + +.screenContentWrapper { + display: table; + text-align: center; + vertical-align: middle; + height: 100%; + width: 100%; +} +.screenContent { + display: table-cell; + text-align: center; + vertical-align: middle; +} + +#adInterstitialScreen { + background-color: rgba(0, 0, 0, 0.8); +} + +#adInterstitialWrapper { + position: relative; + display: inline-block; +} +.adMobile #adInterstitialWrapper { + width: 300px; + height: 250px; +} +.adDesktop #adInterstitialWrapper { + width: 300px; + height: 600px; +} + +#adInterstitialClose { + position: absolute; + right: 0px; + top: 0px; + width: 22px; + height: 22px; + background-image: url('../imgs/xbutton.png'); + background-size: contain; + background-repeat: no-repeat; +} +#adInterstitialClose:hover { + cursor: pointer; +} + +#adGameOverScreen { + width: 100%; + height: auto; +} + +.ad { + display: none; + margin: 0 auto; +} +.ad.show, div[id^='div-gpt-ad-'].show { + display: block; +} + + +/* +@media screen and (max-width: 1000px) { + #limitCon { + width: 100%; + } + #centerDivWrapper { + display: block; + } + #centerDiv { + display: block; + width: 100%; + height: 100%; + } +} +*/ \ No newline at end of file