Team:Glendale CC AZ/CSS

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<meta charset="UTF-8">
 +
<title>Untitled Document</title>
 +
<style type="text/css">
 +
body
 +
{
 +
  background: url('http://uploadfa.net/uploads/13490193031.png') repeat;
 +
}
 +
aside
 +
{
 +
margin-left: 25px;
 +
width: 300px;
 +
height: inherit;
 +
 +
border: solid thin rgb(223,223,223);
 +
padding-top: 20px;
 +
margin-top: 10px;
 +
font-family: Helvetica Neue;
 +
vertical-align: top;
 +
margin: left;
 +
}
 +
 +
p
 +
{
 +
  padding: 5px 0 8px 26px;
 +
  margin: 3px 0 9px 0;
 +
  cursor: pointer;
 +
  color: #000;
 +
  transition: color .3s linear;
 +
  -webkit-transition: color .3s linear;
 +
  -moz-transition: color .3s linear;
 +
  -o-transition: color .3s linear;
 +
}
 +
 +
p:not(.active):hover
 +
{
 +
  color: rgb(190,39,0);
 +
}
 +
 +
a
 +
{
 +
  text-decoration: none;
 +
  color: inherit;
 +
}
 +
 +
.active
 +
{
 +
  background-color: rgb(190,39,0);
 +
  background-position: left center;
 +
  border-left: solid 15px rgb(190,39,0);
 +
  position: relative;
 +
  left: -15px;
 +
  color: #fff;
 +
}
 +
<script type="text/javascript">
 +
//binding click event on li elements to having good active element
 +
$("li").click(function(){
 +
  $("li").removeAttr("class");
 +
  $(this).addClass("active");
 +
});
 +
</script>
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
<aside>
 +
  <ul>
 +
    <p class="active"><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/GrowthCurve">Growth Curve Assay</a></p>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/AlkalineLysis">Alkaline Lysis Plasmid Miniprep </a>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/RestrictionDigest">Restriction Digest</a>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/DNAIsolation">DNA Isolation</a>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Bioinformatics">Bioinformatics</a>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/PCR">PCR</a></p>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Ligation">Ligation</a>
 +
<p><a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Transformation">Transformation</a>
 +
  </ul>
 +
</aside>
 +
 +
 +
 +
</body>
 +
</html>

Revision as of 03:20, 27 August 2013

Untitled Document