Team:ETH Zurich/Templates/Header

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>
-
<style type="text/css">
 
-
div#preload
 
-
{
 
-
display: none;
 
-
}
 
-
div.thumb
 
-
{
 
-
border-color: transparent;
 
-
}
 
-
#catlinks
 
-
{
 
-
display: none;
 
-
}
 
-
#top-section
 
-
{
 
-
margin-top: 10px;
 
-
padding-bottom:55px;
 
-
border: none;
 
-
border-top-left-radius: 10px;
 
-
border-top-right-radius: 10px;
 
-
}
 
-
.left-menu
 
-
{
 
-
border: none;
 
-
border-top-left-radius: 10px;
 
-
}
 
-
.right-menu
 
-
{
 
-
border: none;
 
-
border-top-right-radius: 10px;
 
-
}
 
-
#footer-box
 
-
{
 
-
border: none;
 
-
border-radius: 10px;
 
-
margin-top: 10px;
 
-
}
 
-
/*
 
-
#globalWrapper
 
-
{
 
-
width: 900px;
 
-
margin: 0px auto 0px auto;
 
-
}*/
 
-
 
-
table
 
-
{
 
-
background-color:transparent;
 
-
}
 
-
.overview, .overview a {
 
-
color: #548C82
 
-
}
 
-
.biology, .biology a {
 
-
color: #31695E
 
-
}
 
-
.process, .process a {
 
-
color: #26584F
 
-
}
 
-
.modeling, .modeling a {
 
-
color: #1A473F
 
-
}
 
-
.achievements, .achievements a {
 
-
color: #09241F
 
-
}
 
-
.team, .team a {
 
-
color: #000D0A
 
-
}
 
-
 
-
div.gallerybox[style] div.thumb[style]
 
-
{
 
-
border: none !important;
 
-
padding:0 !important;
 
-
margin:0 !important;
 
-
}
 
-
div.gallerybox[style]
 
-
{
 
-
border:none !important;
 
-
padding:0 !important;
 
-
margin:0 !important;
 
-
}
 
-
 
-
 
-
 
-
 
-
.roundContainer
 
-
{
 
-
width:900px;
 
-
background:#f0f0f0;
 
-
text-align:justify;
 
-
font-family: helvetica, arial, sans-serif;
 
-
/* font-size: 10pt; */
 
-
margin-top:25px;
 
-
border-radius:10px;
 
-
border-spacing:6px;
 
-
}
 
-
 
-
.roundContainer td
 
-
{
 
-
padding:4px;
 
-
}
 
-
 
-
.linkMap, .linkMapJournal
 
-
{
 
-
border: none;
 
-
border-radius: 10px;
 
-
border-spacing: 0px;
 
-
font-family: helvetica, arial, sans-serif;
 
-
font-size:1.4em;
 
-
}
 
-
 
-
.linkMap td
 
-
{
 
-
border-left: 1px white solid;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 0px;
 
-
text-align: center;
 
-
white-space: nowrap;
 
-
}
 
-
 
-
.linkMapJournal
 
-
{
 
-
padding-left: 5px;
 
-
padding-right: 5px;
 
-
}
 
-
 
-
.linkMapJournal td
 
-
{
 
-
width: 1.5em;
 
-
border-left: 1px white solid;
 
-
margin: 0px;
 
-
text-align: center;
 
-
white-space: nowrap;
 
-
}
 
-
 
-
 
-
</style>
 
<script type="text/javascript">
<script type="text/javascript">
var colors = new Array();
var colors = new Array();
Line 244: Line 106:
});
});
</script>
</script>
-
<style type="text/css">
 
-
/*
 
-
a:link {
 
-
color:#20548f;
 
-
}
 
-
a:visited {
 
-
color:#20548f;
 
-
}
 
-
a:hover {
 
-
color:#20548f;
 
-
}
 
-
a:active {
 
-
color:#20548f;
 
-
}*/
 
-
#top-section {
 
-
background-color: #ffffff;
 
-
height: 100px;
 
-
border: none;
 
-
width:910px;
 
-
height:20px
 
-
}
 
-
#p-logo {
 
-
position: absolute;
 
-
display: none;
 
-
}
 
-
#search-controls {
 
-
display: none;
 
-
}
 
-
#menubar, #menubar ul, #menubar ul li
 
-
{
 
-
background-color: transparent;
 
-
}
 
-
#menubar.left-menu {
 
-
position: absolute;
 
-
top:0px;
 
-
left:0px;
 
-
}
 
-
#menubar.right-menu {
 
-
position: absolute;
 
-
top:0px;
 
-
right:0px;
 
-
}
 
-
#pt-userpage, #pt-logout, #pt-preferences {background-color: transparent}
 
-
#menubar a:active, #menubar a:hover, #menubar a:link, #menubar a:visited {
 
-
color: #000000;
 
-
background-color: transparent;
 
-
}
 
-
#footer-box {
 
-
width:900px;
 
-
}
 
-
body {
 
-
background-color: #AAAAAA
 
-
}
 
-
.firstHeading {
 
-
display: none;
 
-
}
 
-
#content {
 
-
width: 900px;
 
-
border: none;
 
-
font-family: helvetica, arial, sans-serif;
 
-
color: #555555;
 
-
border-bottom-left-radius: 10px;
 
-
border-bottom-right-radius: 10px;
 
-
padding-bottom: 10px;
 
-
}
 
-
#title {
 
-
width:900px;
 
-
height:80px;
 
-
position: relative;
 
-
background-color: #FFFFFF;
 
-
top: 0px;
 
-
left: 0px;
 
-
}
 
-
#smocolilogo {
 
-
width:400px;
 
-
height:55px;
 
-
position: relative;
 
-
top: -70px;
 
-
left: 0px;
 
-
}
 
-
#bsselogo {
 
-
width:200px;
 
-
height:50px;
 
-
position: absolute;
 
-
top: 10px;
 
-
left: 435px;
 
-
}
 
-
#slogan {
 
-
width:400px;
 
-
height:14px;
 
-
        font-size: larger;
 
-
position: absolute;
 
-
top: 63px;
 
-
left: 230px;
 
-
}
 
-
#igemlogo {
 
-
position:absolute;
+
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheet?action=raw&amp;ctype=text/css" type="text/css" />
-
top:20px;
+
-
left:785px;
+
-
}
+
-
#ethlogo {
+
-
width:140px;
+
-
height:55px;
+
-
position:absolute;
+
-
top:30px;
+
-
left:570px;
+
-
}
+
-
img {
+
-
border:0px;
+
-
}
+
-
#csbl {
+
-
width:140px;
+
-
height:35px;
+
-
}
+
-
#menu {
+
-
width:900px;
+
-
height:180px;
+
-
position: relative;
+
-
top: 20px;
+
-
left: 0px;
+
-
}
+
-
#menuback {
+
-
width:150px;
+
-
height:180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
background-color: #ffffff;
+
-
}
+
-
#headpic {
+
-
width:750px;
+
-
height:180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 150px;
+
-
background-color: #888888;
+
-
 
+
-
border:1px;
+
-
border-radius : 10px;
+
-
-moz-border-radius: 10px;
+
-
}
+
-
#headover {
+
-
width: 750px;
+
-
height: 180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
z-index: 10000;
+
-
}
+
-
#overlay, #overlayFront, #overlayBack {
+
-
width: 750px;
+
-
height: 180px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
background-image: none;
+
-
border:1px;
+
-
border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
}
+
-
#overlayBack {
+
-
background-image: url(https://static.igem.org/mediawiki/2011/3/3f/ETHZ-bg-smoke.png);
+
-
}
+
-
a {
+
-
outline:none;
+
-
}
+
-
#headtit {
+
-
font-family: helvetica, arial, sans-serif;
+
-
font-size: 1.2em;
+
-
color: #ffffff;
+
-
position: absolute;
+
-
top: 0em;
+
-
right: 10px;
+
-
height: 30px;
+
-
line-height: 30px;
+
-
vertical-align: middle;
+
-
border: 0; padding: 0; margin: 0;
+
-
}
+
-
 
+
-
.dark {
+
-
color: #dddddd;
+
-
}
+
-
.highlight {
+
-
color: #ea8828;
+
-
}
+
-
#menulist {
+
-
position: absolute;
+
-
top: 0px; /* 16px; */
+
-
border: 0;
+
-
margin: 0;
+
-
padding: 0;
+
-
left: 0px;
+
-
width:100%;
+
-
list-style: none;
+
-
}
+
-
#menulist li {
+
-
        padding-left: 8px;
+
-
line-height: 30px;
+
-
height: 30px;
+
-
width: 100%;
+
-
vertical-align: bottom;
+
-
border: 1px;
+
-
border-top-left-radius: 5px;
+
-
border-bottom-left-radius: 5px;
+
-
-moz-border-radius-topleft: 5px;
+
-
-moz-border-radius-bottomleft: 5px;
+
-
margin: 0px;
+
-
list-style: none;
+
-
}
+
-
#menulist a {
+
-
font-weight: 600;
+
-
        font-size: 1.2em;
+
-
text-decoration: none;
+
-
font-family: helvetica, arial, sans-serif;
+
-
+
-
/* color: #ffffff; */}
+
-
 
+
-
#headover ul {
+
-
+
-
/* display: none;  */
+
-
position: absolute;
+
-
top: 0px; /* 1.2em; */
+
-
border: 0px;
+
-
margin-top: 10px;
+
-
margin-bottom: 0px;
+
-
margin-left: 10px;
+
-
padding-top: 0px;
+
-
padding-bottom: 0px;
+
-
left: 20px; /* 0.2em; */
+
-
list-style:none;
+
-
list-style-image: none;
+
-
}
+
-
#headover ul ul {
+
-
position: absolute;
+
-
width:15em;
+
-
top:-10px;
+
-
left: 15em;
+
-
list-style:none;
+
-
}
+
-
#headover ul li {
+
-
list-style: none;
+
-
line-height: 40px;
+
-
        height: 40px;
+
-
margin: 0px;
+
-
}
+
-
#headover ul li a {
+
-
font-weight: 600;
+
-
font-size: 1.2em;
+
-
text-decoration: none;
+
-
font-family: helvetica, arial, sans-serif;
+
-
color: #dddddd;
+
-
}
+
-
.submenu
+
-
{
+
-
display: none;
+
-
}
+
-
</style>
+
<style type="text/css">
<style type="text/css">
</html> {{{css|}}} <html>
</html> {{{css|}}} <html>
</style>
</style>
-
</head>
 
<div id="preload">
<div id="preload">
   <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />
   <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />

Revision as of 11:56, 11 October 2011

Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload Menu image preload