Team:CSU Fort Collins/Project/

From 2014.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
<html>
<html>
-
 
-
 
-
<title>Our Project</title>
 
-
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
 
-
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
 
-
 
-
<body style="background-size:100%; background-color:#EFEFEF">
 
-
 
-
 
<style type="text/css">
<style type="text/css">
-
A{
+
nav ul ul {
-
    color:#222222;
+
display: none;
-
}
+
-
A:visited{
+
-
    color:#222222;
+
-
}
+
-
A:hover{
+
-
    opacity:0.3;
+
-
    text-decoration:none;
+
-
}
+
-
h1,h2,h3,h4,h5,h6{
+
-
    font-family:'Bitter', serif;
+
-
    text-decoration:none;
+
-
    font-weight:700;
+
-
    color:#222222;
+
-
    border:none;
+
-
}
+
-
.pic{
+
-
          width:100px;
+
-
          height:100px;
+
-
          border-radius:100%;
+
-
    }
+
-
p{
+
-
    font-family:'Muli',sans-serif;
+
-
    font-weight:300;
+
-
    color:#222222;
+
}
}
-
td{
+
nav ul li:hover > ul {
-
    text-align:center;
+
display: block;
-
    padding:30px;
+
}
-
    font-family:Helvetica, Arial, sans-serif;
+
nav ul {
-
    font-size:15px;
+
background: #efefef;
 +
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
 +
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
 +
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);  
 +
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
 +
padding: 0 20px;
 +
border-radius: 10px;
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
}
}
-
 
+
nav ul:after {
-
.button{
+
content: ""; clear: both; display: block;
-
    display:inline;
+
}
-
    margin-left:15px;
+
nav ul li {
-
    margin-right:15px;
+
float: left;
-
    padding:10px;
+
-
    border-radius:5px;
+
-
    font-family:'Bitter', serif;
+
-
    font-size:15px;
+
}
}
-
ul ul {
+
nav ul li:hover {
-
display: none;
+
background: #4b545f;
 +
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
 +
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
 +
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
 +
}
 +
nav ul li:hover a {
 +
color: #fff;
 +
}
 +
 +
nav ul li a {
 +
display: block; padding: 25px 40px;
 +
color: #757575; text-decoration: none;
 +
}
 +
nav ul ul {
 +
background: #5f6975; border-radius: 0px; padding: 0;
 +
position: absolute; top: 100%;
}
}
-
 
+
nav ul ul li {
-
ul li:hover > ul {
+
float: none;
-
display: block;
+
border-top: 1px solid #6b727c;
 +
border-bottom: 1px solid #575f6a;
 +
position: relative;
}
}
-
 
+
nav ul ul li a {
 +
padding: 15px 40px;
 +
color: #fff;
 +
}
 +
nav ul ul li a:hover {
 +
background: #4b545f;
 +
}
 +
nav ul ul ul {
 +
position: absolute; left: 100%; top:0;
 +
}
</style>
</style>
-
 
+
<nav>
-
<!---navigation bar--->
+
<ul>
-
 
+
<li><a href="#">Home</a></li>
-
<center><div style="width:90%; padding:0px 30px">
+
<li><a href="#">Tutorials</a>
-
<ul>
+
<ul>
-
 
+
<li><a href="#">Photoshop</a></li>
-
<li class="button"><a href="/Team:CSU_Fort_Collins">Home</a></li>
+
<li><a href="#">Illustrator</a></li>
-
<li class="button"><a href="/Team:CSU_Fort_Collins/Team/">Team</a></li>
+
<li><a href="#">Web Design</a>
-
    <ul>
+
<ul>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/Team/">Member Profiles</a></li>
+
<li><a href="#">HTML</a></li>
-
    <li class="button"><a href="https://igem.org/Team.cgi">Official Team Profile</a></li>
+
<li><a href="#">CSS</a></li>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/Sponsors/">Sponsors</a></li>
+
</ul>
-
    </ul>
+
</li>
-
<li class="button"><a href="/Team:CSU_Fort_Collins/Project/">Project</a></li>
+
</ul>
-
    <ul>
+
</li>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/Biosensor/">Biosensor</a></li>
+
<li><a href="#">Articles</a>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/Breakdown/">Breakdown</a></li>
+
<ul>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/HVP/">High-Value Product</a></li>
+
<li><a href="#">Web Design</a></li>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/KillSwitch/">Kill Switch</a></li>
+
<li><a href="#">User Experience</a></li>
-
    </ul>
+
</ul>
-
<li class="button"><a href="/Team:CSU_Fort_Collins"><img src="https://static.igem.org/mediawiki/2014/0/03/CSULogo1.png" style="width:200px"/></a></li>
+
</li>
-
<li class="button"><a href="/Team:CSU_Fort_Collins/Outreach/">Outreach</a></li>
+
<li><a href="#">Inspiration</a></li>
-
    <ul>
+
</ul>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/Collaboration/">Collaboration</a></li>
+
</nav>
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/Events/">Events</a></li>
+
-
    <li class="button"><a href="/Team:CSU_Fort_Collins/GMO/">GMO Outreach</a></li>
+
-
    </ul>
+
-
<li class="button"><a href="/Team:CSU_Fort_Collins/Safety/">Safety</a></li>
+
-
<li class="button"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" style="height:50px"/></a></li>
+
-
</ul>
+
-
 
+
-
<br>
+
-
<br>
+
-
</div>
+
-
</center>
+
-
 
+
-
</body>
+
</html>
</html>

Revision as of 15:26, 18 June 2014