Template:Team:Groningen/sandboxHeader

From 2010.igem.org

(Difference between revisions)
(New page: <style type="text/css"> - →Wiki Hacks - START: #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; } #content { background-color: trans...)
 
(23 intermediate revisions not shown)
Line 1: Line 1:
-
<style type="text/css">
+
<html>
-
/* Wiki Hacks - START */
+
<!-- All scripting and markup for the wiki by iGEM Groningen is under MIT licence:
-
#globalWrapper {
+
Copyright (c) 2010 Joël Kuiper and iGEM Groningen
-
background-color: transparent;
+
-
border: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
#content {
+
Permission is hereby granted, free of charge, to any person obtaining a copy
-
background-color: transparent;
+
of this software and associated documentation files (the "Software"), to deal
-
border: none;
+
in the Software without restriction, including without limitation the rights
-
padding: 0;
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-
margin: 0;
+
copies of the Software, and to permit persons to whom the Software is
-
width: 100%;
+
furnished to do so, subject to the following conditions:
-
}
+
-
#bodyContent {
+
The above copyright notice and this permission notice shall be included in
-
border: none;
+
all copies or substantial portions of the Software.
-
padding:0;
+
-
margin:0;
+
-
width:100%;
+
-
}
+
-
#top-section {
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-
height: 20px;
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-
margin-top: -5px;
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-
margin-left: auto;
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-
margin-right: auto;
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-
margin-bottom: 0 !important;
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-
margin-bottom: 10px;
+
THE SOFTWARE.
-
padding:0;
+
-
border: none;
+
-
}
+
-
#p-logo {
+
-->
-
height:1px;
+
-
overflow:hidden;
+
-
display: none;
+
-
}
+
-
#search-controls {
+
<link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overallSandbox.css">
-
overflow:hidden;
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
-
display:block;
+
<script type="text/javascript">
-
background: none;
+
-
position: absolute;
+
-
top: 100px;
+
-
right: 40px;
+
-
}
+
-
.left-menu {
 
-
width: 400px;
 
-
display:block;
 
-
float:left;
 
-
margin-top:-80px;
 
-
border: none;
 
-
}
 
-
.left-menu ul {
+
var pages = ["home", "project", "images", "modeling", "team", "contact"];
-
border: none;
+
-
}
+
-
#menubar.right-menu {
 
-
width:300px;
 
-
display:block;
 
-
float:left;
 
-
margin-top:-80px;
 
-
border: none;
 
-
}
 
-
.right-menu ul {
+
function ucfirst(str) {
-
border: none;
+
    var firstLetter = str.substr(0, 1);
-
}
+
    return firstLetter.toUpperCase() + str.substr(1);
 +
}
-
#footer-box {
+
$(document).ready(function() {
-
background-color: transparent;
+
$("ul#topnav li").hover(function() {  
-
border: none;
+
$(this).css({ 'background' : '#1376c9 url(http://casualconnect.net/iGEM/topnav_active.gif) repeat-x'});  
-
width: 965px;
+
$(this).find("span").show();  
-
margin: 0 auto;
+
} , function() { //on hover out...
-
padding: 0;
+
$(this).css({ 'background' : 'none'});  
-
}
+
$(this).find("span").hide();  
 +
});
 +
 +
});
-
#footer {
+
    $.address.change(function (event) {
-
border: none;
+
        var margin = $(".slide_content").width();
-
width: 965px;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
.firstHeading {
+
        var page = event.path.substring(1);
-
display: none;
+
        if(page == "") { page = 'home'; }  
-
}
+
-
#f-list a {
+
        if ($.inArray(page, pages) !== -1) {
-
color: #333;
+
            margin = (margin * ($.inArray(page, pages))) * -1;
-
font-size: 10px;
+
            $(".tabslider").stop().animate({
-
}
+
                marginLeft: margin + "px"
 +
            },  300
 +
            );
-
#f-list a:hover {
+
        } else {
-
color: #666;
+
            $(".ajaxWrapper").html("");
-
}
+
            var url = wgServer + "/Team:Groningen/" + ucfirst(page) + "?action=render";
 +
            $.get(url, function(data) {
 +
            $(".ajaxWrapper").html(data);
 +
            margin = (margin * (pages.length)) * -1;
 +
            $(".tabslider").css("margin-left", margin + "px");
 +
            });
 +
        }
 +
    });
 +
</script>
 +
<div id="overallMask">
 +
<div id="headerWrapper">
 +
<img src="https://static.igem.org/mediawiki/2010/f/f6/LogoGroningen.png" alt="iGEM Groningen '10">
 +
<p style="float: right; margin-right: 30px">
 +
We believe in a better world<br>
 +
<span style="margin-left: 2em">through synthetic biology</span>
 +
</p>
 +
</div>
 +
<div id="contentWrapper">
 +
<div class='tabbed_content'>
 +
<div id="tab_nav">
 +
    <ul id="topnav">
 +
        <li><a href="https://2010.igem.org/Team:Groningen#/home">Home</a></li>
 +
        <li>
-
#footer ul {
+
            <a href="https://2010.igem.org/Team:Groningen#/project">Project</a>
-
margin: 0;
+
            <span>
-
padding: 0;
+
                <a href="#">Biofilm</a> |
-
}
+
                <a href="#">Hydrophobins</a> |
 +
                <a href="#">Applications</a> |
 +
                <a href="#">Lab book</a> |
 +
                <a href="#">Biobricks</a>
 +
            </span>
 +
        </li>
-
#footer ul li {
+
        <li>
-
margin-top: 0;
+
            <a href="https://2010.igem.org/Team:Groningen#/human">Human</a>
-
margin-bottom: 0;
+
            <span>
-
margin-left: 10px;
+
                <a href="#">Image of Science</a> |
-
margin-right: 10px;
+
                <a href="#">Human practices</a> |
-
padding: 0;
+
                <a href="#">Ethics &amp; Safety</a>
-
}
+
            </span>
-
/* Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble!*/
+
        </li>
-
/* Start own design */
+
        <li>
-
html, body {
+
            <a href="https://2010.igem.org/Team:Groningen#/modeling">Modelling</a>
-
height: 100%;
+
            <span>
-
}
+
                <a href="#">Biofilm dynamics</a> |
-
html {
+
                <a href="#">Expressions</a> |
-
overflow: hidden!important;
+
                <a href="#">Kill Switch</a>
-
background: url("images/background.jpg") no-repeat left 60%;
+
            </span>
-
}
+
        </li>
-
img#background {
+
        <li><a href="https://2010.igem.org/Team:Groningen#/team">Team</a></li>
-
width: 100%;
+
        <li><a href="https://2010.igem.org/Team:Groningen#/contact">Contact</a></li>
-
position: absolute;
+
    </ul>
-
top: 0;
+
</div>
-
left: 0;
+
 
-
}
+
<div id="sponsorWrapper">
-
#overallMask {
+
</html>{{Team:Groningen/sponsors}}<html>
-
position: relative;
+
</div>
-
margin: 3% auto 0 auto;
+
<div id="otherContent">
-
width: 660px;
+
-
height: 100%;
+
-
}
+
-
#contentWrapper {
+
-
height: 100%;
+
-
border-top: 1px solid #bab599;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
+
-
box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;;
+
-
background-color: #fffbe7;
+
-
}
+
-
#headerWrapper {
+
-
font-family: Sertig;
+
-
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
+
-
font-size: 21pt; color: #fffbe7;
+
-
background: url("images/94acce-50.png") repeat;
+
-
height: 100px;
+
-
padding-top: 50px;
+
-
}
+
-
#headerWrapper img {
+
-
margin-left: 20px;
+
-
margin-top: -40px;
+
-
}
+
-
#textWrapper {
+
-
padding:2em;
+
-
padding-top: 0em;
+
-
width: 400px;
+
-
text-align: justify;
+
-
font-family: "Helvectica", Tahoma, Verdana, sans-serif;
+
-
font-size: 9pt;
+
-
}
+
-
#textWrapper p {
+
-
margin-top: 20px;
+
-
}
+
-
#textWrapper .head {
+
-
font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
+
-
color: #a1bf29;
+
-
font-weight: bold;
+
-
font-size: 16pt;
+
-
}
+
-
#sponsorWrapper {
+
-
float: right;
+
-
margin-right: 10px;
+
-
}
+
-
</style>
+

Latest revision as of 11:03, 20 August 2010