prcynriqura14/Dungeon-Maze — comment on commit a21e56aaae8ed484982e032565d1776d4f5bd803
File:  line 0
By JoelArellano:

// fase: escoger personajes, para una navegabilidad correcta se necesitaran los siguientes archivos: index.css,index.html,Pagina1.html,Pagina2.html,Pagina3.html,Pagina4.html,fondo.jpg,g.jpg,c.jpg,v.jpg,mg.jpg y mo.jpg
Adicionalmente se subirá un archivo .zip con todos los archivos anteriormente mencionados.

index.css
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

*{
}

body{
background-image:url(Fondo.jpg);
text-align:center;
}

#container{
border: 4px solid white;
background-color:black;
width:1024px;
height:768px;
top: 100px;
right: 200px;
}

#menu-externo{
border: 2px solid white;
width: 100%;
height:20%;
float:left;
background-color:#009;
/*background-image:url(../Imagenes/ImagenSuperior.JPG);
background-repeat:no-repeat;*/
}

#menu{
position:relative;
height:25px;
width:400px;
float:center;
top:40px;
padding:10px 10px 10px;
top:20%;
font-weight:bold;
font-family:Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif;
color:#FFFF00;

}

#menu-interno{
left:120px;
border: 1px solid black;
position :relative;
width:754px;
height:500px;
font-size:90%;
background-color:grey;
float:left;
}

#barraA {

position :relative;

float:right;
right:2px;
top:50px;
width:340px; height:400px;
background-color:white;}

#barraB {
position :relative;
float : left;
left:4px;
top:50px;
width:340px; height:400px;
background-color:white;
}

p{

font-size:15px;
}
#barra1 {

position :relative;

float:right;
right:2px;
top:50px;
width:340px; height:200px;
background-color:white;}

#barra2 {
position :relative;
float : left;
left:4px;
top:50px;
width:340px; height:200px;
background-color:white;
}
#barra3 {

position :relative;

float:right;
right:2px;
top:80px;
width:340px; height:200px;
background-color:white;}
#barra4 {
position :relative;
float : left;
left:4px;
top:80px;
width:340px; height:200px;
background-color:white;
}

.boton{
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
text-transform: uppercase;
color: #E2E2E2;
background-color: #000000;
border: none;

display:block;

padding:3px 15px;
filter:alpha(opacity=80);
font-weight:bold;
text-decoration:none;

}

.botton_menu1 {
position:relative;
top:20px;
font-size: 36px;
}
.botton_menu2 {
position:relative;
top:100px;
font-size: 36px;
}
.botton_menu5 {
position:relative;
float:left;
left:100px;
top:130px;
font-size: 36px;
}

.botton_menu6 {
position:relative;
top:120px;
float:left;
left:180px;
font-size: 36px;
}