Team:Glendale CC AZ/CSS

From 2013.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:Glendale_CC_AZ/test}}")
Line 1: Line 1:
-
{{:Team:Glendale_CC_AZ/test}}
+
<html>
 +
<head>
 +
<style>
 +
body
 +
{
 +
  background: url('http://uploadfa.net/uploads/13490193031.png') repeat;
 +
}
 +
 
 +
aside
 +
{
 +
  margin-left: 139px;
 +
  width: 200px;
 +
  height: 250px;
 +
  background-color: #fff;
 +
  border: solid rgb(190,39,0);
 +
  padding-top: 38px;
 +
  margin-top: 23px;
 +
  font-family: Arial;
 +
}
 +
 
 +
li
 +
{
 +
  padding: 9px 0 8px 26px;
 +
  margin: 10px 0 9px 0;
 +
  cursor: pointer;
 +
  color: #000000;
 +
  transition: color .3s linear;
 +
  -webkit-transition: color .3s linear;
 +
  -moz-transition: color .3s linear;
 +
  -o-transition: color .3s linear;
 +
}
 +
 
 +
li:not(.active):hover
 +
{
 +
  color: rgb(190,39,0);
 +
}
 +
 
 +
a
 +
{
 +
  text-decoration: none;
 +
  color: inherit;
 +
}
 +
 
 +
.active
 +
{
 +
  background-color: rgb (190,39,0);
 +
  background-position: left;
 +
  border-left: solid thin 15px rgb(190,39,0);
 +
  position: inherit;
 +
  left: 30;
 +
  color: #FF0000;
 +
}
 +
</style>
 +
 
 +
<meta charset="utf-8">
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
<aside>
 +
  <ul>
 +
    <li class="active"><a href="">Profile Settings</a></li>
 +
    <li><a href="#">Connected Networks</a></li>
 +
    <li><a href="#">Email Settings</a></li>
 +
    <li><a href="#">Privacy Settings</a></li>
 +
    <li><a href="#">Authorized Sites</a></li>
 +
  </ul>
 +
</aside>
 +
</body>
 +
</html>

Revision as of 22:34, 12 August 2013