Team:EPF Lausanne/template/style.css

From 2013.igem.org

(Difference between revisions)
Line 25: Line 25:
   padding: 0;
   padding: 0;
}
}
 +
.month {
 +
    margin-right: 40px;
 +
    margin-left: 30px;
 +
    margin-bottom: 20px;
 +
}
 +
.day-empty{ color: red; }
.tiremark-inner {
.tiremark-inner {
   background: url("https://static.igem.org/mediawiki/2013/d/dd/Team-EPF-Lausanne_Track.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
   background: url("https://static.igem.org/mediawiki/2013/d/dd/Team-EPF-Lausanne_Track.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);

Revision as of 22:49, 29 September 2013

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

}

  1. pt-login {
 visibility: visible !important;

} body {

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

} .all {

 background: rgb(180, 180, 180);

} .footer a {

 color: white;

} .tiremark {

 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 margin: 0;
 padding: 0;

} .month {

   margin-right: 40px;
   margin-left: 30px;
   margin-bottom: 20px;

} .day-empty{ color: red; } .tiremark-inner {

 background: url("Team-EPF-Lausanne_Track.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
 height: 300px;
 transform: translateY(35px) rotate(10deg) translateX(-19px) translateY(500px);
 width: 140%;
 z-index: 0;

} .page {

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

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

} nav ul{

   background: white;
   padding: 5px 0;
   width: 200px;
   margin-left: -20px;
   font-size: 16px;

}

nav ul li {

   list-style-type: none !important;
   list-style-image: none;

}

.menu-item-selected ul {

   display: block !important;

}

.menu {

 height: 130px;
 position: absolute;
 top: 340px;
 width: 100%;
 z-index: 20;

}

.menu nav{

 width: 800px;
 margin: auto;

} .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;
 margin-bottom: 5px;

} .menu-item {

   float: left;
   width: 130px;
   height: 50px;
   background: #F5CE00;
   border: 2px solid black;
   border-right: 0;
   border-top: 0;
   text-align: center;
   background: #f5ce00; /* Old browsers */
   background: -moz-linear-gradient(top, #f5ce00 0%, #f5ce00 75%, #d1aa00 92%, #7f6600 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ce00), color-stop(75%,#f5ce00), color-stop(92%,#d1aa00), color-stop(100%,#7f6600)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* IE10+ */
   background: linear-gradient(to bottom, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ce00', endColorstr='#7f6600',GradientType=0 ); /* IE6-9 */
   font-size: 18px;

} .menu-item li {

   margin: 0;

} .menu-item a {

   color: black;
   width: 100%;
   height: 100%;
   display: block;
   line-height: 50px;
   text-decoration: none;

}

.menu-item ul {

   background: #f5ce00;
   border: 2px solid black;
   border-radius: 5px;
   padding: 0;
   margin: 0;
   margin-top: 5px;
   margin-left: -35px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);

} .menu-item ul a {

   border-bottom: 2px solid black;
   background: #f5ce00; /* Old browsers */
   background: -moz-linear-gradient(top, #f5ce00 0%, #f5ce00 75%, #d1aa00 92%, #7f6600 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ce00), color-stop(75%,#f5ce00), color-stop(92%,#d1aa00), color-stop(100%,#7f6600)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* IE10+ */
   background: linear-gradient(to bottom, #f5ce00 0%,#f5ce00 75%,#d1aa00 92%,#7f6600 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ce00', endColorstr='#7f6600',GradientType=0 ); /* IE6-9 */
   padding: 0 !important;
   margin: 0 !important;

} .menu-item ul a:last-child {

   border-bottom: none;

} .menu-item ul a:hover {

   background: #f5ce00; /* Old browsers */
   background: -moz-linear-gradient(top, #7f6600 0%, #d1aa00 8%, #f5ce00 25%, #f5ce00 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f6600), color-stop(8%,#d1aa00), color-stop(25%,#f5ce00), color-stop(100%,#f5ce00)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* IE10+ */
   background: linear-gradient(to bottom, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f6600', endColorstr='#f5ce00',GradientType=0 ); /* IE6-9 */

}

div.menu-item-selected {

   background: #f5ce00; /* Old browsers */
   background: -moz-linear-gradient(top, #7f6600 0%, #d1aa00 8%, #f5ce00 25%, #f5ce00 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f6600), color-stop(8%,#d1aa00), color-stop(25%,#f5ce00), color-stop(100%,#f5ce00)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* IE10+ */
   background: linear-gradient(to bottom, #7f6600 0%,#d1aa00 8%,#f5ce00 25%,#f5ce00 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f6600', endColorstr='#f5ce00',GradientType=0 ); /* IE6-9 */

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

}