Team:Glendale CC AZ/CSS

From 2013.igem.org

(Difference between revisions)
(Undo revision 72258 by EstherJ (talk))
(Undo revision 72255 by EstherJ (talk))
Line 2: Line 2:
<head>
<head>
<style>
<style>
-
body
 
body
body
{
{
Line 11: Line 10:
{
{
   margin-left: 139px;
   margin-left: 139px;
-
   width: 220px;
+
   width: 200px;
-
   height: 270px;
+
   height: 250px;
   background-color: #fff;
   background-color: #fff;
-
   border: solid thin rgb(223,223,223);
+
   border: solid rgb(190,39,0);
   padding-top: 38px;
   padding-top: 38px;
   margin-top: 23px;
   margin-top: 23px;
Line 25: Line 24:
   margin: 10px 0 9px 0;
   margin: 10px 0 9px 0;
   cursor: pointer;
   cursor: pointer;
-
   color: #000;
+
   color: #000000;
   transition: color .3s linear;
   transition: color .3s linear;
   -webkit-transition: color .3s linear;
   -webkit-transition: color .3s linear;
Line 45: Line 44:
.active
.active
{
{
-
   background-color: rgb(190,39,0);
+
   background-color: rgb (190,39,0);
-
   background-position: left center;
+
   background-position: left;
-
   border-left: solid 15px rgb(0,149,205);
+
   border-left: solid thin 15px rgb(190,39,0);
-
   position: relative;
+
   position: inherit;
-
   left: -15px;
+
   left: 30;
-
   color: #fff;
+
   color: #FF0000;
}
}
</style>
</style>
Line 62: Line 61:
<aside>
<aside>
   <ul>
   <ul>
-
     <li><a href="http:igem.org">Growth Curve </a></p>
+
     <li class="active"><a href="">Profile Settings</a></li>
-
    <li><a href="http:igem.org">Miniprep </a></p>
+
     <li><a href="#">Connected Networks</a></li>
-
     <li><a href="http:igem.org">Restriction Digest</a></p>
+
     <li><a href="#">Email Settings</a></li>
-
     <li><a href="http:igem.org">DNA Isolation</a></p>
+
     <li><a href="#">Privacy Settings</a></li>
-
     <li><a href="http:igem.org">Media Prep</a></p>
+
     <li><a href="#">Authorized Sites</a></li>
-
    <li><a href="http:igem.org">PCR</a></p>
+
-
     <li><a href="http:igem.org">Ligation</a></p>
+
-
    <li><a href="http:igem.org">Transformation</a></p>
+
-
  </ul>
+
-
</aside>
+
-
 
+
   </ul>
   </ul>
</aside>
</aside>
</body>
</body>
</html>
</html>

Revision as of 22:40, 14 August 2013