Template:Nevada/Main

From 2014.igem.org

(Difference between revisions)
Line 93: Line 93:
/*important for background colours*/
/*important for background colours*/
.mediawiki{
.mediawiki{
-
background: #ffffff;
+
background: https://static.igem.org/mediawiki/2014/8/8e/Unr_joe.jpg;
}
}
/***End minimal header***/
/***End minimal header***/
 +
/*Base styles*/
 +
#content{
 +
border: none;
 +
}
 +
h1, h2, h3, h4, #css-full, #css-mobi{
 +
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 +
border: 0;
 +
font-weight: 400;
 +
}
 +
 +
#css-full, #css-mobi{
 +
position: absolute;
 +
float: right;
 +
color: black;
 +
font-size: 1.3em;
 +
top: 0px;
 +
right: 15px;
 +
display: block;
 +
padding: 10px;
 +
}
 +
 +
#jsnotice{
 +
background-color: #4ED92F;
 +
}
 +
 +
#table{
 +
margin: 10px;
 +
}
</style>
</style>
-
<head>
+
 
-
<meta charset="utf-8" />
+
<!--desktop-->
-
<title>Thin HTML5 Coming Soon Template</title>
+
<style type="text/css">
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Nevada/flexi-background.css.UniversityofNevada?action=raw&ctype=text/css" type="text/css" media="screen" />
+
/*======
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Nevada/ml-coming-soon.css.UniversityofNevada?action=raw&ctype=text/css" type="text/css" media="screen" />
+
Desktop Styling
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+
Thanks a lot to the 2012 Calgary team for snippets of their code!
-
<script type="text/javascript">
+
Check out their wiki at:
-
// MediaLoot jQuery Countdown Timer
+
https://2012.igem.org/Team:Calgary
-
// Description: Allows you to choose which unit of time from which to countdown and allows you to style each unit of time separately.
+
======*/
-
// Author: Natalie Hipp | MediaLoot.com
+
 
-
// URL: http://medialoot.com/item/
+
/***Nav styling***/
 +
header{
 +
position: relative;
 +
top: -45px;
 +
z-index: 999;
 +
}
 +
 
 +
#nav-wrap{
 +
height: 0px;
 +
margin-top: -45px;
 +
}
 +
 
 +
#nav, #nav ul{
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 965px;
 +
height: 100%;
 +
display: table;
-
$(document).ready(function() {
+
-
+
}
-
function mlCountdown() {
+
-
// Step 1: Make sure to call jQuery in your <head>
+
/*To be moved to JQ block*/
-
// Step 2: Fill in the following two variables
+
#menu-icon{
-
var eventTime = '1414627201'; // Unix Event Time - Get your stamp from http://www.unixtimestamp.com/index.php
+
display: none;
-
+
}
-
var startFrom = 'D'; // Adjust from which time unit you'd like to countdown: Use D for days, H for hours, M for minutes, or S for seconds.
+
 
-
+
/*menu*/
-
// Step 3: Add some spans in your HTML
+
#nav li{
-
/* Each Unit of time is displayed independently so that you can style them differently.
+
height: auto;
-
+
padding: 0;
-
Create <span>'s for each unit of time. Each span must have the class "ml-countdown" and then add the appropriate following classes for what you'd like to display: "days", "hours", "minutes", & "seconds".
+
list-style: none;
-
+
float: left;
-
For example, to display the number of days remaining, add this: <span class="ml-countdown days"></span>
+
width: auto;
-
*/
+
margin: 0;
-
+
background: #333333;
-
// We'll take it from here
+
position: relative;
-
var currentTime = Math.round(new Date().getTime() / 1000); // Grabs current time in seconds
+
}
-
var timeLeft = eventTime - currentTime;
+
#nav > li a{
-
+
padding: 0 15px;
-
// Calculate numbers based on what kind of time they want to count from
+
}
-
if (startFrom == 'S') {
+
#nav > li{
-
var scLeft = Math.floor(timeLeft);
+
background: transparent;
-
+
}
-
$(".ml-countdown.seconds").html(scLeft);
+
-
}
+
/*submenu*/
-
else if (startFrom == 'M') {
+
#nav li ul {
-
var minLeft = Math.floor(timeLeft / 60);
+
position: absolute;
-
var scLeft1 = timeLeft - (minLeft * 60); // number of whole minutes
+
width: auto;
-
var scLeft = Math.floor(scLeft1);
+
display: none;
-
+
}
-
$(".ml-countdown.minutes").html(minLeft);
+
#nav li:hover ul {
-
$(".ml-countdown.seconds").html(scLeft);
+
display: block;
-
}
+
}
-
else if (startFrom == 'H') {
+
/*sub-submenu*/
-
var hrLeft = Math.floor(timeLeft / 60 / 60);
+
#nav li ul ul{
-
var minLeft1 = hrLeft * 60 * 60; // number of whole hours
+
margin-left: 255px;
-
var minLeft2 = timeLeft - minLeft1;
+
margin-top: -15px;
-
var minLeft = Math.floor(minLeft2 / 60);
+
}
-
var scLeft1 = minLeft * 60; //number of whole minutes
+
#nav li:hover ul ul{
-
var scLeft2 = timeLeft - minLeft1 - scLeft1;
+
display: none;
-
var scLeft = Math.floor(scLeft2);
+
}
-
+
#nav li:hover ul, #nav li li:hover ul{
-
$(".ml-countdown.hours").html(hrLeft);
+
display: block;
-
$(".ml-countdown.minutes").html(minLeft);
+
}
-
$(".ml-countdown.seconds").html(scLeft);
+
#nav a{
-
}
+
display: block;
-
// Otherwise, default as if counting from days
+
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
-
else {
+
color: white;
-
var dayLeft = Math.floor(timeLeft / 60 / 60 / 24);
+
}
-
var hrLeft1 = dayLeft * 24 * 60 * 60; // days left in seconds
+
#nav li a{
-
var hrLeft2 = timeLeft - hrLeft1;
+
line-height: 1.4em; /*centers the text vertically*/
-
var hrLeft = Math.floor(hrLeft2 / 60 / 60);
+
font-size: 2em;
-
var minLeft1 = hrLeft * 60 * 60; // hours left in seconds
+
}
-
var minLeft2 = timeLeft - hrLeft1 - minLeft1;
+
#nav ul li > a{
-
var minLeft = Math.floor(minLeft2 / 60);
+
width: 225px;
-
var scLeft1 = minLeft * 60; // minutes left in seconds
+
-
var scLeft2 = timeLeft - hrLeft1 - minLeft1 - scLeft1;
+
-
var scLeft = Math.floor(scLeft2);
+
-
+
-
+
-
$(".ml-countdown.days").html(dayLeft);
+
-
$(".ml-countdown.hours").html(hrLeft);
+
-
$(".ml-countdown.minutes").html(minLeft);
+
-
$(".ml-countdown.seconds").html(scLeft);
+
-
}
+
}
}
-
+
/*color change after rollover*/
-
window.onload=mlCountdown;
+
#nav li a:hover, #nav li li a.drop:hover::after{
-
window.setInterval( mlCountdown, 1000);
+
display: block;
-
+
text-decoration: none;
-
});
+
color: #4e9600;
-
</script>
+
}
 +
#nav li ul li ul{
 +
margin-top: -32px;
 +
position: absolute;
 +
}
 +
/*submenu and sub-submenu*/
 +
#nav li ul li ul li a, #nav li ul li a{
 +
font-size: 1.7em;
 +
}
 +
#nav li li a.drop:after{
 +
content: '>';
 +
padding-left: 20px;
 +
color: #BBB;
 +
display: inline;
 +
float: right;
 +
}
 +
 
 +
/***End nav styling***/
 +
 
 +
/***Headerimage***/
 +
#headerimage{
 +
width: 968px;
 +
position: relative;
 +
margin-left: 0px;
 +
margin-bottom: 10px;
 +
top: 0px;
 +
}
 +
#css-full{
 +
display: none;
 +
}
 +
#css-mobi{
 +
display: block;
 +
top: 0px;
 +
}
 +
 
 +
/***Logo styling***/
 +
#logo{
 +
position: absolute;
 +
top: 10px;
 +
right: 20px;
 +
float: right;
 +
}
 +
 
 +
#logo img{
 +
width: 260px;
 +
}
 +
 +
/*hub page CSS*/
 +
a.hublink{
 +
text-decoration: none;
 +
margin-left: 15px;
 +
margin-right: 15px;
 +
}
 +
div.hubbox{
 +
margin-left: 15px;
 +
}
 +
div.hubbox img{
 +
float: left;
 +
padding: 15px;
 +
}
 +
div.hubbox h2{
 +
color: white;
 +
padding: 15px 15px 0px 15px;
 +
font-size: 2.0em;
 +
margin-left: 120px !important;
 +
}
 +
div.hubbox p{
 +
color: white;
 +
padding: 0px 15px 15px 15px;
 +
margin-left: 120px !important;
 +
}
 +
div.hubbox b{
 +
font-size: 1.1em;
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
 
 +
    jQuery(document).ready(function ($) {
 +
 
 +
        //eliminate jsnotice
 +
        $('#jsnotice').hide();
 +
 
 +
        //prepend menu icon
 +
        $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
 +
 
 +
        //toggle nav
 +
        $("#menu-icon").click(function () {
 +
            $("#nav").slideToggle('fast');
 +
            $(this).toggleClass("active");
 +
 
 +
        });
 +
 
 +
        //hide url bar
 +
        window.scrollTo(0, 1);
 +
 
 +
 
 +
 
 +
    });
 +
 
 +
</script>
 +
 
 +
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
 +
 
 +
<script type="text/javascript">
 +
 
 +
    var _gaq = _gaq || [];
 +
    _gaq.push(['_setAccount', 'UA-32774032-1']);
 +
    _gaq.push(['_trackPageview']);
 +
 
 +
    (function () {
 +
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
    })();
 +
 
 +
</script>
 +
 
</head>
</head>
 +
<body>
<body>
-
<script src="https://2014.igem.org/Team:Nevada/flexi-background.js.UniversityofNevada?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 
-
<header>
 
-
<div class="wrapper">
 
-
<ul class="countdown">
 
-
<li><span class="ml-countdown days"></span>Days</li>
 
-
<li><span class="ml-countdown hours"></span>Hours</li>
 
-
<li><span class="ml-countdown minutes"></span>Mins</li>
 
-
<li><span class="ml-countdown seconds"></span>Secs</li>
 
-
</ul>
 
-
</div>
 
-
</header>
 
-
    <div class="body_wrapper">
 
-
    <div class="connect">
 
-
    <p>
 
-
      <img src="https://static.igem.org/mediawiki/2014/7/7e/Unr_igem_2014_nav_bar_image.png" width="300" height="200">
 
-
      </p>
 
-
      </div>
 
-
<div class="wrapper">
 
-
<h2>Team Nevada - Coming Soon</h2>
 
-
<p>Since its <strong>inception in 2003 </strong> at MIT, the iGEM competition has  grown to an international level  bringing  bringing <strong>thousands of international students </strong>together
 
-
is dedicated to education and competition, to the advancement of synthetic biology,and the development of open community and collaboration.</p>
 
-
<h2><strong>Team Nevada's goal:</strong> </h2>
+
<header>
-
                  <p> To regulate transcription and translation using the rapid response hormone auxin. Other Eukaryotes lack the auxin response but <strong> share the SCF degradation pathway </strong>, allowing us to transplant the auxin-inducibly degron <strong>(AID) system </strong>into nonplant cells and use a small moleucle to conditionally control portein stability.</p>
+
<!--
-
<div class="connect">
+
<a id="css-full" href="#default">Full View</a>
-
        <p>
+
<a id="css-mobi" href="#mobile">Mobile View</a>
-
        <a class="awesome" href="https://supportnevada.unr.edu/sslpage.aspx?pid=355">Click Here to Become a Sponsor</a>
+
-->
-
        </p>
+
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2013/b/b8/Leaf1.png"></img></div>
-
        <h2><strong>Our Sponsors:</strong> </h2>
+
    <a id="logo" href="https://2013.igem.org/Team:UCSF"></html>{{{1|<html><img src="https://static.igem.org/mediawiki/2013/b/be/Ucsf_sig_rgb_1.png"></img></html>}}}<html></a>
-
        <p><img src="https://static.igem.org/mediawiki/2014/8/88/Nv_inbre_logo.jpg" width="375" height="95"><img src="https://static.igem.org/mediawiki/2014/f/ff/Unr_biotechnology.jpg" width="497" height="110"></p>
+
<div id="nav-wrap">
-
        <div id="mc_embed_signup">
+
<ul id="nav">
-
<form action="//unr.us8.list-manage.com/subscribe/post?u=1e17b269b9856183e91cf0eb4&amp;id=7fa80921ac" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+
<li><a href="https://2013.igem.org/Team:UCSF" id="homelink">Home</a></li>
-
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Subscribe to Our Newsletter" required>
+
<li><a class="drop" id="projectlink">Project</a>
-
                <div style="position: absolute; left: -5000px;"><input type="text" name="b_1e17b269b9856183e91cf0eb4_7fa80921ac" tabindex="-1" value=""></div>
+
<ul>
-
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+
<li>
-
</form>
+
<a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li>
-
</div>
+
                         
-
<ul>
+
</li>
-
           
+
<li>
-
<li class="twitter"><a href="http://www.twitter.com/iGEM_UNR">Twitter</a></li>
+
<a class="drop" id="projectlink">CRISPRi Conjugation</a>
 +
                                                        <ul>                                                      
 +
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Design">Project Design</a></li>
 +
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Data">Data</a></li>
 +
                                                      </ul>
 +
</li>
 +
<li>
 +
<a class="drop" id="projectlink">CRISPRi Circuit</a>
 +
                                                        <ul>                                                       
 +
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Circuit/Design">Circuit Design</a></li>
 +
<li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Promoter">Promoter Engineering</a></li>
 +
                                                            <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Circuit/Data">Data</a></li>
 +
                                             
 +
        </ul>
 +
</li>
 +
 +
</ul>
 +
</li>
 +
 +
 +
                <li><a class="drop" id="projectlink">Modeling</a>
 +
<ul>
 +
 +
<li><a  href="https://2013.igem.org/Team:UCSF/Modeling2">Conjugation Modeling</a></li>
 +
 +
<li><a  href="https://2013.igem.org/Team:UCSF/Modeling">Circuit Modeling</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
 +
<li><a class="drop" id="outreachlink">Human Practices</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:UCSF/Exploratorium">Exploratorium</a></li>
 +
<li><a href="https://2013.igem.org/Team:UCSF/ALHS Project">Lincoln High</a></li>
 +
<li><a href="https://2013.igem.org/Team:UCSF/Materials">Materials</a></li>
 +
<li><a href="https://2013.igem.org/Team:UCSF/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
 +
 +
 +
<li><a class="drop" id="notebooklink">Protocols</a>
 +
<ul>
 +
      <li><a href="https://2013.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li>
 +
<ul>
 +
                                <li><a href="https://2012.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
 +
                                <li><a href="https://2012.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li>
 +
</ul>
 +
                        </li>
 +
</ul>
 +
</li>
 +
<li><a class="drop" id="outreachlink">Judging</a>
 +
 +
<ul>
 +
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Attribute">Attributions</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Accomplish">Accomplishments</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Implications">Implications</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:UCSF/Parts">Parts</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:UCSF/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="drop" id="team">Team</a>
 +
<ul>
 +
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/About Us">About Us</a></li>
 +
<li><a href="https://2013.igem.org/Team:UCSF/Team">Members</a></li>
 +
                   
 +
<li><a href="https://2013.igem.org/Team:UCSF/Advisors">Advisors</a></li>
 +
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Mentors&Instructors">Mentors</a></li>
 +
                        <li><a class="dropheader" href="https://igem.org/Team.cgi?year=2013&team_name=UCSF">Profile</a></li>
 +
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/ContactUs">Contact Us</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
 +
<li><a href="https://2013.igem.org" target="_blank">iGEM</a></li>
</ul>
</ul>
 +
</div>
</div>
-
        </div>
+
</header>
-
        <p> For any questions, comments, or concerns contact Veronica Zapida at veronica.zepeda@gmail.com
+
-
        </p>
+
-
</div>
+
</body>
</body>
</html>
</html>

Revision as of 23:13, 17 July 2014

Retrieved from "http://2014.igem.org/Template:Nevada/Main"