Upload files to "flap/style"

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%;
+	}
+}
+*/