Template:Team:SydneyUni Australia/Style

From 2013.igem.org

(Difference between revisions)
Line 21: Line 21:
/*****************************/
/*****************************/
-
.centering {
+
#nav {
-
    margin-left: 10%;
+
  text-decoration: none;
-
    width: 100%;}
+
  text-align: center;
 +
  padding: 20px 50px 20px;
 +
}
-
#navbg
+
#nav ul {
-
  {width: 100%;
+
  text-align: center;
-
    margin-left: 0;
+
  display: inline;
-
    margin-right: 0;
+
  margin: 0;
-
    background-color=#000000;}
+
  padding: 15px 4px 17px 0;
 +
  list-style: none;
 +
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  color: #ffffff;
 +
}
 +
#nav ul li {
 +
  font: bold 12px/18px sans-serif;
 +
  display: inline-block;
 +
  margin: 0 -2px 0 -2px;
 +
  padding: 15px 20px;
 +
  position: relative;
 +
  background: #82ca9c;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
  -ms-transition: all 0.2s;
 +
  -o-transition: all 0.2s;
 +
  transition: all 0.2s;
 +
  width: 90px;
 +
}
 +
#nav ul li a {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
}
-
 
+
#nav ul li:hover {
-
#nav{
+
  background: #63BC82;
-
  /*width: 965px;*/
+
  color: #ffffff;
-
  margin: 0 auto;
+
}
-
  padding: 0;
+
#nav ul li ul {
-
  overflow: hidden;
+
  padding: 0;
-
  text-align:center;}
+
  position: absolute;
-
 
+
  top: 48px;
-
#nav li {
+
  left: 0;
-
  list-style: none;
+
  -webkit-box-shadow: none;
-
  margin: 0;
+
  -moz-box-shadow: none;
-
 
+
  box-shadow: none;
 +
  display: none;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  -webkit-transiton: opacity 0.2s;
 +
  -moz-transition: opacity 0.2s;
 +
  -ms-transition: opacity 0.2s;
 +
  -o-transition: opacity 0.2s;
 +
  -transition: opacity 0.2s;
 +
}
 +
#nav ul li ul li {  
 +
  background: #63BC82;  
 +
  display: block;
 +
  color: #fff;
 +
  margin: 0 0 0 0px;
 +
  width: 90px;
 +
  text-align:center;
}
}
 +
#nav ul li ul li:hover { background: #4FA969; }
-
#nav a:link,a:visited {
+
#nav ul li:hover ul {
-
  width:10%;
+
  display: block;
-
  font-weight:bold;
+
  opacity: 1;
-
  color:#FFFFFF;
+
  visibility: visible;
-
  background-color:#0668b3;
+
-
  text-align:center;
+
-
  padding: 4px 0px 4px 0px;
+
-
  text-decoration:none;
+
-
  float: left;
+
}
}
-
#nav a:hover,a:active {
 
-
  background-color:#e03a3e;}
 
</style>
</style>
 +
<div id="nav">
 +
<ul>
 +
<li><a href="/Team:SydneyUni_Australia">Home</a></li>
 +
<li>Team
 +
<ul>
 +
<li><a href="/Team:SydneyUni_Australia/Team">Team Page</a></li>
 +
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=SydneyUni_Australia">Team Profile</a></li>
 +
</ul>
 +
<li>Project
 +
<ul>
 +
<li><a href="/Team:SydneyUni_Australia/Project/Background">Background</a></li>
 +
<li><a href="/Team:SydneyUni_Australia/Project/Protocols">Protocols</a></li>
 +
<li><a href="/Team:SydneyUni_Australia/Notebook">Notebook</a></li>
 +
<li><a href="/Team:SydneyUni_Australia/Project/Results">Results</a></li>
 +
<li><a href="/Team:SydneyUni_Australia/Project/Parts">Registry Parts</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="/Team:SydneyUni_Australia/Modelling">Modelling</a></li>
 +
<li><a href="/Team:SydneyUni_Australia/Safety">Safety</a></li>
 +
<li><a href="/Team:SydneyUni_Australia/Attributions">Attributions</a></li>
 +
</ul>
 +
</div>
</html>
</html>

Revision as of 04:28, 25 July 2013