"
Team:TU-Eindhoven/Style
From 2014.igem.org
Rafiqlubken (Talk | contribs) |
Rafiqlubken (Talk | contribs) |
||
| Line 1: | Line 1: | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{ | ||
| - | display:none; } | + | display:none; |
| + | } | ||
#top-section{ | #top-section{ | ||
| - | border: none; height: 0px; } | + | border: none; |
| + | height: 0px; | ||
| + | } | ||
#content{ | #content{ | ||
| - | border: none; } | + | border: none; |
| + | } | ||
| + | |||
| + | /* Removes "teams" from the menubar */ | ||
| + | #menubar > ul > li:last-child{ | ||
| + | display: none; | ||
| + | } | ||
| + | /* Resizes the menubar to fik the links (default is 400px) */ | ||
| + | #menubar{ | ||
| + | width: auto; | ||
| + | } | ||
| + | html,body { | ||
| + | height:100% !important; | ||
| + | } | ||
| + | body { | ||
| + | margin: 0px !important; | ||
| + | margin-top: -10px !important; | ||
| + | padding: 0; | ||
| + | background: #f2f2f2; /* Old browsers */ | ||
| + | background: -moz-linear-gradient(-45deg, #E9E9E9 0%, #ffffff 60%); /* FF3.6+ */ | ||
| + | background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#E9E9E9), color-stop(60%,#ffffff)); /* Chrome,Safari4+ */ | ||
| + | background: -webkit-linear-gradient(-45deg, #E9E9E9 0%,#ffffff 60%); /* Chrome10+,Safari5.1+ */ | ||
| + | background: -o-linear-gradient(-45deg, #E9E9E9 0%,#ffffff 60%); /* Opera 11.10+ */ | ||
| + | background: -ms-linear-gradient(-45deg, #E9E9E9 0%,#ffffff 60%); /* IE10+ */ | ||
| + | background: linear-gradient(135deg, #E9E9E9 0%,#ffffff 60%); /* W3C */ | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | ||
| + | background-color: #FFFFFF; | ||
| + | background-attachment:fixed; | ||
| + | } | ||
top-section{ | top-section{ | ||
Revision as of 10:26, 15 May 2014
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{
display:none; }
- top-section{
border: none; height: 0px; }
- content{
border: none; }
/* Removes "teams" from the menubar */
- menubar > ul > li:last-child{
display: none; } /* Resizes the menubar to fik the links (default is 400px) */
- menubar{
width: auto; } html,body {
height:100% !important;
} body { margin: 0px !important;
margin-top: -10px !important;
padding: 0; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(-45deg, #E9E9E9 0%, #ffffff 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#E9E9E9), color-stop(60%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #E9E9E9 0%,#ffffff 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #E9E9E9 0%,#ffffff 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #E9E9E9 0%,#ffffff 60%); /* IE10+ */ background: linear-gradient(135deg, #E9E9E9 0%,#ffffff 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-color: #FFFFFF; background-attachment:fixed; }
top-section{ width: 965px; height: 0; margin: 0 auto; padding: 0; border: none; } menubar{ font-size: 65%; top: -14px; } .left-menu:hover{ background-color: transparent; } menubar li a{ background-color: transparent; } menubar:hover{ color: white; } menubar li a{ color: transparent; } menubar:hover li a{ color: black; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1;
} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } table { border-collapse: collapse; border-spacing: 0; }
- header {
height:100px; width:1260px; margin-left:auto; margin-right:auto; }
- navpanel {
height:50px; width:1260px; background:rgba(0,50,0,1); border-radius: 10px; margin-left:auto; margin-right:auto; margin-top:50px; box-shadow:10px 10px 10px #888888; }
- content {
height:900px; width:1260px; border-radius:10px; margin-left:auto; margin-right:auto; margin-top:100px; margin-bottom:100px; box-shadow:10px 10px 10px #888888; background:rgba(255,255,255,1); }
- tekst {
height:700px; width:1060px; margin-left:auto; margin-right:auto; position:relative; top:75px; text-align:justify; }
.menu1 { height:50px; width:200px; background:rgba(0,200,0,1); float:left; transition:all .2s ease-in-out 0s; border-radius: 10px; }
.menu2 { height:50px; width:200px; background:rgba(0,150,0,1); float:left; position:relative; left:-15px; transition:all .2s ease-in-out 0s; border-radius: 10px; }
.menu3 { height:50px; width:200px; background:rgba(0,100,0,1); float:left; position:relative; left:-30px; transition:all .2s ease-in-out 0s; border-radius: 10px; }
.menu4 { height:50px; width:200px; background:rgba(0,50,0,1); float:left; position:relative; left:-45px; transition:all .2s ease-in-out 0s; border-radius: 10px; }
h1 { font-family:Calibri; font-size:50px; }
.phead { font-family:"Cooper Black"; font-size:100px; color:rgba(0,0,0,1); position:relative; width:auto; }
.p1 { font-family:"Cooper Black"; font-size:25px; color:rgba(255,255,255,.75); position:relative; margin-left:25px; margin-top:10px; width:100px; }
p { font-family:Calibri; font-size:20px; }
.menu:hover { width:460px; }
.menu1:hover { width:460px; }
.menu2:hover { width:460px; }
.menu3:hover { width:460px; height:auto; border-bottom-right-radius: 10px; box-shadow:10px 10px 10px #888888; }
.menu1:hover .p1 { color:rgba(255,255,255,1); }
.menu2:hover .p1 { color:rgba(255,255,255,1); }
.menu3:hover .p1 { color:rgba(255,255,255,1); }
.menu4:hover .p1 { color:rgba(255,255,255,1); }
.menu3 ul { visibility:hidden; list-style:none; font-family:"Cooper Black"; font-size:16px; color:rgba(255,255,255,.75); position:relative; margin-left:-5px; }
.menu3:hover ul { visibility:visible; }
.menu3 ul li:hover { color:rgba(255,255,255,1); }
