Team:EPF Lausanne/template/style.css
From 2013.igem.org
(Difference between revisions)
Line 96: | Line 96: | ||
border-top: 0; | border-top: 0; | ||
text-align: center; | text-align: center; | ||
- | background: linear-gradient( | + | 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; | font-size: 18px; | ||
} | } | ||
Line 107: | Line 114: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | .menu-item-selected { | + | div.menu-item-selected { |
- | background: linear-gradient( | + | 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 { | .first-menu-item { |
Revision as of 01:09, 10 September 2013
- top-section{
display: block !important; height: 0px;
}
- pt-login {
visibility: visible !important;
} 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;
} 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%;
}
.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;
}
- 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 a {
color: black; width: 100%; height: 100%; display: block; line-height: 50px; text-decoration: none;
} 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;
}