"
Team:NTU-Taida/Test
From 2012.igem.org
(Difference between revisions)
(Created page with "=EFEF= ==HEAD== QWGQWGQ <br /> WEGQWE GQWE GQWEG") |
|||
| (2 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | = | + | <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><a href="#">Team</a></li> | ||
| + | <li><a href="#">Official Team Profile</a></li> | ||
| + | <li><a href="#">Project</a></li> | ||
| + | <li><a href="#">Parts Submitted to the Registry</a></li> | ||
| + | <li><a href="#">Modeling</a></li> | ||
| + | <li><a href="#">Notebook</a></li> | ||
| + | <li><a href="#">Safety</a></li> | ||
| + | <li><a href="#">Attribution</a></li> | ||
| + | </ul> | ||
| + | </body> | ||
| + | </html> | ||
Latest revision as of 09:27, 14 July 2012
