body{
outline-width:0px;
margin:0px 0px 0px 0px;
border-width:0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background-color:rgb(200,230,200);
}
#playerBSetup,#playerBSkinSetup{
position:absolute;
left:485px;
top:132px;
border-left:2px solid darkblue;
padding-left:10px;
}
p,h1,h2,h3,h4,h5,h6,div{
cursor:default;
}
#game{
display:none;
}
canvas{
border:2px solid black;
position:absolute;
top:0px;
left:0px;
}
.scoreboard{
position:absolute;
width:110px;
top:30px;
padding-bottom:0px;
background-color:rgba(50,50,50,0.7);
border:3px solid rgba(255,155,0,0.7);
border-radius:15px;
padding:0px 0px 0px 8px;
font-size:17px;
}
#scoreTitle{
position:absolute;
width:110px;
top:6px;
padding-bottom:0px;
background-color:rgba(50,50,50,0.7);
border:3px solid rgba(255,155,0,0.7);
border-radius:15px;
padding:0px 0px 0px 8px;
font-size:17px;
}
.titleBoard{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:rgb(255,195,0);
}
.score{
color:rgb(255,195,0);
margin-right:10px;
position:absolute;
top:29px;
left:80px;
}
.inline{
display:inline;
color:rgb(255,195,0);
}
.right{
text-align:right;
margin-right:10px;
margin-top:8px;
color:rgb(255,195,0);
}
#minBoard{
color:rgb(255,195,0);
font-weight:900;
padding-top:0px;
margin-top:0px;
position:absolute;
top:-11px;
left:2px;
font-size:23px;
cursor:pointer;
}
#minknop{
position:absolute;
height:12px;
width:12px;
top:5px;
left:100px;
background-color:darkblue;
cursor:pointer;
border-radius:5px;
}
#setup,#mainMenu{
display:none;
width:960px;
position:absolute;
max-height:960px;
left:350px;
top:5px;
background-color:#E48F4E;
border:2px solid black;
border-radius:20px;
padding:0px 10px 5px 10px;
box-shadow:10px 10px 5px rgba(0,0,0,0.3);
font-size:15px;
font-family:arial,Georgia,Serif;
}
.hidden{
display:none;
}
.columns{
-moz-column-count:4;
-webkit-column-count:4;
column-count:4;
}
.twoColumns{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
#keysA,#keysB{
margin-left:30px;
}
h1{
color:darkblue;
font-family:"Times New Roman",Georgia,Serif;
}
hr{
border:1px inset black;
}
input[type="text"]{
background-color:lightgrey;
border:1px solid blue;
border-radius:5px;
}
input[type="text"]:focus{
background-color:white;
border:2px solid black;
box-shadow:-3px -3px 3px rgba(0,0,0,0.3);
}
.note{
color:rgba(0,0,0,0.6);
display:inline;
}
#buttonPlace .note{
font-size:13px;
color:rgba(0,0,0,0.3);
}
.note:hover{
color:rgba(0,0,0,0.9);
}
#buttonPlace .note:hover{
cursor:help;
color:rgba(0,0,0,1);
}
input[type="radio"]+p,input[type="checkbox"]+p{
display:inline;
}
::selection{
background-color:rgba(0,0,0,0.6);
color:rgb(255,255,255);
}
::-moz-selection{
background-color:rgba(0,0,0,0.6);
color:rgb(255,255,255);
}
.info{
display:inline;
position:absolute;
top:90px;
left:485px;
border-left:2px solid darkblue;
padding-left:10px;
}
.info p,.info h3{
display:inline;
}
.menu{
background-color:rgb(100,150,10);
border:2px solid orange;
border-radius:10px;
text-align:center;
}
.menu li{
text-align:left;
margin-left:0px;
padding-left:20px;
outline-width:0px;
border-width:0px;
list-style-type:none;
overflow:visible;
background-image:url('Afbeeldingen/deleteCross.gif');
background-repeat:no-repeat;
background-size:20px 20px;
background-position:-2px 0px;
}
.menu ul{
padding-left:0px;
}
#helpGameMode h4,#helpGameMode h4+p,#helpControls p,#videoOptions p,#soundOptions p{
display:inline;
}
.menuBtn{
background-color:rgb(0,0,160);
width:218px;
height:37px;
position:absolute;
border-radius:10px;
box-shadow:0px 0px 8px 8px rgba(0,0,0,0.5) inset;
z-index:2;
cursor:pointer;
}
.menuBtn:hover{
background-color:rgb(0,0,255);
cursor:pointer;
}
.menuBtn p{
font-size:15px;
font-weight:700;
font-family:"Georgia";
color:rgb(180,180,50);
text-align:center;
margin-top:9px;
cursor:pointer;
}
.menuBtn:hover p{
color:white;
}
#gameTitle{
position:absolute;
margin-top:0px;
top:6px;
color:rgb(120,0,255);
font-size:20px;
z-index:2;
}
#objective{
position:absolute;
margin-top:0px;
top:15px;
font-size:36px;
text-align:center;
color:rgb(40,40,40);
z-index:2;
}
#timeSeperator{
position:absolute;
display:none;
margin-top:0px;
top:15px;
font-size:36px;
color:rgb(40,40,40);
z-index:2;
}
#endGameRestart{
bottom:15px;
left:15px;
}
#endGameQuit{
bottom:15px;
right:15px;
}
#statics{
border-collapse:collapse;
border:1px solid black;
font-size:16px;
width:680px;
position:relative;
left:10px;
}
#skinExampleA,#skinExampleB{
position:absolute;
left:560px;
top:500px;
background-color:white;
}
#normalSkinSetup h4{
display:inline;
}
#warcraftMenu{
position:absolute;
top:0px;
left:0px;
}
#canCredits{
position:absolute;
border-width:0px;
top:0px;
left:0px;
background-color:teal;
}
input[type="button"]{
border:1px solid black;
height:23px;
background-color:rgb(50,120,255);
border-radius:7px;
box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2) inset;
}
input[type="button"]:hover{
cursor:pointer;
background-color:rgb(70,160,255);
}
.menu input[type="button"]{
width:300px;
background-color:rgb(180,180,255);
}
.menu input[type="button"]:hover{
background-color:rgb(210,210,255);
}
#soundOptions input[type="button"]{
width:auto;
}
select{
border:1px solid black;
border-radius:4px;
background-color:rgb(200,220,255);
}
select:hover{
border:1px solid blue;
background-color:rgb(220,255,255);
}