Team:Glendale CC AZ/main.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
[[File:Igemlogo.jpg|link=http://www.igem.org|90px|left|]]
+
<html>
-
[[File:GCCmini.png|link=https://2013.igem.org/Team:Glendale_CC_AZ/Protocols|120px|left|Protocols]]
+
<head>
-
[[File:Gel.png|link=https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/PCR|120px|left|PCR]]
+
<meta charset="UTF-8">
 +
<title>Untitled Document</title>
 +
<style type="text/css">
 +
 
 +
 
 +
 
 +
/*--Formatting to remove and alter wiki css defaults--*/
 +
#contentSub, .firstHeading, #footer-box, #catlinks, #search-controls { display:none;}
 +
#top-section {padding-top: 0px; border: none;}
 +
#globalWrapper, #content { width: 100%; background-color: #fff; border: none; margin: 0; padding: 0; position: relative;}
 +
html, body { height: 100%; background: #fff;}
 +
body {font: 10px normal Verdana, Arial, Helvetica, sans-serif;  color: #333; background: #f0f0f0;}
 +
#newcontainer { /*-- Footer specific edits http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ --*/
 +
width:975px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
position:relative;
 +
min-height: 100%;
 +
height: auto !important;
 +
height: 100%;
 +
border: 0px solid #000;
 +
margin: 0 auto -250px;
 +
color: #333;
 +
}
-
{|align="center"
 
-
|[[File:Gcclogo.gif|center|]]
 
-
|align="center"|
 
-
|}
 
-
<!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
 
-
<!--[if lt IE 9]>
 
-
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 
-
<![endif]-->
 
-
<html>
 
-
<head>
 
-
<style>
 
body
body
{
{
-
background:#ffffff url('img_tree.png') no-repeat right top;
+
background:#FFF
margin-right:200px;
margin-right:200px;
}
}
Line 61: Line 73:
     border: none;}
     border: none;}
#menubar {
#menubar {
-
     font-size: 65%;
+
     font-size: 100%;
-
     top: -14px;}
+
     top: -16px;}
.left-menu:hover {
.left-menu:hover {
     background-color: transparent;}
     background-color: transparent;}
Line 73: Line 85:
#menubar:hover li a {
#menubar:hover li a {
     color: white;}
     color: white;}
-
 
-
 
-
 
-
 
-
 
-
 
-
 
body {
body {
Line 113: Line 118:
-
#cssmenu ul,
+
 
-
#cssmenu li,
+
 
-
#cssmenu span,
+
 
-
#cssmenu a {
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
code {
 +
  background-color: #ddd;
 +
}
 +
.contentWrap {
 +
  padding: 2em;
 +
}
 +
.content {
 +
  width: 650px;
 +
  margin: 0 auto;
 +
  min-height: 1250px;
 +
  line-height: 1.5em;
 +
}
 +
h1 {
 +
  font-size: 2em;
 +
  line-height: 2em;
 +
}
 +
 
 +
/*** Styles for the main header ***/
 +
#main {
 +
  background-color: #B00000;
 +
  position: relative;
 +
  z-index: 1001;
 +
}
 +
  ul.nav {
 +
    padding-left: 0;
 +
  }
 +
ul.nav {
 +
  width: 650px;
 +
  margin: 0 auto;
 +
  overflow: hidden;
 +
}
 +
ul.nav li {
 +
float: left;
 +
list-style: none;
 +
margin: .5em .5em .5em 0;
 +
padding: .5em .5em .5em 0;
 +
font-size: 1.2em;
 +
}
 +
ul.nav li a {
 +
  text-decoration: none;
 +
  color: #000;
 +
}
 +
ul.nav li a:hover {
 +
  color: #FF2B44;
 +
  transition: color 400ms ease-out;
 +
}
 +
 +
/*** Styles for the sticky header ***/
 +
  #stickyContent {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    z-index: 1000;
 +
    background-color: #B3B3B3 ;
 +
  }
 +
  #stickyContent ul.nav li {
 +
    font-size: 1em;
 +
  }
 +
  #stickyContent ul.nav a {
 +
    color: #B00000;
 +
  }
 +
  #stickyContent ul.nav .text{
 +
    display: none;
 +
  }
 +
 
 +
 
 +
<style type="text/css">
 +
* {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 
 +
html {
 +
  font-size:50%;
 +
  -webkit-font-smoothing: antialiased;
 +
}
 +
 
 +
body {
 +
  font-family: "Source Sans Pro";
 +
  font-size:1.6rem;
 +
  line-height: 2.3rem;
 +
  color:#444;
 +
  background: #fff;
 +
  margin:0;
 +
}
 +
 
 +
a {
 +
  color: #06c;
 +
  transition: color .3s;
 +
}
 +
 
 +
a:hover {
 +
  color: #012c57;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6, h7 {
 +
  font-family: "Futura";
 +
  line-height:2.6rem;
 +
  font-weight:normal;
 +
  color: #111;
 +
}
 +
 
 +
.content-area {
 +
  width:850px;
 +
  padding:2rem;
 +
  margin:auto;
 +
  background: #f9f9f9;
 +
}
 +
 
 +
.content-area h1 {
 +
  font-size: 2.7rem;
 +
}
 +
 
 +
.content-area h2 {
 +
  font-size: 2.2rem;
 +
}
 +
 
 +
.content-area h3 {
 +
  font-size: 2.7rem;
 +
}
 +
 
 +
.content-area h4 {
 +
  font-size: 1.6rem;
 +
}
 +
 
 +
.content-area h5 {
 +
  font-size: 1.4rem;
 +
}
 +
 
 +
.content-area h6 {
 +
  font-size: 1.2rem;
 +
}
 +
 
 +
.content-area aside {
 +
  float:right;
 +
  width:50%;
 +
  padding:2rem;
 +
 
 +
.blockquote {
 +
font-family: Georgia, serif;
 +
font-size: 18px;
 +
font-style: italic;
 +
width: 500px;
 +
margin: 0.25em 0;
 +
padding: 0.35em 40px;
 +
line-height: 1.45;
 +
position: relative;
 +
color: #383838;
 +
}
 +
 
 +
.blockquote:before {
 +
display: block;
 +
padding-left: 10px;
 +
content: "\201C";
 +
font-size: 80px;
 +
position: absolute;
 +
left: -20px;
 +
top: -20px;
 +
color: #7a7a7a;
 +
}
 +
 
 +
.blockquote cite {
 +
color: #999999;
 +
font-size: 14px;
 +
display: block;
 +
margin-top: 5px;
 +
}
 +
 +
.blockquote cite:before {
 +
content: "\2014 \2009";
 +
}
 +
 
 +
 
 +
  __
 +
 
 +
 
 +
 
 +
  * {
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
-
   position: relative;
+
   border: 0;
 +
  outline: none;
 +
  text-decoration: none;
 +
  list-style: none;
 +
  font-weight: 200;
 +
  -webkit-font-smoothing: antialiased;
 +
  line-height: 1em;
 +
  font-family: segoe ui, helvetica neue, helvetica, arial, sans-serif;
 +
  box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
}
}
-
#cssmenu {
+
 
-
  height: 49px;
+
/* Defaults */
-
  border-radius: 5px 5px 0 0;
+
body {
-
  -moz-border-radius: 5px 5px 0 0;
+
   font-size: 16px;
-
  -webkit-border-radius: 5px 5px 0 0;
+
   background: #e5e5e5;
-
  background: #141414;
+
-
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
+
-
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
+
-
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
   background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
+
-
  border-bottom: 2px solid #e00f16;
+
}
}
-
#cssmenu:after,
+
 
-
#cssmenu ul:after {
+
h1 {
-
   content: '';
+
  font-size: 180%;
 +
  color: #fff;
 +
}
 +
 
 +
h2 {
 +
  font-size: 160%;
 +
  color: #666;
 +
  padding-bottom: 15px;
 +
}
 +
 
 +
h3 {
 +
   font-size: 120%;
 +
  color: #ccc;
 +
  padding-bottom: 15px;
 +
}
 +
 
 +
img {
   display: block;
   display: block;
-
   clear: both;
+
   width: 100%;
}
}
-
#cssmenu a {
+
 
-
  background: #141414;
+
p, a, span, li {
-
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
+
   font-size: 90%;
-
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
+
   line-height: 25px;
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
+
   color: #666;
-
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
+
-
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
+
-
  color: #ffffff;
+
-
  display: inline-block;
+
-
  font-family: Helvetica, Arial, Verdana, sans-serif;
+
-
   font-size: 12px;
+
-
   line-height: 49px;
+
-
   padding: 0 20px;
+
-
  text-decoration: none;
+
}
}
-
#cssmenu ul {
+
 
-
   list-style: none;
+
p a, li a, h1 a, p span {
 +
   color: inherit;
 +
  font-size: inherit;
}
}
-
#cssmenu > ul {
+
 
-
   float: left;
+
p a {
 +
   color: #48C7C1;
}
}
-
#cssmenu > ul > li {
+
 
-
   float: left;
+
p a:hover {
 +
   text-decoration: underline;
}
}
-
#cssmenu > ul > li:hover:after {
+
 
-
   content: '';
+
p.tags {
-
  display: block;
+
   padding-top: 10px;
-
  width: 0;
+
-
  height: 0;
+
-
  position: absolute;
+
-
  left: 50%;
+
-
  bottom: 0;
+
-
  border-left: 10px solid transparent;
+
-
  border-right: 10px solid transparent;
+
-
  border-bottom: 10px solid #e00f16;
+
-
  margin-left: -10px;
+
}
}
-
#cssmenu > ul > li:first-child > a {
+
 
-
   border-radius: 5px 0 0 0;
+
p.tags a {
-
   -moz-border-radius: 5px 0 0 0;
+
   padding: 0px 5px 0px 5px;
-
   -webkit-border-radius: 5px 0 0 0;
+
   background: #222;
 +
  margin-right: 5px;
 +
  border-radius: 2px;
 +
   color: #999;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  margin-top: 5px;
}
}
-
#cssmenu > ul > li:last-child > a {
+
 
-
   border-radius: 0 5px 0 0;
+
.wrapper {
-
   -moz-border-radius: 0 5px 0 0;
+
   width: 960px;
-
   -webkit-border-radius: 0 5px 0 0;
+
   margin: 0px auto;
 +
   overflow: hidden;
 +
  word-wrap: break-word;
}
}
-
#cssmenu > ul > li.active > a {
+
 
-
   box-shadow: inset 0 0 3px #000000;
+
/* Buttons */
-
   -moz-box-shadow: inset 0 0 3px #000000;
+
.button {
-
   -webkit-box-shadow: inset 0 0 3px #000000;
+
   background: #48C7C1;
-
   background: #070707;
+
   border-radius: 2px;
-
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;  
+
   padding: 15px 0px 15px 0px;
-
   background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
+
   width: 100%;
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
+
   color: #fff;
-
   background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
+
   font-size: 90%;
-
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
+
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-
   background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
+
   cursor: pointer;
-
   background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
+
   font-weight: 400;
}
}
-
#cssmenu > ul > li:hover > a {
+
 
-
  background: #070707;
+
 
-
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
+
/* Wrapper Sections */
-
   background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
+
.wrapper.container {
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
+
   background: #fff;
-
   background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
+
   padding: 30px;
-
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
+
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
-
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
+
   margin-bottom: 30px;
-
   background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
+
   border-radius: 2px;
-
  box-shadow: inset 0 0 3px #000000;
+
-
   -moz-box-shadow: inset 0 0 3px #000000;
+
-
  -webkit-box-shadow: inset 0 0 3px #000000;
+
}
}
-
#cssmenu .has-sub {
+
 
-
   z-index: 1;
+
.wrapper.footer {
 +
   background: #222;
 +
  padding: 30px;
 +
  border-radius: 2px 2px 0px 0px;
}
}
-
#cssmenu .has-sub:hover > ul {
+
 
-
   display: block;
+
.wrapper.footer ul li a {
 +
   color: #999;
}
}
-
#cssmenu .has-sub ul {
+
 
-
   display: none;
+
/* Columns */
-
  position: absolute;
+
.col {
-
  width: 200px;
+
   float: left;
-
  top: 100%;
+
-
  left: 0;
+
}
}
-
#cssmenu .has-sub ul li {
+
 
-
   *margin-bottom: -1px;
+
.col.quarter {
 +
   width: 25%;
}
}
-
#cssmenu .has-sub ul li a {
+
 
-
   background: #e00f16;
+
.col.threeQuarter {
-
  border-bottom: 1px dotted #ec6f73;
+
   width: 75%;
-
  filter: none;
+
-
  font-size: 11px;
+
-
  display: block;
+
-
  line-height: 120%;
+
-
  padding: 10px;
+
}
}
-
#cssmenu .has-sub ul li:hover a {
+
 
-
   background: #b00c11;
+
.col.border {
 +
  min-height: 200px;
 +
   border-right: 1px solid #ddd;
 +
  padding-right: 30px;
}
}
-
#cssmenu .has-sub .has-sub:hover > ul {
+
 
 +
.col.padding {
 +
  padding-left: 30px;
 +
}
 +
 
 +
/* Sections */
 +
.section {<script type="text/javascript">
 +
document.getElementById('stickyContent').innerHTML = document.getElementById('main').innerHTML;
 +
 
 +
</script>
 +
  padding-bottom: 15px;
 +
  margin-bottom: 15px;
 +
  border-bottom: 1px solid #ddd;
 +
}
 +
 
 +
.section.last {
 +
  border: 0;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
.section.price p {
 +
  text-align: center;
   display: block;
   display: block;
 +
  font-size: 120%;
}
}
-
#cssmenu .has-sub .has-sub ul {
+
 
-
   display: none;
+
/* Gallery */
-
  position: absolute;
+
.section.gallery {
-
  left: 100%;
+
   overflow: hidden;
-
   top: 0;
+
   padding: 0px 0px 0px 15px;
}
}
-
#cssmenu .has-sub .has-sub ul li a {
+
 
-
   background: #b00c11;
+
.gallery img {
-
   border-bottom: 1px dotted #d06d70;
+
   float: left;
 +
  width: 33.33%;
 +
  padding: 0px 15px 15px 0px;
 +
   cursor: pointer;
}
}
-
#cssmenu .has-sub .has-sub ul li a:hover {
+
 
-
   background: #80090d;
+
/* Media */
 +
@media all and (max-width: 960px) and (min-width: 800px) {
 +
   .wrapper {
 +
    width: auto;
 +
  }
}
}
-
</style>
+
@media all and (max-width: 650px) {
 +
  .wrapper {
 +
    width: 650px;
 +
  }
 +
}
 +
 
 +
 +
</style>
 +
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
</head>
-
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
+
 
-
<link href="../Downloads/cssmenu-1/menu_assets/styles.css" rel="stylesheet" type="text/css">
+
<header>
-
<div id='cssmenu'>
+
-
<ul>
+
 
-
  <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ'><span>Home</span></a></li>
+
 
-
  <li class='has-sub'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Team/students'><span>Team</span></a>
+
  <div id="main" class="duplicate">
-
      <ul>
+
 
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Team/students'><span>Bios</span></a></li>
+
   
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Gallery'><span>Gallery</span></a></li>
+
    <ul class="nav">
-
        <li class='last'><a href='https://igem.org/Team.cgi?year=2013&team_name=Glendale_CC_AZ'><span>Official Team Profile</span></a></li>
+
     
-
       </ul>
+
     
-
  </li>
+
     
-
  <li class='has-sub'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Project/Background/Overview'><span>Project</span></a>
+
      <li>
-
       <ul>
+
      <a href="#" title="Click me!">
-
         <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Project/Background'><span>Background</span></a></li>
+
          <span class="icon-stack">
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Project/ExperimentalOverview'><span>Experimental Overview</span></a></li>
+
            <i class="icon-circle icon-stack-base"></i>
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Project/PreviousResearch'><span>Previous Research</span></a></li>
+
            <i class="icon-home icon-light"></i>
-
         <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Project/Approach'><span>Our Approach</span></a></li>
+
          </span>
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Wetlab/Overview/Experiments/Results'><span>Results</span></a></li>
+
          <span class="text">Home</span>  
-
        <li class='last'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Achievements'><span>Achievements</span></a></li>
+
        </a>
-
      </ul>
+
       </li>  
-
  </li>
+
     
-
  <li class='has-sub last'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Parts'><span>Parts Submitted</span></a>
+
     
-
  <li class='has-sub'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Notebook'><span>Notebook</span></a>
+
        
-
       <ul>
+
          
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Protocols'><span>Protocols</span></a></li>
+
      <li>
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Notebook/Calendar'><span>Daily Logs</span></a></li>
+
      <a href="#" title="Check it out">
-
      </ul>
+
          <span class="icon-stack">
-
  </li>
+
            <i class="icon-circle icon-stack-base"></i>
-
  <li class='has-sub'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Attributions'><span>Attributions</span></a>
+
            <i class="icon-warning-sign icon-light"></i>
-
      <ul>
+
          </span>
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Parts'><span>Submitted Parts</span></a></li>
+
         <span class="text">Project</span>
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Attributions/Acknowledgments'><span>Acknowledgements</span></a></li>
+
        </a>
-
        <li><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Attributions/Sponsors'><span>Sponsors</span></a></li>
+
      </li>
-
        <li class='last'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Attributions/Outreach'><span>Outreach</span></a></li>
+
     
-
      </ul>
+
     
-
  </li>
+
     
-
  <li class='has-sub last'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Human_Practices'><span>Human Practices</span></a>
+
     
-
      <ul>
+
      <li>
-
        <li class='last'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Human_Practices'><span>Overview</span></a></li>
+
        <a href="#" title="We Rock!">
-
        <li class='last'><a href='https://2013.igem.org/Team:Glendale_CC_AZ/Safety'><span>Safety</span></a></li>
+
          <span class="icon-stack">
-
       </ul>
+
            <i class="icon-circle icon-stack-base"></i>
-
  </li>
+
            <i class="icon-cogs icon-light"></i></span>
-
</ul>
+
          <span class="text">Team</span>
-
</div>
+
        </a>
 +
       </li>
 +
   
 +
   
 +
      <li>
 +
      <a href="#" title="Data Here!">
 +
          <span class="icon-stack">
 +
            <i class="icon-circle icon-stack-base"></i>
 +
            <i class="icon-book icon-light"></i>
 +
          </span>
 +
          <span class="text">Notebook</span>  
 +
        </a>
 +
      </li>
 +
     
 +
     
 +
     
 +
         
 +
      <li>
 +
      <a href="#" title="Thank you!">
 +
          <span class="icon-stack">
 +
            <i class="icon-circle icon-stack-base"></i>
 +
            <i class="icon-pencil icon-light"></i>
 +
          </span>
 +
          <span class="text">Attributions</span>  
 +
        </a>
 +
      </li>
 +
        
 +
   
 +
    </ul>
 +
  </div>
 +
  <div id="stickyContent"></div>
 +
</header>
</html>
</html>

Revision as of 03:41, 22 September 2013

Untitled Document

Retrieved from "http://2013.igem.org/Team:Glendale_CC_AZ/main.css"