"
Template:Team:Valencia Biocampus/Templates/Header2
From 2014.igem.org
(Difference between revisions)
| (51 intermediate revisions not shown) | |||
| Line 26: | Line 26: | ||
} | } | ||
#logo{ | #logo{ | ||
| - | width: | + | width: 31%; |
float:left; | float:left; | ||
} | } | ||
#logo-header-link{ | #logo-header-link{ | ||
display: block; | display: block; | ||
| - | width: | + | width: 100%; |
height: 154px; | height: 154px; | ||
max-height: 154px; | max-height: 154px; | ||
| Line 37: | Line 37: | ||
} | } | ||
.header-top-menu{ | .header-top-menu{ | ||
| - | |||
padding:0px; | padding:0px; | ||
| + | width: 67%; | ||
| + | padding-right: 4%; | ||
margin: 0px; | margin: 0px; | ||
list-style:none; | list-style:none; | ||
| Line 45: | Line 46: | ||
.header-top-menu li{ | .header-top-menu li{ | ||
display: block; | display: block; | ||
| - | padding:0px; | + | padding:11px 0px; |
margin:0px; | margin:0px; | ||
text-align:center; | text-align:center; | ||
| Line 53: | Line 54: | ||
} | } | ||
.header-top-menu li a{ | .header-top-menu li a{ | ||
| - | padding: | + | padding:10px; |
| + | font-weight:bold; | ||
| + | text-shadow: 2px 2px 2px #fff; | ||
| + | font-size: 12px; | ||
} | } | ||
| + | .header-top-menu li.active a, .header-top-menu li a:hover{ | ||
| + | background: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png') no-repeat center center; | ||
| + | background-size: 100% 100%; | ||
| + | color: #fff; | ||
| + | font-weight:bold; | ||
| + | text-shadow: 2px 2px 2px #444; | ||
| + | } | ||
| + | |||
@media(max-width:767px){ | @media(max-width:767px){ | ||
| - | + | #content{ | |
| + | background: url('https://static.igem.org/mediawiki/2014/c/c1/Vbt_backgroundBody970.jpg') center top no-repeat; | ||
| + | min-height:100%; | ||
| + | height:auto; | ||
| + | } | ||
| + | .container.withBackground { | ||
| + | background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y; | ||
| + | background-size: 100%; | ||
| + | background-position-y: 125px; | ||
| + | padding-top: 0px; | ||
| + | background-origin: padding-box; | ||
| + | margin-top: 160px; | ||
| + | min-height: 520px; | ||
| + | z-index: 2; | ||
| + | position: relative; | ||
| + | padding-bottom: 40px; | ||
| + | } | ||
| + | .container.afterWithBackground { | ||
| + | content: " "; | ||
| + | display: block; | ||
| + | background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top; | ||
| + | height: 189px; | ||
| + | } | ||
| + | #myTab{ | ||
| + | margin-top:-90px; | ||
| + | } | ||
| + | h1:first-of-type { | ||
| + | position:absolute; | ||
| + | top:-168px; | ||
| + | left:50%; | ||
| + | margin-left:-350px; | ||
| + | width:700px; | ||
| + | font-size: 280%; | ||
| + | } | ||
} | } | ||
@media(min-width:768px){ | @media(min-width:768px){ | ||
| - | + | #content{ | |
| - | + | background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat; | |
| + | min-height:100%; | ||
| + | height:auto; | ||
| + | } | ||
| + | .container.withBackground { | ||
| + | background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y; | ||
| + | background-size: 100%; | ||
| + | background-position-y: 0px; | ||
| + | padding-top: 0px; | ||
| + | background-origin: padding-box; | ||
| + | margin-top: 86px; | ||
| + | min-height: 420px; | ||
| + | z-index: 2; | ||
| + | position: relative; | ||
| + | padding-bottom: 40px; | ||
| + | } | ||
| + | .container.afterWithBackground { | ||
| + | content: " "; | ||
| + | display: block; | ||
| + | background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top; | ||
| + | height: 189px; | ||
| + | } | ||
| + | #myTab{ | ||
| + | margin-top:-90px; | ||
| + | } | ||
| + | h1:first-of-type { | ||
| + | position:absolute; | ||
| + | top:-168px; | ||
| + | left:50%; | ||
| + | margin-left:-350px; | ||
| + | width:700px; | ||
| + | font-size: 280%; | ||
| + | } | ||
} | } | ||
@media(min-width:992px){ | @media(min-width:992px){ | ||
| Line 97: | Line 174: | ||
width:700px; | width:700px; | ||
font-size: 280%; | font-size: 280%; | ||
| + | } | ||
| + | #igem-logo{ | ||
| + | width: 72px; | ||
| + | position: absolute; | ||
| + | bottom: 7px; | ||
| + | left: 145px; | ||
| + | height: 60px; | ||
| + | } | ||
| + | .header-top-menu li a{ | ||
| + | padding:10px; | ||
| + | text-shadow: 1px 1px 2px #fff; | ||
| + | font-size: 15px; | ||
} | } | ||
} | } | ||
| Line 132: | Line 221: | ||
width:700px; | width:700px; | ||
} | } | ||
| + | .header-top-menu li a{ | ||
| + | padding:15px; | ||
| + | text-shadow: 2px 2px 2px #fff; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | #header-top-menu{ padding-top:10px; } | ||
} | } | ||
h1{ | h1{ | ||
| Line 200: | Line 295: | ||
} | } | ||
}); | }); | ||
| + | $(".container.withBackground").after("<div id='footer2'></div>"); | ||
}); | }); | ||
</script> | </script> | ||
| Line 206: | Line 302: | ||
<a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link"> | <a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link"> | ||
</a> | </a> | ||
| - | <a href="https://igem.org" id="igem-logo | + | <a href="https://igem.org" id="igem-logo"> |
</a> | </a> | ||
</div> | </div> | ||
| Line 215: | Line 311: | ||
</li> | </li> | ||
<li id="menu_a_team"> | <li id="menu_a_team"> | ||
| - | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The | + | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The Team</a> |
</li> | </li> | ||
<li id="menu_a_results"> | <li id="menu_a_results"> | ||
| Line 275: | Line 371: | ||
line-height:32px; | line-height:32px; | ||
background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right; | background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right; | ||
| + | z-index: 40; | ||
} | } | ||
</style> | </style> | ||
Latest revision as of 10:36, 14 October 2014
