Team:EPF Lausanne/template/style.css

From 2013.igem.org

(Difference between revisions)
Line 12: Line 12:
.footer a {
.footer a {
   color: white;
   color: white;
-
}
 
-
.menu {
 
-
  height: 120px;
 
-
  left: 50%;
 
-
  margin-left: -400px;
 
-
  overflow: hidden;
 
-
  position: absolute;
 
-
  top: 300px;
 
}
}
.page {
.page {
Line 49: Line 41:
}
}
 +
.menu {
 +
  height: 120px;
 +
  position: absolute;
 +
  top: 300px;
 +
  width: 100%;
 +
}
 +
.taxi-cell {
 +
  width: 100%;
 +
}
 +
.taxi-pattern {
 +
  width: 100%;
 +
  height: 30px;
 +
  background: url(/wiki/images/6/60/Team-EPF_Lausanne_pattern.png);
 +
  border-top: 5px solid black;
 +
  border-bottom: 5px solid black;
 +
}
.menu-item {
.menu-item {
     float: left;
     float: left;

Revision as of 16:40, 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: 120px;
 position: absolute;
 top: 300px;
 width: 100%;

} .taxi-cell {

 width: 100%;

} .taxi-pattern {

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

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

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

}