Team:Glendale CC AZ/main.css

From 2013.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<meta charset="UTF-8">
 +
<style type="text/css">
 +
p:not(.active):hover
 +
{
 +
  color: rgb(190,39,0);
 +
}
-
<style>
+
/*--Formatting to remove and alter wiki css defaults--*/
-
/* CSS for Vertical Menu */
+
#contentSub, .firstHeading, #footer-box, #catlinks, #search-controls { display:none;}
-
#cssmenu {
+
#top-section {padding-top: 0px; border: none;}
-
  padding: 0;
+
#globalWrapper, #content { width: 100%; background-color: #fff; border: none; margin: 0; padding: 0; position: relative;}
-
  margin: 0;
+
html, body { height: 100%; background: #fff;}
-
  border: 0;
+
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;
}
}
-
#cssmenu ul,
+
body
-
#cssmenu li {
+
{
-
   list-style: none;
+
background:#FFF
 +
margin-right:200px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
#contentSub, #search-controls, #footer-box, .firstHeading, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
 
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
 +
 
 +
 
 +
body {
 +
    margin: 10px 0 0 0;
 +
    padding: 0;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 100%;
 +
    top: -16px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: white;}
 +
 
 +
body {
 +
    margin: 10px 0 0 0;
 +
    padding: 0;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 65%;
 +
    top: -14px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: #000000 ;}
 +
 
 +
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.3rem;
 +
  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;
 +
  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 ul {
+
 
-
   position: relative;
+
/* Defaults */
-
   z-index: 597;
+
body {
 +
   font-size: 16px;
 +
   background: #e5e5e5;
}
}
-
#cssmenu ul li {
+
 
-
   min-height: 1px;
+
h1 {
-
   line-height: 1em;
+
   font-size: 180%;
 +
   color: #fff;
}
}
-
#cssmenu a {
+
 
 +
h2 {
 +
  font-size: 160%;
 +
  color: #666;
 +
  padding-bottom: 15px;
 +
}
 +
 
 +
h3 {
 +
  font-size: 120%;
 +
  color: #ccc;
 +
  padding-bottom: 15px;
 +
}
 +
 
 +
img {
   display: block;
   display: block;
-
   text-decoration: none;
+
   width: 100%;
}
}
-
/* Custom CSS Styles */
+
 
-
#cssmenu {
+
p, a, span, li {
-
   font-family: Helvetica, Arial, sans-serif;
+
   font-size: 90%;
-
   font-weight: bold;
+
   line-height: 25px;
-
   width: 160px;
+
   color: #666;
}
}
-
#cssmenu ul {
+
 
-
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+
p a, li a, h1 a, p span {
-
  background-color: #F1F1F1;
+
   color: inherit;
-
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
+
   font-size: inherit;
-
   background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
+
-
   background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
+
-
  background-image: linear-gradient(#ffffff, #f5f5f5);
+
-
  border: 1px solid #CCC;
+
-
  -moz-border-radius: 6px;
+
-
  -webkit-border-radius: 6px;
+
-
  border-radius: 6px;
+
-
  -moz-background-clip: padding;
+
-
  -webkit-background-clip: padding-box;
+
-
  background-clip: padding-box;
+
}
}
-
#cssmenu li {
+
 
-
   border-bottom: 1px solid #CCC;
+
p a {
-
  -moz-box-shadow: 0 1px 0 white;
+
   color: #48C7C1;
-
  -webkit-box-shadow: 0 1px 0 white;
+
-
  box-shadow: 0 1px 0 white;
+
-
  padding: 1px;
+
}
}
-
#cssmenu li:last-child,
+
 
-
#cssmenu li.last {
+
p a:hover {
-
   -moz-box-shadow: none;
+
   text-decoration: underline;
-
  -webkit-box-shadow: none;
+
-
  box-shadow: none;
+
-
  border-bottom: 0 none;
+
}
}
-
#cssmenu li.active {
+
 
-
   -moz-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
+
p.tags {
-
  -webkit-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
+
   padding-top: 10px;
-
  box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
+
-
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAAA3NCSVQICAjb4U/gAAAAK0lEQVQImWO4mpzIxPD/PxPD//9M////Z2JgYEDlI2FS5THUMDBg10O6PABU/Fqb2xVCxgAAAABJRU5ErkJggg==);
+
-
  background-image: -webkit-linear-gradient(top, #d56361, #ca3b39);
+
-
  background-image: -moz-linear-gradient(top, #d56361, #ca3b39);
+
-
  background-image: -o-linear-gradient(top, #d56361, #ca3b39);
+
-
  background-image: linear-gradient(#d56361, #ca3b39);
+
-
  position: relative;
+
-
  left: -8px;
+
-
  width: 170px;
+
}
}
-
#cssmenu li.active a {
+
 
-
   border: 1px dashed #e08b89;
+
p.tags a {
-
   border: 1px dashed rgba(255, 255, 255, 0.25);
+
   padding: 0px 5px 0px 5px;
-
   border-right: 0 none;
+
   background: #222;
-
   position: relative;
+
   margin-right: 5px;
-
   color: #FFF;
+
   border-radius: 2px;
-
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
+
   color: #999;
 +
   display: inline-block;
 +
  cursor: pointer;
 +
  margin-top: 5px;
}
}
-
#cssmenu li.active:before,
+
 
-
#cssmenu li.active:after {
+
.wrapper {
-
   content: '';
+
  width: 960px;
 +
  margin: 0px auto;
 +
  overflow: hidden;
 +
   word-wrap: break-word;
}
}
-
#cssmenu li.active:before {
+
 
-
   z-index: 1;
+
/* Buttons */
-
   width: 0px;
+
.button {
-
   height: 0px;
+
   background: #48C7C1;
-
   position: absolute;
+
   border-radius: 2px;
-
   left: 0;
+
   padding: 15px 0px 15px 0px;
-
   bottom: -5px;
+
   width: 100%;
-
   border-style: solid;
+
   color: #fff;
-
   border-width: 0 8px 5px 0;
+
   font-size: 90%;
-
   border-color: transparent #a42e2c transparent transparent;
+
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 +
   cursor: pointer;
 +
   font-weight: 400;
}
}
-
#cssmenu li.active:after {
+
 
-
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAwCAYAAAD6g+EuAAAFhElEQVR4Xq1Vb0yVVRh/znsvyEWpDL4JpYDVWvHF1Wa51dZS0pZJKKSClN/6UutbW5ubsw/NuVVr1VbLD83mMnNupc4vToVsCFeAi2gEAzBAJZxy4X3vxfc8Pecf58QVvJDn3cP7Ps957u93nn8c1rX7nRYAeIXkNjzg5QHCGgA8TfKwtCCSmG3nG1HqaGzyrXXrZOwKXDs/T/pJRFyG2smQoONscTADz/hbboRorLgYguFhgJCvZYAnAdj6p78/6MMiV9e7DcA0nyde+aWlOmRYh8BPkkNsseAmJCbA/cEh4L4vbUyF9hIJEexaFAGTWVSp9MQff2iQFC45mRcR30SAx7sa6hdKYMujwAWWDoZziK1aBSwSEU6vIuAviV31uQtG59zmnDRgyOVeGPhEUCp0EqhkwIlgZ5YEtrsYR/CQc9t29E4NDkLo+yo8Lu2bSA4n6rMjYIgzJKxz53bUdtNC7lIpCkOhHCOpfeaHQ+n5wBN1O9wJRdAiX44uqWJllCLPE/oWkkN0mMh9c+52CyrFVNbqHCGcCiCvtMzYqpkg2PF2JCtwRNR5Ugajo44kGOgHHsg5MNHV0Ptg5/Z7EqjfzT45cmPkbiSSNOjvt8SerEwdKd/NUVDTMxZcH9wCGxuRykemTNSgHBjzxEZDZ+22DAKJxYFEpwWckzKto1NUxm2qqE0FgQl/d0eNS2CguGrFjq1vkT7/YlpB3at5j68UtXDb9+uKn35+T+gd26rt79qrqzD72WPAZtlYJGrm4POKI0c/oMOaPZsWt/3cNCGJa3P8pSlWXgag5uD9juqqA+jUkGjRPZsKFO20ureRsaGTKwxSkF9eDlM9PYB3ww8ZwzRtfiRd2rZs1pi6GkyB20Rrhc19N8RKV4KXmycIVIoYfAKAH7NLb76BDFWxmPGWOgOGTjyCFIwj2fSbvNSZxN5/ffZGGecgl8mIbgmmDWjIdPqYAOZ2YMjd+nJUhLpEnjOueiB5xhjrCGxBbURqNnKXwLJnKyCnqFAW/3rgf0P2PSz++kY00dgA3G8GOm82GqajELZYHix98ilIDQ1Bevwf6Ll958eac+e/BYB+1S0usHkzErllT669zDTJZ5kAHugn4HHonZg4XHOuUQAr8vjGyiyGaO7LJGf5cpi+dQt6k8kjW881fqXNg/FNlX0s/toGnG8ebTy2UyMFBRBO3CGdSb0vmTxafb7pSwNMmH2ZN5H9VpicS9UWFiFa8BAsXf2E8gEOfRMTLvBQfMP6PucmIoCMS4Kbi9YSK5HjnrzSLfWBZPJYdePvM8Bk63W7LCo7T1cf3X632XUyzWCyuxvCySQMTPnHqxovfKE3rglgW3AFEzWKsZvpc6c9WlgEd8fGpEOYFMBTv1Y1XfjMAf5Lf9thg9lDZIisjQajCGKPlQDq59rU5AkCPqCx/rbAWpCLWqm0yEK5e7O+84pLIJlIAEMB7J/YfOGP/Xp7GBF7MttM/9Mw/3LRJDpzEXAn8FQKhv3g1CzgP+FeC0211O1vc6VlyYoVM+kJg4CA/VO1zRcN8IgBnhNcirmJuANcUgI5jxbO6CO+f7q2uWX/VBhyDXx1TmC3oCbnSlOHzXlkuUwFAoeRIDhdezH+qQYenRfYLRRy+fK0rk8PkOxKAE7fhVE/dcYFJrk/sNsSBjy/rNzma3oaRoPgTE1L6z4NfF0AI63ssG2Ko/mry4FFc8Gk50YqfbamNe4CXzHAWYODmVDm0Uhflrab6fTZra3xvRr4xsKArZg7NTp59aqcqLF0+nzdpfZ9DnD34oDRXjjN617AmykCbmvfOz5NlaQASC43v7gW4Z6zSzbn2kPjwzDT7bfn1jTVtXXsyQD+/0vSvqyVMQFMwheahrmWlwH8ANe/iT+0Ts8daFYAAAAASUVORK5CYII=) no-repeat;
+
 
 +
/* Wrapper Sections */
 +
.wrapper.container {
 +
  background: #fff;
 +
  padding: 30px;
 +
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
 +
  margin-bottom: 30px;
 +
  border-radius: 2px;
 +
}
 +
 
 +
.wrapper.footer {
 +
   background: #222;
 +
  padding: 30px;
 +
  border-radius: 2px 2px 0px 0px;
 +
}
 +
 
 +
.wrapper.footer ul li a {
 +
  color: #999;
 +
}
 +
 
 +
/* Columns */
 +
.col {
 +
  float: left;
 +
}
 +
 
 +
.col.quarter {
 +
  width: 25%;
 +
}
 +
 
 +
.col.threeQuarter {
 +
  width: 75%;
 +
}
 +
 
 +
.col.border {
 +
  min-height: 200px;
 +
  border-right: 1px solid #ddd;
 +
  padding-right: 30px;
 +
}
 +
 
 +
.col.padding {
 +
  padding-left: 30px;
 +
}
 +
 
 +
/* Sections */
 +
.section {<script type="text/javascript">
 +
document.getElementById('stickyContent').innerHTML = document.getElementById('main').innerHTML;
 +
<!-- 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]-->
 +
</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;
-
   height: 48px;
+
   font-size: 120%;
-
  width: 24px;
+
-
  position: absolute;
+
-
  right: -24px;
+
-
  top: 0px;
+
-
  z-index: 1;
+
}
}
-
#cssmenu a {
+
 
-
  border: 1px solid transparent;
+
/* Gallery */
-
  color: #444;
+
.section.gallery {
-
   height: 42px;
+
   overflow: hidden;
-
  line-height: 40px;
+
   padding: 0px 0px 0px 15px;
-
   padding: 0 12px;
+
-
  text-align: right;
+
-
  text-overflow: ellipsis;
+
}
}
 +
.gallery img {
 +
  float: left;
 +
  width: 33.33%;
 +
  padding: 0px 15px 15px 0px;
 +
  cursor: pointer;
 +
}
 +
 +
/* Media */
 +
@media all and (max-width: 960px) and (min-width: 800px) {
 +
  .wrapper {
 +
    width: auto;
 +
  }
 +
}
 +
 +
@media all and (max-width: 650px) {
 +
  .wrapper {
 +
    width: 650px;
 +
  }
 +
}
 +
 
</style>
</style>
-
<head>
+
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" type="text/css">
-
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
+
-
<link rel="stylesheet" href="http://example.com/foo/bar.css" type="text/css">
+
</head>
</head>
 +
<header> 
 +
  <div id="main" class="duplicate">
 +
    <ul class="nav">
 +
   
 +
      <li>
 +
      <a href="https://2013.igem.org/Team:Glendale_CC_AZ" title="Click me!">
 +
          <span class="icon-stack">
 +
            <i class="icon-circle icon-stack-base"></i>
 +
            <i class="icon-home icon-light"></i>
 +
          </span>
 +
          <span class="text">Home</span>
 +
        </a>
 +
      </li>
 +
 +
      <li>
 +
      <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Project/Background/Overview" title="Check it out">
 +
          <span class="icon-stack">
 +
            <i class="icon-circle icon-stack-base"></i>
 +
            <i class="icon-warning-sign icon-light"></i>
 +
          </span>
 +
        <span class="text">Project</span>
 +
        </a>
 +
      </li>
 +
 
 +
      <li>
 +
        <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Team/students" title="We Rock!">
 +
          <span class="icon-stack">
 +
            <i class="icon-circle icon-stack-base"></i>
 +
            <i class="icon-cogs icon-light"></i></span>
 +
          <span class="text">Team</span>
 +
        </a>
 +
      </li>
 +
 +
   
 +
      <li>
 +
      <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Notebook" 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>
-
<div id='cssmenu'>
+
      <li>
-
<ul>
+
      <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Attributions" title="Thank you!">
-
  <li class='active'><a href='index.html'><span>Home</span></a></li>
+
          <span class="icon-stack">
-
  <li><a href='#'><span>Products</span></a></li>
+
            <i class="icon-circle icon-stack-base"></i>
-
  <li><a href='#'><span>About</span></a></li>
+
            <i class="icon-pencil icon-light"></i>
-
  <li class='last'><a href='#'><span>Contact</span></a></li>
+
          </span>
-
</ul>
+
          <span class="text">Attributions</span>  
-
</div>
+
        </a>
 +
      </li>
 +
     
 +
   
 +
    </ul>
 +
  </div>
 +
  <div id="stickyContent"></div>
 +
</header>
 +
</html>

Latest revision as of 01:58, 28 September 2013

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