html,
body {
height: 100%;
}
.container{
position: relative;
}
#wrap, #welcome {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
position: absolute;
top:20px;
}
#push, #push2
#footer {
height: 60px;
}
#footer {
background-color: #f5f5f5;
}
.clear{
width: 100%;
clear:both;
}
/* apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
/*.container {
width: 1000px !important;
margin:0 auto !important;
position: relative !important;
}*/
.container .credit {
margin: 20px 0;
}
div#game {
width: 1000px;
height:720px;
}
.top-section {
padding-top: 150px;
float: left;
}
.middle-section {
float: left;
padding-top: 50px;
}
.bottom-section {
float: left;
padding-top: 10px;
margin-left: 55px;
}
.hole-image {
background-image: url("../images/hole.jpg"); width: 172px; height: 14px;
background-repeat: no-repeat;
width: 172px;
height: 14px;
vertical-align: bottom;
}
.hole-mole {
min-height: 200px;
position: relative;
}
.mole {
background-image: url("../images/mole.html"); width: 55px; height: 55px;
background-repeat: no-repeat;
width: 154px;
height: 200px;
position: absolute;
left:12px;
}
.hole {
float: left;
height: 200px;
margin-left: 14px;
margin-right: 14px;
width: 172px;
}
.mole#mole1{
background-image: url("../images/mole-ms.png");
}
.mole#mole2{
background-image: url("../images/mole-ts.png");
}
.mole#mole3{
background-image: url("../images/mole-tj.png");
}
.mole#mole4{
background-image: url("../images/mole-04.png");
}
.mole#mole5{
background-image: url("../images/mole-05.png");
}
.mole#mole6{
background-image: url("../images/mole-miao.png");
}
.mole#mole7{
background-image: url("../images/mole-02.png");
}
.mole#mole8{
background-image: url("../images/mole-07.png");
}
.mole#mole9{
background-image: url("../images/mole-08.png");
}
.mole#mole10{
background-image: url("../images/mole-ms.png");
}
.preload{
content: url("../images/mole-ms-hit.png") url("../images/mole-ts-hit.png") url("../images/mole-tj-hit.png") url("../images/mole-02-hit.png") url("../images/mole-04-hit.png") url("../images/mole-miao-hit.png") url("../images/mole-05-hit.png") url("../images/mole-07-hit.png") url("../images/mole-08-hit.png") url("../images/mole-ms-hit.png") ;
display: none;
}
.hit.mole#mole1{
background-image: url("../images/mole-ms-hit.png");
}
.hit.mole#mole2{
background-image: url("../images/mole-ts-hit.png");
}
.hit.mole#mole3{
background-image: url("../images/mole-tj-hit.png");
}
.hit.mole#mole4{
background-image: url("../images/mole-04-hit.png");
}
.hit.mole#mole5{
background-image: url("../images/mole-05-hit.png");
}
.hit.mole#mole6{
background-image: url("../images/mole-miao-hit.png");
}
.hit.mole#mole7{
background-image: url("../images/mole-02-hit.png");
}
.hit.mole#mole8{
background-image: url("../images/mole-07-hit.png");
}
.hit.mole#mole9{
background-image: url("../images/mole-08-hit.png");
}
.hit.mole#mole10{
background-image: url("../images/mole-ms-hit.png");
}
#controls {
left: 50%;
margin-left: -297px;
bottom:65px;
position: absolute;
}
#score-board {
border: 1px solid #FFFFFF;
height: 90px;
position: absolute;
right: 0;
text-align: left;
top: 20px;
width: 230px;
padding-top:10px;
}
.center-table {
margin: 0 auto !important;
float: none !important;
}
.modal-body {
}
td {
/*font-size: 45px;*/
text-align: center;
}
.spanCounter {
padding-top: 8px !important;
font-size: 25px;
font-family: 'nilland-smallcapsregular';
}
.modal-body-lose {
min-height: 100px;
position: relative;
}
/* ADD */
.startButton-ita {
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/button-play-ita.png");
background-position: 0 0;
background-repeat: no-repeat;
border: 0 none;
height: 594px;
width: 594px;
}
.startButton-eng {
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/button-play-eng.png");
background-position: 0 0;
background-repeat: no-repeat;
border: 0 none;
height: 594px;
width: 594px;
}
.table th, .table td {
text-align: center !important;
vertical-align: middle !important;
}
.table th, .table td {
border-top: none !important;
line-height: auto !important;
padding: 0px !important;
}
.modal-header{
padding:0px !important;
}
.modal {
background-clip: padding-box !important;
background-color: transparent !important;
border: 0 none !important;
border-radius: none !important;
box-shadow: none !important;
left: 50% !important;
margin-left: -297px !important;
outline: medium none !important;
position: fixed !important;
top: 10% !important;
width: 594px !important;
z-index: 1050 !important;
}
button.close {
background-color: #FFFFFF !important;
background-image: url("../images/x-close-b.png");
background-position: 70px 14px;
background-repeat: no-repeat;
border: 0 none !important;
bottom: 100px !important;
color: #2F2F2F !important;
cursor: pointer !important;
font-family: nilland-smallcapsbold !important;
font-size: 15px !important;
height: 40px !important;
left: 255px !important;
line-height: 17px !important;
padding-left: 15px !important;
position: absolute !important;
transition-duration: 0.3s !important;
transition-property: color, text, background !important;
transition-timing-function: linear, ease-in !important;
width: 100px !important;
-webkit-transition-property:all;
-webkit-transition-duration:.2s .2s;
-webkit-transition-timing-function:linear, ease-in;
-moz-transition-property:all;
-moz-transition-duration:.2s;
-moz-transition-timing-function:linear, ease-in;
-o-transition-property:all;
-o-transition-duration:.2s;
-o-transition-timing-function:linear, ease-in;
}
.close:hover,.close:focus{
background-color: #2F2F2F !important;
color:#fff !important;
background-image: url("../images/x-close-w.png");
}
.table td:first-child{
padding-top:10px;
}