Difference between revisions of "Team:Dalhousie/libraries/css/liltest"

Line 2: Line 2:
 
   margin: 0;  
 
   margin: 0;  
 
padding:0;
 
padding:0;
 +
}
 +
 +
video{
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
transform: translate(-50%, -50%);
 +
min-width: 100%;
 +
min-height: 100%;
 +
width: auto;
 +
height: auto;
 +
z-index:1;
 
}
 
}
  
Line 50: Line 62:
 
   padding: 0 20px;
 
   padding: 0 20px;
 
   color: #989898;
 
   color: #989898;
 +
}
 +
 +
.text{
 +
z-index:2;
 +
position:relative;
 
}
 
}

Revision as of 18:17, 13 June 2017

body, html{ 

  margin: 0;

padding:0; }

video{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index:1; }

.header { 

   height: 100px;
   background-color: #ddcbaf;
   text-align: center;

}

.header h1 { 

   margin-top: 0;
   padding-top: 20px;

}

.menu { 

   margin: 0;
   padding: 0;
   width: 100%;
   background-color: #BFFFF3;
   top: 0;
   position: -webkit-sticky;
   position: sticky;

}

.menu li { 

   display: inline-block;
   text-align: center;
   width: 25%;

}

.menu li:hover, .menu li:focus { 

   background-color: #66FFE3;

}

.menu a { 

   display: block;
   padding: 10px 0;
   text-decoration: none;

}

.sticky { 

   top: 0;
   position: fixed;

}

.container { 

 padding: 0 20px;
 color: #989898;

}

.text{ 

z-index:2;

position:relative; }