Team:EPF Lausanne/template/style.css

From 2013.igem.org

(Difference between revisions)
Line 65: Line 65:
   border-bottom: 5px solid black;
   border-bottom: 5px solid black;
   box-shadow: 0 0 5px black;
   box-shadow: 0 0 5px black;
 +
}
 +
#taxi {
 +
  position: relative;
 +
  left: 0;
}
}
.menu-item {
.menu-item {
Line 83: Line 87:
     display: block;
     display: block;
     line-height: 50px;
     line-height: 50px;
 +
    text-decoration: none;
}
}
.menu-item:hover {
.menu-item:hover {

Revision as of 16:48, 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;

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

 height: 130px;
 position: absolute;
 top: 300px;
 width: 100%;
 overflow: hidden;

}

.menu nav{

 left: 50%;
 margin-left: -400px;
 overflow: hidden;
 position: relative;

} .taxi-cell {

 width: 100%;

} .taxi-pattern {

 width: 100%;
 height: 20px;
 background: url(/wiki/images/6/60/Team-EPF_Lausanne_pattern.png);
 border-top: 5px solid black;
 border-bottom: 5px solid black;
 box-shadow: 0 0 5px black;

}

  1. taxi {
 position: relative;
 left: 0;

} .menu-item {

   float: left;
   width: 130px;
   height: 50px;
   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%;
   display: block;
   line-height: 50px;
   text-decoration: none;

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

}