whisper.cat stuff
This commit is contained in:
149
weboasis/arcade/zombie/css/ios_fullscreen.css
Normal file
149
weboasis/arcade/zombie/css/ios_fullscreen.css
Normal file
@ -0,0 +1,149 @@
|
||||
|
||||
function buildIOSMeta(){
|
||||
|
||||
var aMetaTags = [
|
||||
{ name : "viewport",
|
||||
content : 'width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'},
|
||||
{ name: 'apple-mobile-web-app-capable',
|
||||
content: 'yes'},
|
||||
{ name: 'apple-mobile-web-app-status-bar-style',
|
||||
content: 'black'}
|
||||
];
|
||||
|
||||
for( var i = 0; i < aMetaTags.length; i++ ){
|
||||
var oNewMeta = document.createElement('meta');
|
||||
oNewMeta.name = aMetaTags[i].name;
|
||||
oNewMeta.content = aMetaTags[i].content;
|
||||
|
||||
var oOldMeta = window.document.head.querySelector('meta[name="'+oNewMeta.name+'"]');
|
||||
if (oOldMeta) {
|
||||
oOldMeta.parentNode.removeChild(oOldMeta);
|
||||
}
|
||||
window.document.head.appendChild(oNewMeta);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
function hideIOSFullscreenPanel(){
|
||||
jQuery(".xxx-ios-fullscreen-message").css("display","none");
|
||||
jQuery(".xxx-ios-fullscreen-scroll").css("display","none");
|
||||
|
||||
jQuery(".xxx-game-iframe-full").removeClass("xxx-game-iframe-iphone-se");
|
||||
};
|
||||
|
||||
function buildIOSFullscreenPanel(){
|
||||
var html = '';
|
||||
|
||||
html += '<div class="xxx-ios-fullscreen-message">';
|
||||
html += '<div class="xxx-ios-fullscreen-swipe">';
|
||||
html += '</div>';
|
||||
html += '</div>';
|
||||
|
||||
html += '<div class="xxx-ios-fullscreen-scroll">';
|
||||
html += '</div>';
|
||||
|
||||
jQuery("body").append(html);
|
||||
};
|
||||
|
||||
function showIOSFullscreenPanel(){
|
||||
jQuery(".xxx-ios-fullscreen-message").css("display","block");
|
||||
jQuery(".xxx-ios-fullscreen-scroll").css("display","block");
|
||||
};
|
||||
|
||||
function __iosResize(){
|
||||
|
||||
window.scrollTo(0, 0);
|
||||
|
||||
if( platform.product === "iPhone" ){
|
||||
|
||||
switch(window.devicePixelRatio){
|
||||
case 2:{
|
||||
switch(window.innerWidth){
|
||||
case 568:{
|
||||
//console.log("landscape");
|
||||
//console.log("iPhone 5/5s/5c/se");
|
||||
|
||||
if( window.innerHeight === 320 ){
|
||||
//console.log("fullscreen");
|
||||
//this.hideIOSFullscreenPanel();
|
||||
}else{
|
||||
jQuery(".xxx-game-iframe-full").addClass("xxx-game-iframe-iphone-se");
|
||||
//console.log("windowed");
|
||||
// this.showIOSFullscreenPanel();
|
||||
}
|
||||
}break;
|
||||
case 667:{
|
||||
//console.log("landscape");
|
||||
//console.log("iPhone 6/6s/7/8");
|
||||
|
||||
if( window.innerHeight === 375 ){
|
||||
// console.log("fullscreen");
|
||||
hideIOSFullscreenPanel();
|
||||
}else{
|
||||
//console.log("windowed");
|
||||
showIOSFullscreenPanel();
|
||||
}
|
||||
}break;
|
||||
default:{
|
||||
hideIOSFullscreenPanel();
|
||||
}
|
||||
}
|
||||
}break;
|
||||
case 3:{
|
||||
switch(window.innerWidth){
|
||||
case 736:{
|
||||
//console.log("landscape");
|
||||
//console.log("iPhone 6/6s/7/8 plus");
|
||||
|
||||
if( window.innerHeight === 414 ){
|
||||
// console.log("fullscreen");
|
||||
hideIOSFullscreenPanel();
|
||||
}else{
|
||||
showIOSFullscreenPanel();
|
||||
}
|
||||
}break;
|
||||
// iphone X
|
||||
case 724:{
|
||||
// console.log("landscape");
|
||||
// console.log("iPhone X");
|
||||
|
||||
if( window.innerHeight === 375 ){
|
||||
hideIOSFullscreenPanel();
|
||||
}else{
|
||||
showIOSFullscreenPanel();
|
||||
}
|
||||
}break;
|
||||
default:{
|
||||
hideIOSFullscreenPanel();
|
||||
}
|
||||
}
|
||||
}break;
|
||||
default:{
|
||||
hideIOSFullscreenPanel();
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function iosResize(){
|
||||
__iosResize();
|
||||
|
||||
setTimeout(function(){
|
||||
__iosResize();
|
||||
},500);
|
||||
};
|
||||
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
if(platform && platform.product === "iPhone" && platform.name === "Safari"){
|
||||
buildIOSFullscreenPanel();
|
||||
buildIOSMeta();
|
||||
}
|
||||
});
|
||||
|
||||
jQuery(window).resize(function() {
|
||||
if(platform && platform.product === "iPhone" && platform.name === "Safari"){
|
||||
iosResize();
|
||||
}
|
||||
});
|
91
weboasis/arcade/zombie/css/main.css
Normal file
91
weboasis/arcade/zombie/css/main.css
Normal file
@ -0,0 +1,91 @@
|
||||
/*
|
||||
Document : main.css
|
||||
Created on : 19-nov-2013, 15.47.44
|
||||
Author : Biagio Iannuzzi
|
||||
Description:
|
||||
Purpose of the stylesheet follows.
|
||||
*/
|
||||
|
||||
root {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: #000;
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
background-image: url(../sprites/bg_tile.jpg);
|
||||
}
|
||||
|
||||
*, *:before, *:after {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
input, input:before, input:after {
|
||||
-webkit-user-select: initial;
|
||||
-khtml-user-select: initial;
|
||||
-moz-user-select: initial;
|
||||
-ms-user-select: initial;
|
||||
user-select: initial;
|
||||
}
|
||||
|
||||
::selection { background: transparent;color:inherit; }
|
||||
::-moz-selection { background: transparent;color:inherit; }
|
||||
|
||||
#canvas{
|
||||
|
||||
position: fixed;
|
||||
|
||||
|
||||
}
|
||||
|
||||
canvas {
|
||||
image-rendering: optimizeSpeed;
|
||||
image-rendering:-o-crisp-edges;
|
||||
image-rendering:-webkit-optimize-contrast;
|
||||
-ms-interpolation-mode: nearest-neighbor;
|
||||
-ms-touch-action: none;
|
||||
}
|
||||
|
||||
.ani_hack{
|
||||
-webkit-perspective: 1000;
|
||||
-webkit-backface-visibility: hidden;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
outline: none;
|
||||
-webkit-tap-highlight-color: transparent; /* mobile webkit */
|
||||
}
|
||||
|
||||
/***************FONTS*******************/
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'ZombieA';
|
||||
src: url('zombie-webfont.eot');
|
||||
src: url('zombie-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('zombie-webfont.woff2') format('woff2'),
|
||||
url('zombie-webfont.woff') format('woff'),
|
||||
url('zombie-webfont.ttf') format('truetype'),
|
||||
url('zombie-webfont.svg#zombiea') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
.check-fonts{
|
||||
position:fixed;
|
||||
opacity:0;
|
||||
}
|
||||
|
||||
.check-font-1{
|
||||
font-family: 'ZombieA';
|
||||
}
|
38
weboasis/arcade/zombie/css/orientation_utils.css
Normal file
38
weboasis/arcade/zombie/css/orientation_utils.css
Normal file
@ -0,0 +1,38 @@
|
||||
|
||||
.orientation-msg-container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
position: fixed;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.orientation-msg-text{
|
||||
font-size: 40px;
|
||||
font-family: "Arial";
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(15%,-50%);
|
||||
-moz-transform: translate(15%,-50%);
|
||||
-ms-transform: translate(15%,-50%);
|
||||
transform: translate(15%,-50%);
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.orientation-msg-text{
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.orientation-msg-text{
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
46
weboasis/arcade/zombie/css/reset.css
Normal file
46
weboasis/arcade/zombie/css/reset.css
Normal file
@ -0,0 +1,46 @@
|
||||
a, abbr, acronym, address, applet, article, aside, audio,
|
||||
b, blockquote, big, body,
|
||||
center, canvas, caption, cite, code, command,
|
||||
datalist, dd, del, details, dfn, dl, div, dt,
|
||||
em, embed,
|
||||
fieldset, figcaption, figure, font, footer, form,
|
||||
h1, h2, h3, h4, h5, h6, header, hgroup, html,
|
||||
i, iframe, img, ins,
|
||||
kbd,
|
||||
keygen,
|
||||
label, legend, li,
|
||||
meter,
|
||||
nav,
|
||||
object, ol, output,
|
||||
p, pre, progress,
|
||||
q,
|
||||
s, samp, section, small, span, source, strike, strong, sub, sup,
|
||||
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
|
||||
u, ul,
|
||||
var{
|
||||
background: transparent;
|
||||
border: 0 none;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
vertical-align: top; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
table, table td {
|
||||
padding:0;
|
||||
border:none;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
img {
|
||||
vertical-align:top;
|
||||
}
|
||||
embed {
|
||||
vertical-align:top;
|
||||
}
|
BIN
weboasis/arcade/zombie/css/zombie-webfont.eot
Normal file
BIN
weboasis/arcade/zombie/css/zombie-webfont.eot
Normal file
Binary file not shown.
113
weboasis/arcade/zombie/css/zombie-webfont.svg
Normal file
113
weboasis/arcade/zombie/css/zombie-webfont.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 81 KiB |
BIN
weboasis/arcade/zombie/css/zombie-webfont.ttf
Normal file
BIN
weboasis/arcade/zombie/css/zombie-webfont.ttf
Normal file
Binary file not shown.
BIN
weboasis/arcade/zombie/css/zombie-webfont.woff
Normal file
BIN
weboasis/arcade/zombie/css/zombie-webfont.woff
Normal file
Binary file not shown.
BIN
weboasis/arcade/zombie/css/zombie-webfont.woff2
Normal file
BIN
weboasis/arcade/zombie/css/zombie-webfont.woff2
Normal file
Binary file not shown.
Reference in New Issue
Block a user