Team:NTU-Taida
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <style type="text/css"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .nav { | |
+ | margin-bottom: 18px; | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .nav > li > a { | ||
+ | display: block; | ||
+ | } | ||
+ | .nav > li > a:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
- | + | .nav > .pull-right { | |
- | + | float: right; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .nav .nav-header { | |
+ | display: block; | ||
+ | padding: 3px 15px; | ||
+ | font-size: 11px; | ||
+ | font-weight: bold; | ||
+ | line-height: 18px; | ||
+ | color: #999999; | ||
+ | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | text-transform: uppercase; | ||
+ | } | ||
- | { | + | .nav li + .nav-header { |
- | + | margin-top: 9px; | |
- | + | } | |
- | + | ||
- | + | .nav-tabs, | |
- | + | .nav-pills { | |
- | + | *zoom: 1; | |
- | + | } | |
- | + | ||
- | + | .nav-tabs:before, | |
- | + | .nav-pills:before, | |
+ | .nav-tabs:after, | ||
+ | .nav-pills:after { | ||
+ | display: table; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .nav-tabs:after, | ||
+ | .nav-pills:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li, | ||
+ | .nav-pills > li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li > a, | ||
+ | .nav-pills > li > a { | ||
+ | padding-right: 12px; | ||
+ | padding-left: 12px; | ||
+ | margin-right: 2px; | ||
+ | line-height: 14px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs { | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li { | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li > a { | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | line-height: 18px; | ||
+ | border: 1px solid transparent; | ||
+ | -webkit-border-radius: 4px 4px 0 0; | ||
+ | -moz-border-radius: 4px 4px 0 0; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li > a:hover { | ||
+ | border-color: #eeeeee #eeeeee #dddddd; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > .active > a, | ||
+ | .nav-tabs > .active > a:hover { | ||
+ | color: #555555; | ||
+ | cursor: default; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | |||
+ | .nav-pills > li > a { | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | margin-top: 2px; | ||
+ | margin-bottom: 2px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .nav-pills > .active > a, | ||
+ | .nav-pills > .active > a:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #0088cc; | ||
+ | } | ||
+ | |||
+ | .nav-stacked > li { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .nav-stacked > li > a { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li > a { | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li:first-child > a { | ||
+ | -webkit-border-radius: 4px 4px 0 0; | ||
+ | -moz-border-radius: 4px 4px 0 0; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li:last-child > a { | ||
+ | -webkit-border-radius: 0 0 4px 4px; | ||
+ | -moz-border-radius: 0 0 4px 4px; | ||
+ | border-radius: 0 0 4px 4px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li > a:hover { | ||
+ | z-index: 2; | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | |||
+ | .nav-pills.nav-stacked > li > a { | ||
+ | margin-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | .nav-pills.nav-stacked > li:last-child > a { | ||
+ | margin-bottom: 1px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-menu { | ||
+ | -webkit-border-radius: 0 0 5px 5px; | ||
+ | -moz-border-radius: 0 0 5px 5px; | ||
+ | border-radius: 0 0 5px 5px; | ||
+ | } | ||
+ | |||
+ | .nav-pills .dropdown-menu { | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-toggle .caret, | ||
+ | .nav-pills .dropdown-toggle .caret { | ||
+ | margin-top: 6px; | ||
+ | border-top-color: #0088cc; | ||
+ | border-bottom-color: #0088cc; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-toggle:hover .caret, | ||
+ | .nav-pills .dropdown-toggle:hover .caret { | ||
+ | border-top-color: #005580; | ||
+ | border-bottom-color: #005580; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .active .dropdown-toggle .caret, | ||
+ | .nav-pills .active .dropdown-toggle .caret { | ||
+ | border-top-color: #333333; | ||
+ | border-bottom-color: #333333; | ||
+ | } | ||
+ | |||
+ | .nav > .dropdown.active > a:hover { | ||
+ | color: #000000; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .open .dropdown-toggle, | ||
+ | .nav-pills .open .dropdown-toggle, | ||
+ | .nav > li.dropdown.open.active > a:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #999999; | ||
+ | border-color: #999999; | ||
+ | } | ||
+ | |||
+ | .nav li.dropdown.open .caret, | ||
+ | .nav li.dropdown.open.active .caret, | ||
+ | .nav li.dropdown.open a:hover .caret { | ||
+ | border-top-color: #ffffff; | ||
+ | border-bottom-color: #ffffff; | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <ul class="nav nav-tabs"> | ||
+ | <li class="active" > | ||
+ | <a href="#">Home</a> | ||
+ | </li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Team">Team</a></li> | ||
+ | <li class="active"> | ||
+ | <a href="https://2012.igem.org/Team:NTU-Taida/https://igem.org/Team.cgi?year=2012&team_name=NTU-Taida"> | ||
+ | Official Team Profile | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Project">Project</a></li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Parts">Parts Submitted to the Registry</a></li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Modeling">Modeling</a></li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Notebook">Notebook</a></li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Safety">Safety</a></li> | ||
+ | <li class="active"><a href="https://2012.igem.org/Team:NTU-Taida/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </body> | ||
+ | </html> |
Revision as of 03:54, 15 July 2012