"
Team:NTU-Taida/Test
From 2012.igem.org
(Difference between revisions)
| Line 20: | Line 20: | ||
.nav > .pull-right { | .nav > .pull-right { | ||
float: right; | float: right; | ||
| - | + | } | |
.nav .nav-header { | .nav .nav-header { | ||
| Line 36: | Line 36: | ||
margin-top: 9px; | margin-top: 9px; | ||
} | } | ||
| + | |||
.nav-tabs, | .nav-tabs, | ||
.nav-pills { | .nav-pills { | ||
*zoom: 1; | *zoom: 1; | ||
} | } | ||
| - | nav-tabs > li, | + | |
| + | .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 { | .nav-pills > li { | ||
float: left; | float: left; | ||
| Line 84: | Line 99: | ||
} | } | ||
| + | .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> | </style> | ||
</head> | </head> | ||
| Line 89: | Line 216: | ||
<body> | <body> | ||
<ul class="nav nav-tabs"> | <ul class="nav nav-tabs"> | ||
| - | <li class="active"> | + | <li class="active" > |
<a href="#">Home</a> | <a href="#">Home</a> | ||
</li> | </li> | ||
<li><a href="#">Team</a></li> | <li><a href="#">Team</a></li> | ||
| - | <li><a href="#"> | + | <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> | </ul> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 09:27, 14 July 2012
