Template:Queens Canada/CSS/main.css

/* General Properties and Changes to default */ html, body {

 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;

}

html {

 position: relative;
 min-height: 100%;

}

1. globalWrapper, #content, #bodyContent {

   margin: 0 auto;
   padding: 0;
   height: 100%;
   width: 100%;
   border: 0px;
   background-color: transparent;

}

body {

   font-family: 'Verdana', sans-serif;

}

/* Standard font things */

a {

   text-decoration: none;
   color: #FFC107;

}

a:hover{

   text-decoration: underline;

}

1. webbanner img {

   height: auto;
   width: 100%;
   margin-top: -70px;
   

}

/* The navbar! The menubar is the iGEM login bar*/

1. navbar {

   display: block;
   height: 70px;
   width: 100%;
   margin-top: -21px;
   margin-left: auto;
   margin-right: auto;
   position: fixed;
   background-color: #3F72A7;
   z-index: 5;
  

}

1. navbar ul li img {

   height: 30px;
   margin-top: -20px;
   margin-bottom: -7px;

}

1. navbar a {

   text-decoration: none;
   font-size: 18px;
   font-family: 'Verdana', sans-serif;
   font-weight: bold;

}

nav ul {

   display: block;
   position: relative;
   list-style: none;
   margin-top: 27px;
   margin-left: auto;
   margin-right: auto;
   padding 0;
   border-radius: 5px;
   z-index: 5001;
   

}

nav ul li {

   display: list-item;
   float: right;
   list-style: none;
   background-color: #3F72A7;
   opacity: none;

}

nav ul li a {

   display: block;
   text-decoration: none;
   padding: 10px 19px;/*space btwn the links */
   color: #d4dcef;

}

nav li a:hover {

   color: #0f4f91;
   background-color: #d4dcef; 

}

nav ul ul{

   display: none;
   position: absolute;
   top: 42px;
   margin-top: 1px;
   

}

nav ul li:hover > ul {

   display: list-item;

}

nav ul ul li {

   position: relative;
   float: none; /* submenu display */

}

nav ul ul ul li {

   position: absolute relative;
   top: -42px;
   left: 140px;

}

/* Footer style */

.footer {

   clear: both;
   height: 200px;
   width: auto;
   background-image: url("qqq_QGEM_footer.png");
   padding 20px;

}

.footer img {

   float: right;
   margin: 45px;
   height: 60px;
   width: auto;

}

.footer #twitter {

   float: right;
   height: auto;
   width: 265px;
   margin-top: 120px;
   margin-right: -310px;

}