Team:EPF Lausanne/template/style.css

From 2013.igem.org

(Difference between revisions)
Line 51: Line 51:
.menu-item {
.menu-item {
     float: left;
     float: left;
-
     width: 110px;
+
     width: 130px;
 +
    height: 40px;
     background: #F5CE00;
     background: #F5CE00;
-
    padding: 15px 10px;
 
     border: 2px solid black;
     border: 2px solid black;
     border-right: 0;
     border-right: 0;
Line 62: Line 62:
.menu-item a {
.menu-item a {
     color: black;
     color: black;
 +
    width: 100%;
 +
    height: 100%;
}
}
.menu-item:hover {
.menu-item:hover {

Revision as of 16:31, 28 August 2013

  1. top-section{
 display: block !important;
 height: 0px;

} body {

 margin: -15px 0 -6px 0;
 padding: 0;

} .all {

 background: rgb(180, 180, 180);

} .footer a {

 color: white;

} .menu {

 height: 120px;
 left: 50%;
 margin-left: -400px;
 overflow: hidden;
 position: absolute;
 top: 300px;

} .page {

 width: 1000px;
 margin: auto;
 background: rgb(230, 230, 230);
 box-shadow: 0 0 10px black;

} .page-content {

 padding: 150px 100px 40px;

} .footer {

 padding: 15px 100px;

} .title {

 padding: 0 !important;

} .title > div {

 width: 925px;
 margin: auto;
 padding-top: 25px;
 padding-bottom: 25px;

} .title, .footer {

 background: rgb(40, 40, 40);
 padding-top: 20px;
 padding-bottom: 20px;
 color: white;

}

.menu-item {

   float: left;
   width: 130px;
   height: 40px;
   background: #F5CE00;
   border: 2px solid black;
   border-right: 0;
   text-align: center;
   background: linear-gradient(to bottom, #F5CE00 0px, #F5CE00 75%, #D1AA00 92%, #7F6600 100%) repeat scroll 0 0 transparent;
   font-size: 18px;

} .menu-item a {

   color: black;
   width: 100%;
   height: 100%;

} .menu-item:hover {

   background: linear-gradient(to bottom, #7F6600 0px, #D1AA00 8%, #F5CE00 25%, #F5CE00 100%) repeat scroll 0 0 transparent !important;

} .first-menu-item {

   border-radius: 0 0 0 5px;

} .last-menu-item {

   border-right: 2px solid black;
   border-radius: 0 0 5px 0;

} .menu-item ul {

   display: none;

}