Template:Team:Sheffield

From 2014.igem.org

(Difference between revisions)
 
(19 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" />
 
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
-
<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>
 
-
<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>
 
-
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
 
-
  <script>
 
-
jQuery(function(){
 
-
 
-
jQuery('#camera_wrap_1').camera({
 
-
thumbnails: true
 
-
});
 
-
});
 
-
</script>
 
-
 
-
 
<style type="text/css">
<style type="text/css">
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
Line 84: Line 67:
    #firstSection {
    #firstSection {
-
/* background-color: #DCEDDE; */
+
        background-color: #DCEDDE;
/* background-color: #B5888A; */
/* background-color: #B5888A; */
/* background-color: #FFFFFF; */
/* background-color: #FFFFFF; */
                                 /* background-color:#fff;*/
                                 /* background-color:#fff;*/
-
                                position:fixed;
 
width:1050px;
width:1050px;
-
height:40px;
+
height:20em;
-
                                 margin-top:5px;
+
                                 margin-left:auto;
-
                                 margin-left:150px;
+
                                 margin-right:auto;
-
                                border:1px solid #000;
+
-
                                border-width:1px 0 1px 0;
+
    }
    }
             #secondSection{
             #secondSection{
        /* background-color: #DCEDDE; */
        /* background-color: #DCEDDE; */
-
/* background-color: #B5888A; */
+
background-color: #B5888A;
/* background-color: #FFFFFF; */
/* background-color: #FFFFFF; */
width:1050px;
width:1050px;
-
height:40px;
+
height:20em;
-
                                margin-top:5px;
+
                                 margin-left:auto;
                                 margin-left:auto;
margin-right:auto;
margin-right:auto;
Line 112: Line 91:
        /* background-color: #FFFFFF; */
        /* background-color: #FFFFFF; */
width:1050px;
width:1050px;
-
height:80em;
+
height:20em;
-
                                margin-top:5px;
+
                                 margin-left:auto;
                                 margin-left:auto;
margin-right:auto;
margin-right:auto;
             }
             }
             #fourthSection{
             #fourthSection{
-
                                 background-color: #DCEDDE;  
+
                                 background-color: #E1FCEF;  
width:1050px;
width:1050px;
height:20em;
height:20em;
Line 130: Line 108:
/* background-color: #FFFFFF; */
/* background-color: #FFFFFF; */
/* MARGIN-RIGHT: auto; */
/* MARGIN-RIGHT: auto; */
-
width:1050px;
+
width:330px;
-
height:60em;
+
height:30em;
-
                                margin-top:5px;
+
                                 margin-left:auto;
                                 margin-left:auto;
-
margin-right:auto;  
+
margin-right:auto;
 +
                                float:left;  
}
}
-
#sixthSection{
+
    #sixthSection{
-
    /* 1: background-color: #E3F4E5; */
+
        /*background-color: #E3F4E5; */
background-color: #80B8A3;
background-color: #80B8A3;
/* background-color: #FFFFFF; */
/* background-color: #FFFFFF; */
-
MARGIN-Right: 12em;
+
width:330px;
-
width:43.5em;  
+
                                height:30em;
-
                float:right;   
+
                                margin-left:auto;
 +
margin-right:auto;
 +
                                float:left;   
}
}
-
#seventhSection{
+
    #seventhSection{
-
/* 1: background-color: #EDF7D3; */
+
background-color: #EDF7D3;  
/* 2: background-color: #73A09A; */
/* 2: background-color: #73A09A; */
-
background-color: #000;
+
width:330px;
-
MARGIN-LEFT: 11.9em;
+
                                height:30em;
-
width:0em;
+
                                margin-left:auto;
 +
margin-right:auto;
 +
                                float:left;  
}
}
-
#eighthSection{
+
    #eighthSection{
    /* 1: background-color: #EDF7D3; */
    /* 1: background-color: #EDF7D3; */
-
/* background-color: #73A09A; */
+
background-color: #73A09A;
-
background-color: #FFFFFF;
+
width:330px;
-
MARGIN-LEFT: 11.9em;
+
                                height:30em;
-
width:87.5em;
+
                                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;  
}
}
-
 
-
 
-
/* ---------------------------------------------------------------------------- */
 
-
/* default styling */
 
-
.nav, .nav ul { list-style-type:none; margin:0; padding:0; }
 
-
.nav a { text-decoration:none; }
 
-
.nav { font-family: arial, sans-serif; font-size:12px; width:1050px; margin:0 auto; text-align:center; line-height:25px;}
 
-
 
-
/* style the links */
 
-
/* needs a background for IE6 - can be a color or a transparent gif */
 
-
.nav a { background:url(trans.gif); filter: alpha(opacity=90); opacity:0.9; }
 
-
 
-
/* style the <b> element so that is does not affect the size of the link */
 
-
.nav a b { color:#000; font-weight:bold; display:block; padding:5px 10px; margin-right:1px; }
 
-
.nav a:hover b { color:#000; cursor:pointer; border-left:2px solid #eee; }
 
-
.nav .fly .main b { background: transparent url(ulmulti5/arrow.gif) no-repeat right 9px; }
 
-
.nav .down b { background: transparent url(ulmulti5/arrow2.gif) no-repeat right 11px; }
 
-
 
-
 
-
/* HEIGHT */
 
-
.nav ul ul { top:-25px; } /* position the top of the flyout sub menus */
 
-
.nav ul ul.two { top:-40px; } /* position the top of the flyout sub menus */
 
-
/* WIDTH change this WITH CARE to suit your requirements */
 
-
 
-
 
-
 
-
 
-
 
-
/* FOR NAV1 */
 
-
.nav1 { width:60px;}
 
-
.nav1 a { width:60px;}
 
-
.nav1 a, .nav2 .fly a { background: #fff; height:40px; width:60px;}
 
-
.nav1 b, .nav2 .fly b { background: #fff; height:30px; }
 
-
.nav1 ul li { list-style: none; }
 
-
.nav1 ul a { width:150px; }
 
-
.nav1 ul ul { left:120px; }
 
-
.nav1 a { margin-right:-99px; }
 
-
.nav1 ul a { margin-right:-119px; }
 
-
 
-
/* FOR NAV2 */
 
-
.nav2 { width:90px; }
 
-
.nav2 a { width:80px;}
 
-
.nav2 a, .nav2 .fly a { background:#fff; height:40px; width:90px;}
 
-
.nav2 b, .nav2 .fly b { background: #fff; height:30px;}
 
-
.nav2 ul li { list-style: none; }
 
-
.nav2 ul a { width:150px; }
 
-
.nav2 ul ul { left:120px; }
 
-
.nav2 a { margin-right:-99px; }
 
-
.nav2 ul a { margin-right:-119px;}
 
-
 
-
/* FOR NAV3 */
 
-
.nav3 { width:150px;}
 
-
.nav3 a { width:150px;}
 
-
.nav3 a, .nav3 .fly a { background: #fff; height:40px; width:150px;}
 
-
.nav3 b, .nav3 .fly b { background: #fff; height:30px; }
 
-
.nav3 ul li { list-style: none; }
 
-
.nav3 ul a { width:150px; }
 
-
.nav3 ul ul { left:120px; }
 
-
.nav3 a { margin-right:-99px; }
 
-
.nav3 ul a { margin-right:-119px; }
 
-
 
-
/* FOR NAV4 */
 
-
.nav4{ width:120px;}
 
-
.nav4 a{ width:120px;}
 
-
.nav4 a, .nav4 .fly a { background:#fff; height:40px; width:120px; }
 
-
.nav4 b, .nav4 .fly b { background: #fff; height:30px; }
 
-
.nav4 ul li { list-style: none; }
 
-
.nav4 ul a { width:150px; }
 
-
.nav4 ul ul { left:120px; }
 
-
.nav4 a { margin-right:-99px;}
 
-
.nav4 ul a { margin-right:-119px; }
 
-
 
-
 
-
/* ---------------------------------------------------------------------------- */
 
-
 
-
/* DO NOT CHANGE ANYTHING BELOW */
 
-
.nav li { float:left; } /* fixes several IE related bugs, and allows for clearing */
 
-
.nav ul { float:left; position:relative; z-index:20; } /* necessary for float drop and to stack the <ul>s */
 
-
.nav ul li { clear:left; } /* must clear the floated list item inside sublist */
 
-
.nav a { position:relative; display:block; } /* needs to have a position, to be above the rest */
 
-
.nav a.main { float:left; /* necessary for float drop */ margin-top:10000px; } /* bring the top level links back into view */
 
-
.nav .drop, .nav .fly { margin-top:-10000px; } /* hide the sub links and their containers, opera has low upper limits */
 
-
.nav ul { margin-bottom:-5000px; } /* avoid any interaction between the subs, can be any large size */
 
-
/* The bit that does ALL the work to bring the sub menus into view */
 
-
.nav a:hover, .nav a:focus, .nav a:active { margin-right:0; z-index:10; outline:0; }
 
-
.nav a:hover b, .nav a:focus b, .nav a:active b { color:#000; cursor:pointer; border-left:2px solid #eee; }
 
-
 
-
/* OPERA fix */
 
-
.nav ul:hover, .nav ul ul:hover { clear:left; } /* to stop intermittent sub link :hover problems */
 
-
 
-
/* ---------------------------------------------------------------------------- */
 
-
 
-
 
-
 
-
 
Line 264: Line 162:
 +
</head>
-
  </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