Team:Minnesota/Team

From 2012.igem.org

(Difference between revisions)
m
m
 
(8 intermediate revisions not shown)
Line 25: Line 25:
-
//main page image switcher
+
//Right nav button functions
$("#mainRightButton1").hover(
$("#mainRightButton1").hover(
Line 73: Line 73:
<style type="text/css">
<style type="text/css">
-
 
-
#ContentAll{
 
-
position:absolute;
 
-
width:1000px;
 
-
height:700px;
 
-
/*autocenter horizontally*/
 
-
left:50%;
 
-
margin-left:-500px;
 
-
 
-
background-color:#E17E7E;
 
-
}
 
-
 
-
 
-
#MainBanner{
 
-
/*set to be flush against content*/
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
margin:0px;
 
-
padding:0px;
 
-
width:1000px;
 
-
height:150px;
 
-
background-color:white;
 
-
 
-
 
-
}
 
-
 
-
#SideBarAll{
 
-
/*set to be flush against left and MainBanner*/
 
-
position:absolute;
 
-
top:150px;
 
-
left:0px;
 
-
width:200px;
 
-
height:550px;
 
-
background-color:white;
 
-
}
 
-
 
-
#MainBoxAll{
 
-
/*set to be flush against MainBanner and SideBarAll*/
 
-
position:absolute;
 
-
top:150px;
 
-
left:200px;
 
-
width: 800px;
 
-
height:550px;
 
-
background-color:white;
 
-
}
 
-
 
-
#MainBoxContent{
 
-
position:absolute;
 
-
width:750px;
 
-
height:450px;
 
-
background-color:gray;
 
-
left:25px;
 
-
top:25px;
 
-
}
 
-
 
-
#MainBoxOtherLinks{
 
-
position:absolute;
 
-
width: 800px;
 
-
height: 75px;
 
-
background-color: white;
 
-
top: 475px;
 
-
}
 
-
 
-
#MainBoxOtherLinks p.otherLinks{
 
-
position:absolute;
 
-
left:200px;
 
-
top:25px;
 
-
background-color: none;
 
-
color: gray;
 
-
 
-
}
 
-
 
-
#MainBoxOtherLinks p.otherLinks a{
 
-
  text-decoration:none;
 
-
  color: gray;
 
-
}
 
-
 
-
#MainBoxOtherLinks p.otherLinks a:hover{
 
-
  text-decoration:underline;
 
-
}
 
-
 
-
 
-
body{
 
-
background-color:gray;
 
-
}
 
-
 
-
/*end container boxs*/
 
-
 
-
/*Start Revised sidebar styles*/
 
-
 
-
.sideNavBar2
 
-
{
 
-
position:absolute;
 
-
top:25px;
 
-
left:0px;
 
-
margin:0;
 
-
padding:0;
 
-
border:0px;
 
-
}
 
-
 
-
.sideNavBar2 ul li
 
-
{
 
-
list-style:none;
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
 
-
.sideNavBar2 a{
 
-
    font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif;
 
-
    font-size:20px;
 
-
    //font-weight:600;
 
-
 
-
    padding-top:5px;
 
-
    padding-left:15px;
 
-
 
-
 
-
    text-decoration:none;
 
-
    background-color:white;
 
-
    display:block;
 
-
    width:150px;
 
-
    height:35px;
 
-
}
 
-
 
-
.sideNavBar2 a:link {
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style:none none none solid;
 
-
    border-color:white;
 
-
    color: gray;
 
-
 
-
}
 
-
 
-
.sideNavBar2 a:visited {
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style:none none none solid;
 
-
    border-color:white;
 
-
    color: gray;
 
-
}
 
-
 
-
.sideNavBar2 a:hover { /*cool button*/
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style: none none none solid;
 
-
    border-color:#660000 #660000 #660000 #660000;
 
-
    color: #FBB917;
 
-
}
 
-
.sideNavBar2 a:active {
 
-
    border-width:1px 1px 1px 3px;
 
-
    border-style: none none none solid;
 
-
    border-color:#660000 #660000 #660000 #660000;
 
-
    color: #FBB917;
 
-
}
 
-
 
-
.sideNavBar2 a.current{ /*force black for current button*/
 
-
    color: #660000;
 
-
}
 
-
 
-
.sideNavBar2 a.current:hover{ /*allow for gold to still happen for current button*/
 
-
    color: #FBB917;
 
-
}
 
-
 
-
.sideSocialMediaButtons{
 
-
position:absolute;
 
-
width:120px;
 
-
height:60px;
 
-
top:460px;
 
-
left:30px;
 
-
background-color:white;
 
-
}
 
-
 
-
 
-
/*End Revised sidebar styles*/
 
-
 
-
/*Start Main Content items*/
 
-
.rightNavButtons {
 
-
position:absolute;
 
-
top:140px;
 
-
left:695px;
 
-
width:80px;
 
-
height:220px;
 
-
background-color:transparent;
 
-
}
 
-
 
-
.rightNavButtons a{
 
-
display:block;
 
-
}
 
-
 
-
.mainContentTextBanner{
 
-
position:absolute;
 
-
top:350px;
 
-
left:0px;
 
-
width:730px;
 
-
height:80px;
 
-
background-color:#660000;
 
-
opacity:0.7;
 
-
font-size:20px;
 
-
color:white;
 
-
padding: 10px;
 
-
}
 
</style>
</style>
-
 
-
<script type="text/javascript">
 
-
function displayDate()
 
-
{
 
-
var currentDate = new Date();
 
-
var compDate = new Date(2012,10,3,0,0,0,0);
 
-
var dif = compDate - currentDate;
 
-
var sec = dif/1000;
 
-
var min = sec/60;
 
-
var hour = min/60;
 
-
var day = hour/24;
 
-
var week = Math.floor(day/7);
 
-
var dispday = Math.floor(day)%24;
 
-
var disphour = Math.floor(hour)%24;
 
-
var dispmin = Math.floor(min)%60;
 
-
var dispsec = Math.floor(sec)%60;
 
-
var dispString = "Time until iGEM North America East Regional Jamboree: " + week + " weeks, " + dispday + " days, " + disphour + " hours, " + dispmin + " minutes, " + dispsec + " seconds.";
 
-
document.getElementById("demo").innerHTML=dispString;
 
-
t=setTimeout('displayDate()',500);
 
-
 
-
}
 
-
</script>
 
</head>
</head>
Line 302: Line 82:
<div id="ContentAll">
<div id="ContentAll">
 +
<div id="MainBannerImage">
 +
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_trans.png">
 +
</div>
<div id="MainBanner">
<div id="MainBanner">
-
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_compressed.png">
 
</div>
</div>
Line 312: Line 94:
<li><a class="current" href='https://2012.igem.org/Team:Minnesota/Team'>TEAM</a></li>
<li><a class="current" href='https://2012.igem.org/Team:Minnesota/Team'>TEAM</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Project'>PROJECT</a></li>
 +
<li><a href='https://2012.igem.org/Team:Minnesota/Software'>SOFTWARE</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Notebook'>NOTEBOOK</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
<li><a href='https://2012.igem.org/Team:Minnesota/Attributions'>ATTRIBUTIONS</a></li>
Line 358: Line 141:
</div>
</div>
<div style="position:absolute;left:5px;top:75px;">
<div style="position:absolute;left:5px;top:75px;">
-
<a href="#"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png"></a>
+
<a href="https://2012.igem.org/Team:Minnesota/Team_Students"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/students_gold_img.png"></a>
</div>
</div>
<div style="position:absolute;left:5px;top:150px;">
<div style="position:absolute;left:5px;top:150px;">
-
<a href="#"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png"></a>
+
<a href="https://2012.igem.org/Team:Minnesota/Team_Mentors_Advisors"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png"></a>
</div>
</div>
Line 370: Line 153:
<div id="MainBoxOtherLinks">
<div id="MainBoxOtherLinks">
<p class="otherLinks">
<p class="otherLinks">
-
<a href="https://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://igem.org/Team.cgi?id=814">Team Minnesota Info</a> |  
+
<a href="https://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://2012.igem.org/Team:Minnesota/Judges" style="color:red;">iGEM Judge-Click Here!</a> | <a href="https://igem.org/Team.cgi?id=814">Team Minnesota Info</a> |  
-
<a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a>
+
<a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a> |  <a href="https://2012.igem.org/Team:Minnesota/Contact">Contact Us!</a>
</p>
</p>
</div> <!--end mainboxotherlinks-->
</div> <!--end mainboxotherlinks-->
-
 
Line 399: Line 181:
preload(
preload(
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png",
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png",
-
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image3_resized.png",
+
 
-
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png"
+
)
)
//--><!]]>
//--><!]]>

Latest revision as of 02:26, 4 October 2012

Team:Minnesota - Main Style Template Team:Minnesota

Like us on FB and follow us on Twitter!
Welcome to our team page! Our team is composed of great, enthusiastic, science-loving people! Use the icons on the right to find out more!