Team:EPF Lausanne/template/style.css

From 2013.igem.org

(Difference between revisions)
Line 47: Line 47:
   padding-bottom: 20px;
   padding-bottom: 20px;
   color: white;
   color: white;
 +
}
 +
 +
.menu-item {
 +
    float: left;
 +
    width: 110px;
 +
    background: #F5CE00;
 +
    padding: 15px 10px;
 +
    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;
 +
}
 +
.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;
}
}

Revision as of 16:29, 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: 110px;
   background: #F5CE00;
   padding: 15px 10px;
   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;

} .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;

}