Team:Glendale CC AZ/CSS

From 2013.igem.org

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