|
|
(5 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <!--
| |
| | | |
- | ============================================================================================
| |
- | *** PLEASE NOTE: ***
| |
- |
| |
- | When copying our code, please be so kind to mention so on your wiki.
| |
- |
| |
- | You can use our logo https://static.igem.org/mediawiki/2010/7/7b/TU_Delft.jpg to link to our wiki.
| |
- |
| |
- | For questions about this, contact us at info@igemtudelft.nl.
| |
- |
| |
- | Pieter van Boheemen, Jelmer Cnossen
| |
- |
| |
- | ============================================================================================
| |
- |
| |
- | /-->
| |
- |
| |
- | <!-- Reset CSS - START /-->
| |
- | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css">
| |
- | <!-- Reset CSS - END /-->
| |
- |
| |
- | <!-- Internet Explorer PNG fix - START /-->
| |
- | <!--[if lt IE 8]>
| |
- | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script>
| |
- | <![endif]-->
| |
- | <!-- Internet Explorer PNG fix - END /-->
| |
- |
| |
- | <!-- Scripting - START /-->
| |
- | <script type="text/javascript" src="http://github.com/cowboy/jquery-hashchange/raw/v1.3/jquery.ba-hashchange.js"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | //Global Vars
| |
- |
| |
- | // Set document ready callback
| |
- | $(function() {
| |
- | // Initialize history plugin.
| |
- | $(window).hashchange(historyCallback);
| |
- | rewriteLinks($("#navlist"));
| |
- |
| |
- | historyCallback();
| |
- |
| |
- | // setup hovering
| |
- | $(".menu_button").hover(
| |
- | function () { $(this).addClass("hover"); },
| |
- | function () { $(this).removeClass("hover"); }
| |
- | );
| |
- | });
| |
- |
| |
- |
| |
- |
| |
- | function splitHash(hash) {
| |
- | var kvpairs = hash.split('&');
| |
- | var i;
| |
- | var kvmap = {};
| |
- | for(i=0;i<kvpairs.length;i++) {
| |
- | var s = kvpairs[i].split('=');
| |
- | kvmap[s[0]] = s[1];
| |
- | }
| |
- | return kvmap;
| |
- | }
| |
- |
| |
- | function loadPage(page)
| |
- | {
| |
- | var url = wgServer + "/Team:TU_Delft/" + page + "?action=render";
| |
- | $("#load").fadeOut(200);
| |
- | $.get(url, function(data) {
| |
- | $("#load").html(data).fadeIn(200);
| |
- | rewriteLinks($("#load"));
| |
- | });
| |
- | }
| |
- |
| |
- | function historyCallback() {
| |
- | var hash = location.hash;
| |
- | if(hash) {
| |
- | hash = hash.substring(1);
| |
- | if(hash.split('=').length == 1) {
| |
- | // loadPage(hash);
| |
- | } else {
| |
- | var kvmap = splitHash(hash);
| |
- | if (kvmap.page) {
| |
- | loadPage(kvmap.page);
| |
- | }
| |
- | }
| |
- | } else {
| |
- | loadPage('pages/home');
| |
- | }
| |
- | }
| |
- |
| |
- |
| |
- | function rewriteLinks(elem) {
| |
- | $("a",elem).each(function() {
| |
- | var txt = $(this).text();
| |
- |
| |
- | if(this.hash)
| |
- | this.href = this.hash;
| |
- | else if(txt != "edit")
| |
- | this.href = this.href.replace("https://2010.igem.org/Team:TU_Delft/", "#page=");
| |
- | });
| |
- | }
| |
- |
| |
- | </script>
| |
- |
| |
- | <!-- Scripting - END /-->
| |
- |
| |
- | <!-- Main CSS - START /-->
| |
- | <style type="text/css">
| |
- | html, body {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | body {
| |
- | background-color: #001e25;
| |
- | background-image: url(http://www.igemtudelft.nl/wp-content/themes/minicard/images/bg/burst.jpg);
| |
- | background-repeat: no-repeat;
| |
- | background-position: top center;
| |
- | }
| |
- |
| |
- | /* Wiki Hacks - START */
| |
- | /* Author: Pieter van Boheemen */
| |
- | /* Team: TU Delft */
| |
- | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
| |
- | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%;}
| |
- | #bodyContent { border: none; padding:0; margin:0; width:100%;}
| |
- | #top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
| |
- | #p-logo { height:1px; overflow:hidden; display: none;}
| |
- | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
| |
- | .left-menu { width: 400px; display:block; float:left; margin-top:-80px; border: none;}
| |
- | .left-menu ul { border: none; }
| |
- | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
| |
- | .right-menu ul { border: none;}
| |
- | #footer-box { background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0;}
| |
- | #footer { border: none; width: 965px; margin: 0; padding: 0;}
| |
- | .firstHeading { display: none;}
| |
- | #f-list a { color: #333; font-size: 10px;}
| |
- | #f-list a:hover { color: #666;}
| |
- | #footer ul { margin: 0; padding: 0;}
| |
- | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
| |
- | /* Wiki Hacks - END */
| |
- |
| |
- | #dashed_line {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/1/1c/Dashed-line.png);
| |
- | height: 1px;
| |
- | width: 100%;
| |
- | overflow: hidden;
| |
- | }
| |
- |
| |
- | #wrapper {
| |
- | width: 965px;
| |
- | margin: 0 auto;
| |
- | }
| |
- |
| |
- | #header_wrap {
| |
- | width:100%;
| |
- | height:107px;
| |
- | }
| |
- |
| |
- | #menu_wrap {
| |
- | width:100%;
| |
- | height:45px;
| |
- | display:block;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | #content_wrap {
| |
- | width:100%;
| |
- | /* background-color: #fff; */
| |
- | margin-top: -24px;
| |
- | display:block;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | #footer_wrap {
| |
- | width:100%;
| |
- | height:40px;
| |
- | background-color: transparent;
| |
- | display:block;
| |
- | float: left;
| |
- | padding-top: 10px;
| |
- | }
| |
- |
| |
- | /* Footer START */
| |
- |
| |
- | #footer_wrap #copyright {
| |
- | display: block;
| |
- | float: left;
| |
- | width: 300px;
| |
- | text-align: center;
| |
- | font-size: 10px;
| |
- | color: #ccc;
| |
- | }
| |
- |
| |
- | #footer_wrap #footer_links {
| |
- | display: block;
| |
- | float: right;
| |
- | width: 500px;
| |
- | text-align: center;
| |
- | font-size: 10px;
| |
- | }
| |
- |
| |
- | #footer_links ul {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #footer_links ul li {
| |
- | display: block;
| |
- | list-style-type: none;
| |
- | float:left;
| |
- | padding: 0;
| |
- | margin: 0 5px 0 5px;
| |
- | }
| |
- |
| |
- | #footer_links ul li a {
| |
- | color: #ccc;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | #footer_links ul li a:hover {
| |
- | text-decoration: underline;
| |
- | }
| |
- |
| |
- | /* Footer END */
| |
- |
| |
- |
| |
- | /* Body START */
| |
- | #content_table {
| |
- | width:100%;
| |
- | padding:0;
| |
- | margin: 10px 0 0 0;
| |
- | border:none;
| |
- | border-color: transparent;
| |
- | border-collapse:collapse;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #content_table #top_row {
| |
- | background-image: url(/wiki/images/2/24/Main_bg.png);
| |
- | background-repeat: no-repeat;
| |
- | height: 20px;
| |
- | border: none;
| |
- | overflow: hidden;
| |
- | line-height: 10px;
| |
- | font-size: 10px;
| |
- | float: left;
| |
- | display: block;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | #content_table #bottom_row {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/3/3c/Main_bg_bottom.png);
| |
- | background-repeat: no-repeat;
| |
- | background-position: bottom left;
| |
- | height: 20px;
| |
- | border: none;
| |
- | overflow: hidden;
| |
- | float: left;
| |
- | display: block;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | #content_table .main_row {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/d/d3/Main_bg_middle.png);
| |
- | float: left;
| |
- | display: block;
| |
- | width: 965px;
| |
- | }
| |
- |
| |
- | #main_td {
| |
- | width:965px;
| |
- | vertical-align: top;
| |
- | padding-right: 10px;
| |
- | padding-left: 0px;
| |
- | float: left;
| |
- | display: block;
| |
- | }
| |
- |
| |
- | /* Body END */
| |
- |
| |
- | /* Head START */
| |
- | h1.logo {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/c/c9/Logo.png);
| |
- | background-repeat: no-repeat;
| |
- | border:none;
| |
- | width: 390px;
| |
- | height: 107px;
| |
- | }
| |
- |
| |
- | #search-controls {
| |
- |
| |
- | display:none;
| |
- |
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/9/95/Search.png);
| |
- | background-repeat: no-repeat;
| |
- | background-position: -5px -10px;
| |
- | border: none;
| |
- | width:217px;
| |
- | height:48px;
| |
- | text-align:left;
| |
- | }
| |
- |
| |
- | #search-controls input {
| |
- | display: block;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | #search-controls #searchInput {
| |
- | width: 145px;
| |
- | border: none;
| |
- | margin-left: 8px;
| |
- | margin-top: 3px;
| |
- | padding: 2px;
| |
- | color: #111;
| |
- | font-size: 10px;
| |
- | height:16px;
| |
- | }
| |
- |
| |
- | #search-controls #searchGoButton {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #search-controls #mw-searchButton {
| |
- | width: 33px;
| |
- | border: none;
| |
- | cursor: pointer;
| |
- | height: 26px;
| |
- | color: #f5c44a;
| |
- | text-indent:-9999px;
| |
- | line-height:0;
| |
- | text-align: right;
| |
- | font-size: 1px;
| |
- | }
| |
- |
| |
- | /* Head END */
| |
- |
| |
- | </style>
| |
- | <div id="dashed_line"> </div>
| |
- | <div id="wrapper">
| |
- | <div id="header_wrap"><a href="https://2010.igem.org/Team:TU_Delft" title="TU Delft iGEM Team 2010"><h1 class="logo"></h1></a></div>
| |
- |
| |
- | </html>
| |