Template:Team:SydneyUni Australia/Style
From 2013.igem.org
(Difference between revisions)
C.Squirrel (Talk | contribs) |
C.Squirrel (Talk | contribs) |
||
Line 21: | Line 21: | ||
/*****************************/ | /*****************************/ | ||
- | + | #nav { | |
- | + | text-decoration: none; | |
- | + | text-align: center; | |
+ | padding: 20px 50px 20px; | ||
+ | } | ||
- | # | + | #nav ul { |
- | + | text-align: center; | |
- | + | display: inline; | |
- | + | margin: 0; | |
- | + | 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; |
- | + | color: #ffffff; | |
- | + | } | |
- | + | #nav ul li ul { | |
- | + | padding: 0; | |
- | + | position: absolute; | |
- | + | top: 48px; | |
- | #nav li { | + | left: 0; |
- | + | -webkit-box-shadow: none; | |
- | + | -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 | + | #nav ul li:hover ul { |
- | + | display: block; | |
- | + | opacity: 1; | |
- | + | visibility: visible; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
</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