Template:Team:Sheffield

From 2014.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<title></title>
<title></title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<style type="text/css">
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
<link href="https://2014.igem.org/Team:Sheffield/Template:menustyle.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
+
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:menujquery.min.js?action=raw&ctype=text/javascript"></script>
+
#top-section {
-
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:menujquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="./js/camera.min.js"></script>
+
border: 0 none;
-
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
+
height: 14px;
-
  <script>
+
z-index: 100;
-
jQuery(function(){
+
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
 +
}
 +
 
 +
 
 +
 
 +
.title {
 +
    font-family: 'Lato', sans-serif;
 +
font-size: 2.5em;
 +
letter-spacing: 2px;
 +
color: white;
 +
font-weight: 250;
 +
margin-top: 0.25em;
 +
margin-bottom: 0.25em;
 +
        margin-left:1em;
 +
        margin-right:1em;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
.subtitle {
 +
font-family: 'Lato', sans-serif;
 +
font-size: 1.4em;
 +
letter-spacing: 0.5px;
 +
color: white;
 +
font-weight: 400;
 +
margin-top: 0.25em;
 +
margin-bottom: 0.25em;
 +
        margin-left:1em;
 +
        margin-right:1em;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
    #firstSection {
 +
        background-color: #DCEDDE;
 +
/* background-color: #B5888A; */
 +
/* background-color: #FFFFFF; */
 +
                                /* background-color:#fff;*/
 +
width:1050px;
 +
height:20em;
 +
                                margin-left:auto;
 +
                                margin-right:auto;
 +
    }
-
jQuery('#camera_wrap_1').camera({
+
            #secondSection{
-
thumbnails: true
+
        /* background-color: #DCEDDE; */
-
});
+
background-color: #B5888A;
-
});
+
/* background-color: #FFFFFF; */
-
</script>
+
width:1050px;
-
  </head>
+
height:20em;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
            }
 +
            #thirdSection{
 +
        /* background-color: #E1FCEF; */
 +
background-color: #C4B7A2;
 +
        /* background-color: #FFFFFF; */
 +
width:1050px;
 +
height:20em;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
            }
 +
            #fourthSection{
 +
                                background-color: #E1FCEF;
 +
width:1050px;
 +
height:20em;
 +
                                margin-top:5px;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
}
 +
    #fifthSection{
 +
/* background-color: #F7F4E0; */
 +
background-color: #BAD0AA;
 +
/* background-color: #FFFFFF; */
 +
/* MARGIN-RIGHT: auto; */
 +
width:330px;
 +
height:30em;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
                                float:left;
 +
}
 +
    #sixthSection{
 +
        /*background-color: #E3F4E5; */
 +
background-color: #80B8A3;
 +
/* background-color: #FFFFFF; */
 +
width:330px;
 +
                                height:30em;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
                                float:left; 
 +
}
 +
    #seventhSection{
 +
background-color: #EDF7D3;  
 +
/* 2: background-color: #73A09A; */
 +
width:330px;
 +
                                height:30em;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
                                float:left;
 +
}
 +
    #eighthSection{
 +
    /* 1: background-color: #EDF7D3; */
 +
background-color: #73A09A;
 +
width:330px;
 +
                                height:30em;
 +
                                margin-left:auto;
 +
margin-right:auto;
 +
                                float:left;
 +
 +
}
 +
    #tenthSection{
 +
    /* 1: background-color: #EDF7D3; */
 +
background-color: #73A09A;
 +
width:100%;
 +
                                height:10em;
 +
                                margin-left:0;
 +
margin-right:0;
 +
 +
}
 +
 
 +
 
 +
 
 +
a{TEXT-DECORATION:none}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
 
 +
 
<body>
<body>
<div id="contentcontainer">
<div id="contentcontainer">
-
  <div class="header">
 
-
  <div class="header_top">
 
-
        <div class="wrap">
 
-
<div class="logo">
 
-
<a href="index.html"><h1><span class="black"></span></h1></a>
 
-
</div>
 
-
<div class="menu">
 
-
    <ul>
 
-
<li class="active"><a href="index.html">Home</a></li>
 
-
<li><a href="about.html">About</a></li>
 
-
<li><a href="gallery.html">Gallery</a></li>
 
-
<li><a href="services.html">Services</a></li>
 
-
<li><a href="contact.html">Contact</a></li>
 
-
<div class="clear"></div>
 
-
</ul>
 
-
</div>
 
-
    <div class="clear"></div>
 
-
        </div>
 
-
    </div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 23:19, 7 October 2014