Test
parent
5a5e03f04d
commit
963e919838
|
@ -5,8 +5,8 @@
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
|
||||||
<link rel="icon" type="image/png" href="assets/icon.png" />
|
<link rel="icon" type="image/png" href="assets/icon.png" />
|
||||||
<link rel="stylesheet" type="text/css" href="main.css" />
|
|
||||||
<script type="text/javascript" src="http://leaverou.github.io/prefixfree/prefixfree.min.js"></script>
|
<script type="text/javascript" src="http://leaverou.github.io/prefixfree/prefixfree.min.js"></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="main.css" />
|
||||||
<meta name="author" content="ambc">
|
<meta name="author" content="ambc">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -24,17 +24,8 @@ Loading...
|
||||||
<div id="kills"></div>
|
<div id="kills"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="tgpm">
|
<div id="optionsc" class="menupg">
|
||||||
<h1>Paused</h1>
|
<h1>Options</h1>
|
||||||
<div id="cont" class="btn">▶ Continue playing</div>
|
|
||||||
<div id="endg" class="btn">End game</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu">
|
|
||||||
<h1>The Bunnies, Inc. <sup>ALPHA</sup></h1>
|
|
||||||
<div id="play-holder">
|
|
||||||
<div id="play-b-holder"><div id="play" class="btn">Play</div></div>
|
|
||||||
<div id="opt-holder">
|
|
||||||
<select id="opt-maptype">
|
<select id="opt-maptype">
|
||||||
<option value="h">Hybrid</option>
|
<option value="h">Hybrid</option>
|
||||||
<option value="r">Roadmap</option>
|
<option value="r">Roadmap</option>
|
||||||
|
@ -42,9 +33,20 @@ Loading...
|
||||||
<option value="t">Terrain</option>
|
<option value="t">Terrain</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="tgpm" class="menupg">
|
||||||
|
<h1>Paused</h1>
|
||||||
|
<div id="cont" class="btn">▶ Continue playing</div>
|
||||||
|
<div id="endg" class="btn">End game</div>
|
||||||
|
<div class="btn options">Options</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="menu" class="menupg">
|
||||||
|
<h1>The Bunnies, Inc. <sup>ALPHA</sup></h1>
|
||||||
|
<div id="play" class="btn">Play</div>
|
||||||
<div id="high" class="btn" onClick="alert('The bunnies have not made this work yet! ');">Highscores</div>
|
<div id="high" class="btn" onClick="alert('The bunnies have not made this work yet! ');">Highscores</div>
|
||||||
<div class="btn" id="about">About</div>
|
<div class="btn" id="about">About</div>
|
||||||
|
<div class="btn options">Options</div>
|
||||||
<a href="http://ambrosechua.github.com/thebunniesinc/" class="btn">How to play</a>
|
<a href="http://ambrosechua.github.com/thebunniesinc/" class="btn">How to play</a>
|
||||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
|
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
|
||||||
<input type="hidden" name="cmd" value="_donations">
|
<input type="hidden" name="cmd" value="_donations">
|
||||||
|
@ -61,7 +63,7 @@ Loading...
|
||||||
<span style="font-size: 12px;">Alpha Version 2.0.0 release 14</span>
|
<span style="font-size: 12px;">Alpha Version 2.0.0 release 14</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="aboutc">
|
<div id="aboutc" class="menupg">
|
||||||
<h1>About</h1>
|
<h1>About</h1>
|
||||||
The Bunnies Inc. by <!-- <img src="assets/ambc.png" width="50" /> -->ambc<br />
|
The Bunnies Inc. by <!-- <img src="assets/ambc.png" width="50" /> -->ambc<br />
|
||||||
<br />
|
<br />
|
||||||
|
|
|
@ -43,7 +43,8 @@ top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
/* backface-visibility: hidden; */
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
}
|
}
|
||||||
#loadingc {
|
#loadingc {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -179,7 +180,7 @@ z-index: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
#menu, #tgpm, #aboutc {
|
.menupg {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -270,41 +271,15 @@ position: absolute;
|
||||||
right: 2px;
|
right: 2px;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
}
|
}
|
||||||
#tgpm, #aboutc {
|
.menupg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#aboutc {
|
.menupg {
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
#play-holder {
|
|
||||||
width: 600px;
|
#optionsc > select {
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-bottom: -10px;
|
|
||||||
}
|
|
||||||
#play-b-holder {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
#opt-holder {
|
|
||||||
display: inline-block;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
transition: all 1s;
|
|
||||||
float: right;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 20px;
|
|
||||||
width: 200px;
|
|
||||||
/* background-color: rgba(255, 255, 255, 0.5); */
|
|
||||||
text-decoration: none;
|
|
||||||
margin-top: -42px;
|
|
||||||
margin-right: -10px;
|
|
||||||
background: rgba(255, 255, 255, 0.1) url(assets/wrench.png) no-repeat 5px 5px;
|
|
||||||
}
|
|
||||||
#play-holder:hover > #opt-holder {
|
|
||||||
height: 75px;
|
|
||||||
}
|
|
||||||
#opt-holder > select {
|
|
||||||
margin: 20px 20px;
|
margin: 20px 20px;
|
||||||
appearance: none;
|
appearance: none;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -320,7 +295,7 @@ background-image: none;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
#opt-holder > select:hover {
|
#optionsc > select:hover {
|
||||||
box-shadow: -3px -3px 1px rgba(255, 255, 255, 0.15);
|
box-shadow: -3px -3px 1px rgba(255, 255, 255, 0.15);
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -2px;
|
top: -2px;
|
||||||
|
|
|
@ -333,6 +333,12 @@ $("#aboutc").fadeOut();
|
||||||
$("#about").click(function() {
|
$("#about").click(function() {
|
||||||
$("#aboutc").fadeIn();
|
$("#aboutc").fadeIn();
|
||||||
});
|
});
|
||||||
|
$("#optionsc").click(function() {
|
||||||
|
$("#optionsc").fadeOut();
|
||||||
|
});
|
||||||
|
$(".options").click(function() {
|
||||||
|
$("#aboutc").fadeIn();
|
||||||
|
});
|
||||||
|
|
||||||
$("#play").click(function() {
|
$("#play").click(function() {
|
||||||
getready();
|
getready();
|
||||||
|
|
Loading…
Reference in New Issue