"
Team:TU-Eindhoven/Style
From 2014.igem.org
Rafiqlubken (Talk | contribs) |
Rafiqlubken (Talk | contribs) |
||
| Line 1: | Line 1: | ||
/* Removing iGEM Style */ | /* Removing iGEM Style */ | ||
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} |
/* Removes "teams" from the menubar */ | /* Removes "teams" from the menubar */ | ||
| Line 17: | Line 17: | ||
#menubar{ | #menubar{ | ||
| - | font-size: | + | font-size: 90%; |
top: 0px; | top: 0px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 91: | Line 87: | ||
#header { | #header { | ||
height:100px; | height:100px; | ||
| - | width: | + | width:965px; |
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
| Line 98: | Line 94: | ||
#navpanel { | #navpanel { | ||
height:50px; | height:50px; | ||
| - | width: | + | width:965px; |
background:rgba(0,50,0,1); | background:rgba(0,50,0,1); | ||
border-radius: 10px; | border-radius: 10px; | ||
| Line 109: | Line 105: | ||
#tekstcontent { | #tekstcontent { | ||
height:auto; | height:auto; | ||
| - | width: | + | width:965px; |
border-radius:10px; | border-radius:10px; | ||
margin-left:auto; | margin-left:auto; | ||
| Line 121: | Line 117: | ||
#tekst { | #tekst { | ||
height:100%; | height:100%; | ||
| - | width: | + | width:865px; |
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
Revision as of 13:53, 15 May 2014
/* Removing iGEM Style */
- contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}
/* Removes "teams" from the menubar */
- menubar > ul > li:last-child{
display: none; }
- top-section{
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none; }
- menubar{
font-size: 90%; top: 0px; }
.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; }
- globalWrapper, #content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: 0px; background-color: transparent; margin-top: -40px; padding: 0px; }
html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%;
background-image:url('https://2014.igem.org/File:TUEindhoven_2014_Background.jpg');
} </style>
/* TU-Eindhoven Style */
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:965px; margin-left:auto; margin-right:auto; }
- navpanel {
height:50px; width:965px; background:rgba(0,50,0,1); border-radius: 10px; margin-left:auto; margin-right:auto; margin-top:50px; box-shadow:10px 10px 10px #888888; }
- tekstcontent {
height:auto; width:965px; 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:100%; width:865px; 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); }
