Template:Team:Nevada:Header

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
__NOTOC__<html lang="en">  
+
<html>
 +
</p>
 +
<!-- INCLUDES JAVASCRIPTS -->
 +
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
 +
<script type="text/javascript" src="js/jquery-ui-1.8.15.custom.min.js"></script>
-
<head>
 
-
<!-- wiki hacks -->
 
<style type="text/css">
<style type="text/css">
 +
 +
/* Set up body first */
 +
body {
 +
    background: #e9f1ef;
 +
    background-image: url('https://static.igem.org/mediawiki/2012/b/be/Background-gradient.jpg');
 +
    background-position: center;
 +
    background-repeat: repeat-y;
 +
}
#globalwrapper {
#globalwrapper {
     width:1060px;
     width:1060px;
Line 11: Line 21:
     height:100%;
     height:100%;
}
}
-
.firstHeading {
 
-
    height:0px;
 
-
    visibility:hidden;
 
 +
#p-logo {
 +
display:none;
}
}
#top-section {
#top-section {
Line 26: Line 35:
}
}
-
body {
+
#search-controls {
-
    background: #e9f1ef;
+
  display:none;
-
    background-image: url('https://static.igem.org/mediawiki/2012/b/be/Background-gradient.jpg');
+
}
-
    background-position: center;
+
#content {
-
    background-repeat: repeat-y;
+
width:100%;
 +
margin:0;
 +
padding:0;
 +
        border:none;
}
}
-
#p-logo {
 
-
    height:1px; overflow:hidden; display: none;
 
-
 
-
 
#content {
#content {
     border-left-width:0px;
     border-left-width:0px;
Line 42: Line 50:
     width:1050px;
     width:1050px;
}
}
-
#menubar {  
+
.firstHeading {
-
    background-color: white;  
+
  display:none;
 +
  margin:0;
 +
  padding:0;
}
}
-
#menubar ul li a {  
+
#bodyContent{
-
    color: #999999; }
+
  width:100%;
-
    .right-menu li a {
+
  border:none;
-
    color: black;
+
  margin:0;
-
    background-color: white;
+
  padding:0;
}
}
-
#navbar
+
#bodyContent p {
-
ul.navbar {
+
margin:0;
-
float:right;
+
padding:0;
-
width:100%;
+
-
padding:0;
+
-
margin:0;
+
-
list-style-type:none;
+
}
}
 +
/* END IGEM Header Overrides */
 +
.ColorGreen {
 +
background-color: #ffd215;
 +
}
 +
#Header {
 +
height: 110px;
 +
width:100%;
 +
border-bottom-width: 1px;
 +
border-bottom-style: solid;
 +
border-bottom-color: #000;
 +
background-image: url(https://static.igem.org/mediawiki/2011/5/54/MichBanner.png);
 +
background-repeat: no-repeat;
 +
background-position: right;
}
}
#NavBar {
#NavBar {
Line 72: Line 91:
}
}
-
#long {
+
#TopContainer {
-
width:10em;
+
        width:100%;
 +
margin: 0px;
 +
padding: 0px;
 +
height: auto;
 +
padding: 0;
 +
}
 +
.RightBar {
 +
color: #D6D6D6;
 +
background-color: #999;
 +
position: absolute;
 +
height: 100%;
 +
width: 20%;
 +
right: 0px;
 +
        top:0px;
 +
opacity:0.3;
 +
}
 +
.LeftBar {
 +
color: #D6D6D6;
 +
background-color: #999;
 +
position: absolute;
 +
height: 100%;
 +
width: 10%;
 +
right: 0px;
 +
opacity:0.3;
 +
}
 +
.TopBar {
 +
color: #333333;
 +
background-color: #999;
 +
position: absolute;
 +
height: 20%;
 +
width: 100%;
 +
top: 0px;
 +
opacity:0.3;
 +
text-align: right;
 +
}
 +
#BLMaizeTile{
 +
z-index:1;
 +
}
 +
#TLBlueTile{
 +
z-index:2;
 +
}
 +
.ThinTopBar {
 +
color: #333333;
 +
background-color: #999;
 +
position: absolute;
 +
height: 15%;
 +
width: 100%;
 +
top: 0px;
 +
        left:0px;
 +
opacity:0.3;
 +
text-align: right;
 +
}
 +
#ContentArea {
 +
height: auto;
 +
width:100%;
 +
float:left;
 +
        margin-bottom:40px;
 +
        margin-left:40px;
 +
}
 +
#NavBar a:link {
 +
font-size: 15px;
 +
font-style: normal;
 +
font-weight: bold;
 +
text-decoration: none;
 +
color: #0d2546;
 +
margin-top: 10px;
 +
margin-right: 4px;
 +
margin-bottom: 4px;
 +
margin-left: 4px;
 +
}
 +
#Footer {
 +
float:left;
 +
height: 100px;
 +
width:100%;
 +
border-top:1px solid #000000;
 +
}
 +
#ImgPicker {
 +
color: #999;
 +
background-color: #999;
 +
height: 20%;
 +
width: 100%;
 +
z-index: 5;
 +
position: absolute;
 +
bottom: 0px;
 +
opacity:0.4;
 +
}
 +
#Logo, #Header img.current {
 +
float:left;
 +
        clear:right;
 +
}
 +
.ColorBlue {
 +
background-color: #A1BAC0;
 +
}
 +
.ColorBlueLight {
 +
background-color:#455c84;
 +
}
 +
#Abstract {
 +
height: 300px;
 +
width: 500px;
 +
float: left;
 +
}
 +
.ColorWhite {
 +
background-color: #FFFFFF;
 +
}
 +
.dvdr {
 +
color: #FFF;
 +
}
 +
#SlidePanel {
 +
float: left;
 +
height: 100%;
 +
width: 100%;
 +
background-color: #CCC;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
.tile {
 +
float: left;
 +
height: 300px;
 +
width: 300px;
 +
display: block;
 +
position: relative;
 +
        overflow:visible;
}
}
 +
.LargeContentPlane {
 +
        border: 2px solid;
 +
        border-color:#000000;
 +
        border-radius:10px;
 +
        width:90%;
 +
        height:auto;
 +
        margin:10px;
 +
        padding:15px;
 +
        float:left;
}
}
-
.navbar {
+
.ProfPic {
-
padding:0 0px;
+
float: left;
 +
height: 170px;
 +
width: 170pxpx;
 +
display: block;
 +
position: relative;
 +
        clear:left;
 +
        margin-bottom:20px;
}
}
 +
.ProfDisc {
 +
        float:left;
 +
        clear:right;
 +
        width:500px;
 +
        height:170px;
 +
        display:block;
 +
        position:relative;
 +
        margin-bottom:20px;
 +
}
 +
.tileLong {
 +
float: left;
 +
height: 300px;
 +
width: 600px;
 +
display: block;
 +
padding: 0px;
 +
position: relative;
 +
}
 +
.tileLongContent {
 +
float: left;
 +
height: auto;
 +
width: 90%;
 +
display: block;
 +
padding: 20px;
 +
position: relative;
 +
}
 +
#ProjTitle h3 {
 +
margin-right: 20px;
 +
}
 +
.CurrentSlide {
 +
display: inherit;
 +
vertical-align: middle;
 +
text-align: center;
 +
height: 100%;
 +
width: 100%;
 +
}
 +
.TeamPic {
 +
display: inherit;
 +
vertical-align: middle;
 +
text-align: center;
 +
height: 100%;
 +
width: 100%;
 +
}
 +
#NavBar a:hover {
 +
color: #000;
 +
text-decoration: underline;
 +
}
 +
#ProjTitle {
 +
font-size: 1.2em;
 +
font-style: italic;
 +
font-weight: bold;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
text-decoration: none;
 +
float: left;
 +
text-align: right;
 +
height: auto;
 +
width: 100%;
 +
margin-top:10px;
 +
padding-right: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 10px;
 +
padding-left: 0px;
 +
        border-bottom:1px solid white;
 +
}
-
</style>
+
#HPButton {
-
</head>
+
  width:150px;
 +
  height:auto;
 +
  margin:10px;
 +
  margin-left:20px;
 +
  padding:10px;
 +
  float:left;
 +
  text-align:center;
 +
  position:relative;
 +
}
 +
#BLImageHome {
 +
  display:block;
 +
  width:300px;
 +
  height:600px;
 +
  overflow:visible;
 +
  z-index:3;
 +
}
 +
.Slide
 +
{
 +
display:none;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
.MouseOverImg {
 +
height: auto;
 +
width: 300px;
 +
opacity: 0.2;
 +
}
 +
#ProjDesc {
 +
        font-size:1.1em;
 +
margin-top: 10px;
 +
padding-top: 70px;
 +
padding-right: 20px;
 +
padding-bottom: 20px;
 +
padding-left: 20px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
color: #CCC;
 +
}
-
<body>
+
.ProfText {
-
<div id="TopContainer">
+
        font-size:1.1em;
 +
margin-top: 10px;
 +
padding:5px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
color: #CCC;
 +
}
-
<div id="Header" class="ColorBlue">
+
#ProjDesc h2 {
-
    <img id="Logo" src="https://static.igem.org/mediawiki/2012/d/d0/Navbarimage.png" width="300" height="200" />
+
        color:white;
-
+
        font-size:1.2em;
-
  <ul class="NavBar">
+
}
-
       
+
 
-
      <a href="https://2012.igem.org/Team:Nevada">Home</a> <b class="dvdr">|</b>
+
.MouseOverImg:Hover {
-
            <a href="https://2012.igem.org/Team:Nevada/Project/">Project</a> <b class="dvdr">|</b>
+
opacity: 1;
-
            <a href="https://2012.igem.org/Team:Nevada/Team/">Team</a> <b class="dvdr">|</b>
+
}
-
            <a href="https://igem.org/Team.cgi?year=2012&team_name=Nevada">Official Team Page</a> <b class="dvdr">|</b>
+
 
-
            <a href="https://2012.igem.org/Team:Nevada/Parts">Parts Submitted to Registry</a> <b class="dvdr">|</b>
+
</style>
-
            <a href="https://2012.igem.org/Team:Nevada/Modeling/">Modeling</a> <b class="dvdr">|</b>
+
-
            <a href="https://2012.igem.org/Team:Nevada/Notebook">Notebook</a> <b class="dvdr">|</b>
+
-
            <a href="https://2012.igem.org/Team:Nevada/Safety">Safety</a> <b class="dvdr">|</b>
+
-
            <a href="https://2012.igem.org/Team:Nevada/Attributions">Attributions</a>
+
-
    </ul>
+
 +
<script>
 +
function swapImage()
 +
{
 +
var $curr = $('.CurrentSlide');
 +
var $next;
 +
if($('.CurrentSlide').next().length > 0 )
 +
{
 +
$next=$('.CurrentSlide').next();
 +
}
 +
else
 +
{
 +
$next = $('#SlidePanel img:first');
 +
}
 +
 +
$curr.fadeOut('slow',function(){$curr.removeClass('CurrentSlide');$next.fadeIn('slow');$next.addClass('CurrentSlide');});
 +
 +
}
 +
$(document).ready( function() {
 +
setInterval("swapImage()",3000);
 +
});
 +
</script>
-
</body>
 
</html>
</html>

Revision as of 22:44, 13 June 2012

Retrieved from "http://2012.igem.org/Template:Team:Nevada:Header"