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