|
|
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&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" /> |