|
|
| Line 101: |
Line 101: |
| | </head> | | </head> |
| | | | |
| − | <style>/*! | + | <style> |
| − | * Bootstrap v3.3.6 (http://getbootstrap.com)
| + | body{ |
| − | * Copyright 2011-2015 Twitter, Inc.
| + | margin:17px 0 0 ; |
| − | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
| + | |
| − | */
| + | |
| − | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
| + | |
| − | html {
| + | |
| − | font-family: sans-serif; | + | |
| − | -webkit-text-size-adjust: 100%;
| + | |
| − | -ms-text-size-adjust: 100%;
| + | |
| | } | | } |
| − | body {
| + | /*DISABLE DEFAULT DESIGN*/ |
| − | margin: 0; | + | #bodyContent{ |
| | + | min-width:1024px; |
| | + | font-family:"Arial Unicode MS"; |
| | } | | } |
| − | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
| + | #top_menu_under{ |
| − | @media print {
| + | display:none; |
| − | .navbar { | + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .btn > .caret,
| + | |
| − | .dropup > .btn > .caret {
| + | |
| − | border-top-color: #000 !important;
| + | |
| − | }
| + | |
| − |
| + | |
| | } | | } |
| − | * {
| + | #content{ |
| − | -webkit-box-sizing: border-box; | + | width: 100%; |
| − | -moz-box-sizing: border-box;
| + | margin: 0; |
| − | box-sizing: border-box;
| + | padding: 0; |
| | } | | } |
| | | | |
| − | | + | #sideMenu{ |
| − | | + | display:none; |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | html {
| + | |
| − | | + | |
| − | | + | |
| − | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | + | |
| | } | | } |
| − | body {
| |
| − | /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
| | | | |
| − | line-height: 1.42857143;
| + | #top_title{ |
| − | color: #333;
| + | display:none; |
| − | background-color: #fff; */ | + | |
| | } | | } |
| | | | |
| − | ul,
| + | #globalWrapper{ |
| − | ol {
| + | padding-bottom: 0; |
| − | margin-top: 0; | + | |
| − | margin-bottom: 10px;
| + | |
| | } | | } |
| − | ul ul,
| + | #top_menu_inside .submenu{ |
| − | ol ul,
| + | padding-top:0px; |
| − | ul ol,
| + | |
| − | ol ol {
| + | |
| − | margin-bottom: 0; | + | |
| | } | | } |
| − | | + | #header ul{ |
| − | .container {
| + | list-style-image:none; |
| − | padding-right: 15px; | + | list-style-type:none; |
| − | padding-left: 15px;
| + | |
| − | margin-right: auto; | + | |
| − | margin-left: auto;
| + | |
| | } | | } |
| − | | + | #contents ul{ |
| − | .container-fluid {
| + | margin-left:0px; |
| − | padding-right: 15px; | + | } |
| − | padding-left: 15px;
| + | #contents li{ |
| − | margin-right: auto;
| + | font-size:17px; |
| − | margin-left: auto; | + | |
| | } | | } |
| | | | |
| | + | /*---------------------- */ |
| | | | |
| | + | /*menu*/ |
| | | | |
| | | | |
| − | .collapse {
| + | #nav-wrapper{ |
| − | display: none; | + | width: 100%; |
| | + | margin: 0 auto; |
| | + | text-align:center; |
| | } | | } |
| − | .collapse.in {
| |
| − | display: block;
| |
| − | }
| |
| − | tr.collapse.in {
| |
| − | display: table-row;
| |
| − | }
| |
| − | tbody.collapse.in {
| |
| − | display: table-row-group;
| |
| − | }
| |
| − | .collapsing {
| |
| − | position: relative;
| |
| − | height: 0;
| |
| − | overflow: hidden;
| |
| − | -webkit-transition-timing-function: ease;
| |
| − | -o-transition-timing-function: ease;
| |
| − | transition-timing-function: ease;
| |
| − | -webkit-transition-duration: .35s;
| |
| − | -o-transition-duration: .35s;
| |
| − | transition-duration: .35s;
| |
| − | -webkit-transition-property: height, visibility;
| |
| − | -o-transition-property: height, visibility;
| |
| − | transition-property: height, visibility;
| |
| − | }
| |
| − | .caret {
| |
| − | display: inline-block;
| |
| − | width: 0;
| |
| − | height: 0;
| |
| − | margin-left: 2px;
| |
| − | vertical-align: middle;
| |
| − | border-top: 4px dashed;
| |
| − | border-top: 4px solid \9;
| |
| − | border-right: 4px solid transparent;
| |
| − | border-left: 4px solid transparent;
| |
| − | }
| |
| − | .dropup,
| |
| − | .dropdown {
| |
| − | position: relative;
| |
| − | }
| |
| − | .dropdown-toggle:focus {
| |
| − | outline: 0;
| |
| − | }
| |
| − | .dropdown-menu {
| |
| − | position: absolute;
| |
| − | top: 100%;
| |
| − | left: -30px;
| |
| − | z-index: 1000;
| |
| − | display: none;
| |
| − | float: left;
| |
| − | min-width: 160px;
| |
| − | padding: 5px 0;
| |
| − | margin: 2px 0 0;
| |
| − | font-size: 16px;
| |
| − | text-align: left;
| |
| − | list-style: none;
| |
| − | font-family: Avenir;
| |
| − | background-color: #f7f7f7;
| |
| − | -webkit-background-clip: padding-box;
| |
| − | background-clip: padding-box;
| |
| − | border: 0px solid #ccc;
| |
| − | border: 0px solid rgba(0, 0, 0, .15);
| |
| − | border-radius: 4px;
| |
| − | }
| |
| − | .dropdown-menu.pull-right {
| |
| − | right: 0;
| |
| − | left: auto;
| |
| − | }
| |
| − | .dropdown-menu .divider {
| |
| − | height: 1px;
| |
| − | margin: 9px 0;
| |
| − | overflow: hidden;
| |
| − | background-color: #e5e5e5;
| |
| − | }
| |
| − | .dropdown-menu > li > a {
| |
| − | display: block;
| |
| − | padding: 3px 20px;
| |
| − | clear: both;
| |
| − | font-weight: normal;
| |
| − | line-height: 1.42857143;
| |
| − | color: #333;
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − | .dropdown-menu > li > a:hover,
| |
| − | .dropdown-menu > li > a:focus {
| |
| − | color: #262626;
| |
| − | text-decoration: none;
| |
| − | background-color: #f0f0f0;
| |
| − | }
| |
| − | .dropdown-menu > .active > a,
| |
| − | .dropdown-menu > .active > a:hover,
| |
| − | .dropdown-menu > .active > a:focus {
| |
| − | color: #fff;
| |
| − | text-decoration: none;
| |
| − | background-color: #337ab7;
| |
| − | outline: 0;
| |
| − | }
| |
| − | .dropdown-menu > .disabled > a,
| |
| − | .dropdown-menu > .disabled > a:hover,
| |
| − | .dropdown-menu > .disabled > a:focus {
| |
| − | color: #777;
| |
| − | }
| |
| − | .dropdown-menu > .disabled > a:hover,
| |
| − | .dropdown-menu > .disabled > a:focus {
| |
| − | text-decoration: none;
| |
| − | cursor: not-allowed;
| |
| − | background-color: transparent;
| |
| − | background-image: none;
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
| |
| − | }
| |
| − | .open > .dropdown-menu {
| |
| − | display: block;
| |
| − | }
| |
| − | .open > a {
| |
| − | outline: 0;
| |
| − | }
| |
| − | .dropdown-menu-right {
| |
| − | right: 0;
| |
| − | left: auto;
| |
| − | }
| |
| − | .dropdown-menu-left {
| |
| − | right: auto;
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | .dropdown-backdrop {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | z-index: 990;
| |
| − | }
| |
| − | .pull-right > .dropdown-menu {
| |
| − | right: 0;
| |
| − | left: auto;
| |
| − | }
| |
| − | .dropup .caret,
| |
| − | .navbar-fixed-bottom .dropdown .caret {
| |
| − | content: "";
| |
| − | border-top: 0;
| |
| − | border-bottom: 4px dashed;
| |
| − | border-bottom: 4px solid \9;
| |
| − | }
| |
| − | .dropup .dropdown-menu,
| |
| − | .navbar-fixed-bottom .dropdown .dropdown-menu {
| |
| − | top: auto;
| |
| − | bottom: 100%;
| |
| − | margin-bottom: 2px;
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | .navbar-right .dropdown-menu {
| |
| − | right: 0;
| |
| − | left: auto;
| |
| − | }
| |
| − | .navbar-right .dropdown-menu-left {
| |
| − | right: auto;
| |
| − | left: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | [data-toggle="buttons"] > .btn input[type="radio"],
| |
| − | [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
| |
| − | [data-toggle="buttons"] > .btn input[type="checkbox"],
| |
| − | [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
| |
| − | position: absolute;
| |
| − | clip: rect(0, 0, 0, 0);
| |
| − | pointer-events: none;
| |
| − | }
| |
| − |
| |
| | .nav { | | .nav { |
| − | padding-left: 0; | + | text-align:center; |
| − | margin-bottom: 0; | + | width: auto; |
| − | list-style: none; | + | height:72px; |
| − | }
| + | |
| − | .nav > li {
| + | |
| | position: relative; | | position: relative; |
| − | display: block; | + | margin:0 auto; |
| − | }
| + | |
| − | .nav > li > a {
| + | font-size:20px; |
| − | position: relative;
| + | background-color:#7ab8cc; |
| − | display: block;
| + | opacity:0.75; |
| − | padding: 10px 15px;
| + | color:#fff; |
| − | }
| + | |
| − | .nav > li > a:hover,
| + | |
| − | .nav > li > a:focus {
| + | |
| − | text-decoration: none; | + | |
| − | background-color: #eee; | + | |
| − | }
| + | |
| − | .nav > li.disabled > a {
| + | |
| − | color: #777; | + | |
| − | }
| + | |
| − | .nav > li.disabled > a:hover, | + | |
| − | .nav > li.disabled > a:focus {
| + | |
| − | color: #777;
| + | |
| − | text-decoration: none; | + | |
| − | cursor: not-allowed;
| + | |
| − | }
| + | |
| − | .nav .open > a,
| + | |
| − | .nav .open > a:hover,
| + | |
| − | .nav .open > a:focus {
| + | |
| − | background-color: #eee;
| + | |
| − | border-color: #337ab7;
| + | |
| − | }
| + | |
| − | .nav .nav-divider {
| + | |
| − | height: 1px;
| + | |
| − | margin: 9px 0;
| + | |
| − | overflow: hidden;
| + | |
| − | background-color: #e5e5e5;
| + | |
| − | }
| + | |
| − | .nav > li > a > img {
| + | |
| − | max-width: none;
| + | |
| | } | | } |
| − | .nav-tabs { | + | .nav ul { |
| − | border-bottom: 1px solid #ddd; | + | width:1400px; |
| | + | margin: 0 auto; |
| | + | list-style-type: none; |
| | } | | } |
| − | .nav-tabs > li { | + | .nav ul li{ |
| | float: left; | | float: left; |
| − | margin-bottom: -1px; | + | left:10%; |
| | + | position:relative; |
| | + | padding:5px; |
| | + | margin-left:20px; |
| | + | |
| | + | color:#fff; |
| | + | width:auto; |
| | + | |
| | } | | } |
| − | .nav-tabs > li > a { | + | .nav ul li:last-child { |
| − | margin-right: 2px;
| + | border-right: none; |
| − | line-height: 1.42857143;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | border-radius: 4px 4px 0 0; | + | |
| | } | | } |
| − | .nav-tabs > li > a:hover { | + | .nav ul li a{ |
| − | border-color: #eee #eee #ddd;
| + | |
| − | }
| + | |
| − | .nav-tabs > li.active > a,
| + | |
| − | .nav-tabs > li.active > a:hover,
| + | |
| − | .nav-tabs > li.active > a:focus {
| + | |
| − | color: #555;
| + | |
| − | cursor: default;
| + | |
| − | background-color: #fff;
| + | |
| − | border: 1px solid #ddd;
| + | |
| − | border-bottom-color: transparent;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified {
| + | |
| − | width: 100%;
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > li {
| + | |
| − | float: none;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > li > a {
| + | |
| − | margin-bottom: 5px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > .dropdown .dropdown-menu {
| + | |
| − | top: auto;
| + | |
| − | left: auto;
| + | |
| − | }
| + | |
| − | @media (min-width: 768px) {
| + | |
| − | .nav-tabs.nav-justified > li {
| + | |
| − | display: table-cell;
| + | |
| − | width: 1%;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > li > a {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > li > a {
| + | |
| − | margin-right: 0;
| + | |
| − | border-radius: 4px;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > .active > a,
| + | |
| − | .nav-tabs.nav-justified > .active > a:hover,
| + | |
| − | .nav-tabs.nav-justified > .active > a:focus {
| + | |
| − | border: 1px solid #ddd;
| + | |
| − | }
| + | |
| − | @media (min-width: 768px) {
| + | |
| − | .nav-tabs.nav-justified > li > a {
| + | |
| − | border-bottom: 1px solid #ddd;
| + | |
| − | border-radius: 4px 4px 0 0;
| + | |
| − | }
| + | |
| − | .nav-tabs.nav-justified > .active > a,
| + | |
| − | .nav-tabs.nav-justified > .active > a:hover,
| + | |
| − | .nav-tabs.nav-justified > .active > a:focus {
| + | |
| − | border-bottom-color: #fff;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .nav-pills > li {
| + | |
| − | float: left;
| + | |
| − | }
| + | |
| − | .nav-pills > li > a {
| + | |
| − | border-radius: 4px;
| + | |
| − | }
| + | |
| − | .nav-pills > li + li {
| + | |
| − | margin-left: 2px;
| + | |
| − | }
| + | |
| − | .nav-pills > li.active > a,
| + | |
| − | .nav-pills > li.active > a:hover,
| + | |
| − | .nav-pills > li.active > a:focus {
| + | |
| − | color: #fff;
| + | |
| − | background-color: #337ab7;
| + | |
| − | }
| + | |
| − | .nav-stacked > li {
| + | |
| − | float: none;
| + | |
| − | }
| + | |
| − | .nav-stacked > li + li {
| + | |
| − | margin-top: 2px;
| + | |
| − | margin-left: 0;
| + | |
| − | }
| + | |
| − | .nav-justified {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .nav-justified > li {
| + | |
| − | float: none;
| + | |
| − | }
| + | |
| − | .nav-justified > li > a {
| + | |
| − | margin-bottom: 5px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .nav-justified > .dropdown .dropdown-menu {
| + | |
| − | top: auto;
| + | |
| − | left: auto;
| + | |
| − | }
| + | |
| − | @media (min-width: 768px) {
| + | |
| − | .nav-justified > li {
| + | |
| − | display: table-cell;
| + | |
| − | width: 1%;
| + | |
| − | }
| + | |
| − | .nav-justified > li > a {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .nav-tabs-justified {
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| − | .nav-tabs-justified > li > a {
| + | |
| − | margin-right: 0;
| + | |
| − | border-radius: 4px;
| + | |
| − | }
| + | |
| − | .nav-tabs-justified > .active > a,
| + | |
| − | .nav-tabs-justified > .active > a:hover,
| + | |
| − | .nav-tabs-justified > .active > a:focus {
| + | |
| − | border: 1px solid #ddd;
| + | |
| − | }
| + | |
| − | @media (min-width: 768px) {
| + | |
| − | .nav-tabs-justified > li > a {
| + | |
| − | border-bottom: 1px solid #ddd;
| + | |
| − | border-radius: 4px 4px 0 0;
| + | |
| − | }
| + | |
| − | .nav-tabs-justified > .active > a,
| + | |
| − | .nav-tabs-justified > .active > a:hover,
| + | |
| − | .nav-tabs-justified > .active > a:focus {
| + | |
| − | border-bottom-color: #fff;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .tab-content > .tab-pane {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .tab-content > .active {
| + | |
| | display: block; | | display: block; |
| − | }
| |
| − | .nav-tabs .dropdown-menu {
| |
| − | margin-top: -1px;
| |
| − | border-top-left-radius: 0;
| |
| − | border-top-right-radius: 0;
| |
| − | }
| |
| − | .navbar {
| |
| − | position: relative;
| |
| − | min-height: 50px;
| |
| − | margin-bottom: 20px;
| |
| − | border: 1px solid transparent;
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | .navbar {
| |
| − | border-radius: 4px;
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-header {
| |
| − | float: left;
| |
| − | }
| |
| − | }
| |
| − | .navbar-collapse {
| |
| − | padding-right: 15px;
| |
| − | padding-left: 15px;
| |
| − | overflow-x: visible;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | border-top: 1px solid transparent;
| |
| − | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
| |
| − | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
| |
| − | }
| |
| − | .navbar-collapse.in {
| |
| − | overflow-y: auto;
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-collapse {
| |
| − | width: auto;
| |
| − | border-top: 0;
| |
| − | -webkit-box-shadow: none;
| |
| − | box-shadow: none;
| |
| − | }
| |
| − | .navbar-collapse.collapse {
| |
| − | display: block !important;
| |
| − | height: auto !important;
| |
| − | padding-bottom: 0;
| |
| − | overflow: visible !important;
| |
| − | }
| |
| − | .navbar-collapse.in {
| |
| − | overflow-y: visible;
| |
| − | }
| |
| − | .navbar-fixed-top .navbar-collapse,
| |
| − | .navbar-static-top .navbar-collapse,
| |
| − | .navbar-fixed-bottom .navbar-collapse {
| |
| − | padding-right: 0;
| |
| − | padding-left: 0;
| |
| − | }
| |
| − | }
| |
| − | .navbar-fixed-top .navbar-collapse,
| |
| − | .navbar-fixed-bottom .navbar-collapse {
| |
| − | max-height: 340px;
| |
| − | }
| |
| − | @media (max-device-width: 480px) and (orientation: landscape) {
| |
| − | .navbar-fixed-top .navbar-collapse,
| |
| − | .navbar-fixed-bottom .navbar-collapse {
| |
| − | max-height: 200px;
| |
| − | }
| |
| − | }
| |
| − | .container > .navbar-header,
| |
| − | .container-fluid > .navbar-header,
| |
| − | .container > .navbar-collapse,
| |
| − | .container-fluid > .navbar-collapse {
| |
| − | margin-right: -15px;
| |
| − | margin-left: -15px;
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | .container > .navbar-header,
| |
| − | .container-fluid > .navbar-header,
| |
| − | .container > .navbar-collapse,
| |
| − | .container-fluid > .navbar-collapse {
| |
| − | margin-right: 0;
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | }
| |
| − | .navbar-static-top {
| |
| − | z-index: 1000;
| |
| − | border-width: 0 0 1px;
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-static-top {
| |
| − | border-radius: 0;
| |
| − | }
| |
| − | }
| |
| − | .navbar-fixed-top,
| |
| − | .navbar-fixed-bottom {
| |
| − | position: fixed;
| |
| − | right: 0;
| |
| − | left: 0;
| |
| − | z-index: 1030;
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-fixed-top,
| |
| − | .navbar-fixed-bottom {
| |
| − | border-radius: 0;
| |
| − | }
| |
| − | }
| |
| − | .navbar-fixed-top {
| |
| − | top: 0;
| |
| − | border-width: 0 0 1px;
| |
| − | }
| |
| − | .navbar-fixed-bottom {
| |
| − | bottom: 0;
| |
| − | margin-bottom: 0;
| |
| − | border-width: 1px 0 0;
| |
| − | }
| |
| − |
| |
| − | .navbar-toggle {
| |
| − | position: relative;
| |
| − | float: right;
| |
| − | padding: 9px 10px;
| |
| − | margin-top: 8px;
| |
| − | margin-right: 15px;
| |
| − | margin-bottom: 8px;
| |
| − | background-color: #fff;
| |
| − | background-image: none;
| |
| − | border: 1px solid #fff;
| |
| − | border-radius: 4px;
| |
| − | }
| |
| − | .navbar-toggle:focus {
| |
| − | outline: 0;
| |
| − | }
| |
| − | .navbar-toggle .icon-bar {
| |
| − | display: block;
| |
| − | width: 22px;
| |
| − | height: 2px;
| |
| − | border-radius: 1px;
| |
| − | }
| |
| − | .navbar-toggle .icon-bar + .icon-bar {
| |
| − | margin-top: 4px;
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-toggle {
| |
| − | display: none;
| |
| − | }
| |
| − | }
| |
| − | .navbar-nav {
| |
| − | margin: 7.5px -15px;
| |
| − | }
| |
| − | .navbar-nav > li > a {
| |
| − | padding-top: 10px;
| |
| − | padding-bottom: 10px;
| |
| − | line-height: 20px;
| |
| − | }
| |
| − | @media (max-width: 1125px) {
| |
| − | .navbar-collapse {
| |
| − | margin-top: 15px;
| |
| − | }
| |
| − | .navbar-nav .open .dropdown-menu {
| |
| − | position: static;
| |
| − | float: none;
| |
| − | width: auto;
| |
| − | background-color: #fff;
| |
| − | border: 0;
| |
| − | -webkit-box-shadow: none;
| |
| − | box-shadow: none;
| |
| − | }
| |
| − | .navbar-nav .open .dropdown-menu > li > a,
| |
| − | .navbar-nav .open .dropdown-menu .dropdown-header {
| |
| − | padding: 5px 15px 5px 25px;
| |
| − | }
| |
| − | .navbar-nav .open .dropdown-menu > li > a {
| |
| − | line-height: 20px;
| |
| − | }
| |
| − | .navbar-nav .open .dropdown-menu > li > a:hover,
| |
| − | .navbar-nav .open .dropdown-menu > li > a:focus {
| |
| − | background-image: none;
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | .navbar-nav {
| |
| − | float: left;
| |
| − | margin: 0;
| |
| − | }
| |
| − | .navbar-nav > li {
| |
| − | float: left;
| |
| − | }
| |
| − | .navbar-nav > li > a {
| |
| − | padding-top: 15px;
| |
| − | padding-bottom: 15px;
| |
| − | }
| |
| − | }
| |
| − | .navbar-form {
| |
| − | padding: 10px 15px;
| |
| − | margin-top: 8px;
| |
| − | margin-right: -15px;
| |
| − | margin-bottom: 8px;
| |
| − | margin-left: -15px;
| |
| − | border-top: 1px solid transparent;
| |
| − | border-bottom: 1px solid transparent;
| |
| − | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
| |
| − | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-form .form-group {
| |
| − | display: inline-block;
| |
| − | margin-bottom: 0;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .navbar-form .form-control {
| |
| − | display: inline-block;
| |
| − | width: auto;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .navbar-form .form-control-static {
| |
| − | display: inline-block;
| |
| − | }
| |
| − | .navbar-form .input-group {
| |
| − | display: inline-table;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .navbar-form .input-group .input-group-addon,
| |
| − | .navbar-form .input-group .input-group-btn,
| |
| − | .navbar-form .input-group .form-control {
| |
| − | width: auto;
| |
| − | }
| |
| − | .navbar-form .input-group > .form-control {
| |
| − | width: 100%;
| |
| − | }
| |
| − | .navbar-form .control-label {
| |
| − | margin-bottom: 0;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .navbar-form .radio,
| |
| − | .navbar-form .checkbox {
| |
| − | display: inline-block;
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .navbar-form .radio label,
| |
| − | .navbar-form .checkbox label {
| |
| − | padding-left: 0;
| |
| − | }
| |
| − | .navbar-form .radio input[type="radio"],
| |
| − | .navbar-form .checkbox input[type="checkbox"] {
| |
| − | position: relative;
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | .navbar-form .has-feedback .form-control-feedback {
| |
| − | top: 0;
| |
| − | }
| |
| − | }
| |
| − | @media (max-width: 1125px) {
| |
| − | .navbar-form .form-group {
| |
| − | margin-bottom: 5px;
| |
| − | }
| |
| − | .navbar-form .form-group:last-child {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-form {
| |
| − | width: auto;
| |
| − | padding-top: 0;
| |
| − | padding-bottom: 0;
| |
| − | margin-right: 0;
| |
| − | margin-left: 0;
| |
| − | border: 0;
| |
| − | -webkit-box-shadow: none;
| |
| − | box-shadow: none;
| |
| − | }
| |
| − | }
| |
| − | .navbar-nav > li > .dropdown-menu {
| |
| − | margin-top: 0;
| |
| − | border-top-left-radius: 0;
| |
| − | border-top-right-radius: 0;
| |
| − | }
| |
| − | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
| |
| − | margin-bottom: 0;
| |
| − | border-top-left-radius: 4px;
| |
| − | border-top-right-radius: 4px;
| |
| − | border-bottom-right-radius: 0;
| |
| − | border-bottom-left-radius: 0;
| |
| − | }
| |
| − | .navbar-btn {
| |
| − | margin-top: 8px;
| |
| − | margin-bottom: 8px;
| |
| − | }
| |
| − | .navbar-btn.btn-sm {
| |
| − | margin-top: 10px;
| |
| − | margin-bottom: 10px;
| |
| − | }
| |
| − | .navbar-btn.btn-xs {
| |
| − | margin-top: 14px;
| |
| − | margin-bottom: 14px;
| |
| − | }
| |
| − | .navbar-text {
| |
| − | margin-top: 15px;
| |
| − | margin-bottom: 15px;
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-text {
| |
| − | float: left;
| |
| − | margin-right: 15px;
| |
| − | margin-left: 15px;
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 1125px) {
| |
| − | .navbar-left {
| |
| − | float: left !important;
| |
| − | }
| |
| − | .navbar-right {
| |
| − | float: right !important;
| |
| − | margin-right: 35px;
| |
| − | }
| |
| − | .navbar-right ~ .navbar-right {
| |
| − | margin-right: 0;
| |
| − | }
| |
| − | }
| |
| − | .navbar-default {
| |
| − | background-color: #f8f8f8;
| |
| − | border-color: #e7e7e7;
| |
| − | }
| |
| − | .navbar-default .navbar-brand {
| |
| − | color: #777;
| |
| − | }
| |
| − | .navbar-default .navbar-brand:hover,
| |
| − | .navbar-default .navbar-brand:focus {
| |
| − | color: #5e5e5e;
| |
| − | }
| |
| − | .navbar-default .navbar-text {
| |
| − | color: #777;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > a {
| |
| − | color: #777;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > a:hover,
| |
| − | .navbar-default .navbar-nav > li > a:focus {
| |
| − | color: #333;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > .active > a,
| |
| − | .navbar-default .navbar-nav > .active > a:hover,
| |
| − | .navbar-default .navbar-nav > .active > a:focus {
| |
| − | color: #555;
| |
| − | background-color: #e7e7e7;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > .disabled > a,
| |
| − | .navbar-default .navbar-nav > .disabled > a:hover,
| |
| − | .navbar-default .navbar-nav > .disabled > a:focus {
| |
| − | color: #ccc;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle {
| |
| − | border-color: #ddd;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle:hover,
| |
| − | .navbar-default .navbar-toggle:focus {
| |
| − | background-color: #ddd;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle .icon-bar {
| |
| − | background-color: #888;
| |
| − | }
| |
| − | .navbar-default .navbar-collapse,
| |
| − | .navbar-default .navbar-form {
| |
| − | border-color: #e7e7e7;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > .open > a,
| |
| − | .navbar-default .navbar-nav > .open > a:hover,
| |
| − | .navbar-default .navbar-nav > .open > a:focus {
| |
| − | color: #555;
| |
| − | background-color: #e7e7e7;
| |
| − | }
| |
| − | @media (max-width: 999px) {
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a {
| |
| − | color: #777;
| |
| − | }
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
| |
| − | color: #333;
| |
| − | }
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
| − | color: #555;
| |
| − | background-color: #e7e7e7;
| |
| − | }
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| |
| − | color: #ccc;
| |
| − | }
| |
| − | }
| |
| − | .navbar-default .navbar-link {
| |
| − | color: #777;
| |
| − | }
| |
| − | .navbar-default .navbar-link:hover {
| |
| − | color: #333;
| |
| − | }
| |
| − | .navbar-default .btn-link {
| |
| − | color: #777;
| |
| − | }
| |
| − | .navbar-default .btn-link:hover,
| |
| − | .navbar-default .btn-link:focus {
| |
| − | color: #333;
| |
| − | }
| |
| − | .navbar-default .btn-link[disabled]:hover,
| |
| − | fieldset[disabled] .navbar-default .btn-link:hover,
| |
| − | .navbar-default .btn-link[disabled]:focus,
| |
| − | fieldset[disabled] .navbar-default .btn-link:focus {
| |
| − | color: #ccc;
| |
| − | }
| |
| − | .navbar-inverse {
| |
| − | background-color: #222;
| |
| − | border-color: #080808;
| |
| − | }
| |
| − | .navbar-inverse .navbar-brand {
| |
| − | color: #9d9d9d;
| |
| − | }
| |
| − | .navbar-inverse .navbar-brand:hover,
| |
| − | .navbar-inverse .navbar-brand:focus {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .navbar-inverse .navbar-text {
| |
| − | color: #9d9d9d;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav > li > a {
| |
| − | color: #9d9d9d;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav > li > a:hover,
| |
| − | .navbar-inverse .navbar-nav > li > a:focus {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav > .active > a,
| |
| − | .navbar-inverse .navbar-nav > .active > a:hover,
| |
| − | .navbar-inverse .navbar-nav > .active > a:focus {
| |
| − | color: #fff;
| |
| − | background-color: #080808;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav > .disabled > a,
| |
| − | .navbar-inverse .navbar-nav > .disabled > a:hover,
| |
| − | .navbar-inverse .navbar-nav > .disabled > a:focus {
| |
| − | color: #444;
| |
| − | }
| |
| − | .navbar-inverse .navbar-toggle {
| |
| − | border-color: #333;
| |
| − | }
| |
| − | .navbar-inverse .navbar-toggle:hover,
| |
| − | .navbar-inverse .navbar-toggle:focus {
| |
| − | background-color: #333;
| |
| − | }
| |
| − | .navbar-inverse .navbar-toggle .icon-bar {
| |
| − | background-color: #fff;
| |
| − | }
| |
| − | .navbar-inverse .navbar-collapse,
| |
| − | .navbar-inverse .navbar-form {
| |
| − | border-color: #101010;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav > .open > a,
| |
| − | .navbar-inverse .navbar-nav > .open > a:hover,
| |
| − | .navbar-inverse .navbar-nav > .open > a:focus {
| |
| − | color: #fff;
| |
| − | background-color: #080808;
| |
| − | }
| |
| − | @media (max-width: 999px) {
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
| |
| − | border-color: #080808;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
| |
| − | background-color: #080808;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
| |
| − | color: #9d9d9d;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
| − | color: #fff;
| |
| − | background-color: #080808;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| |
| − | color: #444;
| |
| − | }
| |
| − | }
| |
| − | .navbar-inverse .navbar-link {
| |
| − | color: #9d9d9d;
| |
| − | }
| |
| − | .navbar-inverse .navbar-link:hover {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .navbar-inverse .btn-link {
| |
| − | color: #9d9d9d;
| |
| − | }
| |
| − | .navbar-inverse .btn-link:hover,
| |
| − | .navbar-inverse .btn-link:focus {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .navbar-inverse .btn-link[disabled]:hover,
| |
| − | fieldset[disabled] .navbar-inverse .btn-link:hover,
| |
| − | .navbar-inverse .btn-link[disabled]:focus,
| |
| − | fieldset[disabled] .navbar-inverse .btn-link:focus {
| |
| − | color: #444;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .nav-pills > li > a > .badge {
| |
| − | margin-left: 3px;
| |
| − | }
| |
| − |
| |
| − | .container .jumbotron,
| |
| − | .container-fluid .jumbotron {
| |
| − | padding-right: 15px;
| |
| − | padding-left: 15px;
| |
| − | border-radius: 6px;
| |
| − | }
| |
| − | .jumbotron .container {
| |
| − | max-width: 100%;
| |
| − | }
| |
| − | @media screen and (min-width: 768px) {
| |
| − | .jumbotron {
| |
| − | padding-top: 48px;
| |
| − | padding-bottom: 48px;
| |
| − | }
| |
| − | .container .jumbotron,
| |
| − | .container-fluid .jumbotron {
| |
| − | padding-right: 60px;
| |
| − | padding-left: 60px;
| |
| − | }
| |
| | | | |
| − | | + | height:72px; |
| − | .container:before,
| + | line-height:72px; |
| − | .container:after,
| + | color:#ffffff; |
| − | .container-fluid:before,
| + | |
| − | .container-fluid:after,
| + | |
| − | .row:before,
| + | |
| − | .row:after,
| + | |
| − | .form-horizontal .form-group:before,
| + | |
| − | .form-horizontal .form-group:after,
| + | |
| − | .btn-toolbar:before,
| + | |
| − | .btn-toolbar:after,
| + | |
| − | .btn-group-vertical > .btn-group:before,
| + | |
| − | .btn-group-vertical > .btn-group:after,
| + | |
| − | .nav:before,
| + | |
| − | .nav:after,
| + | |
| − | .navbar:before,
| + | |
| − | .navbar:after,
| + | |
| − | .navbar-header:before,
| + | |
| − | .navbar-header:after,
| + | |
| − | .navbar-collapse:before,
| + | |
| − | .navbar-collapse:after,
| + | |
| − | | + | |
| − | .container:after,
| + | |
| − | .container-fluid:after,
| + | |
| − | | + | |
| − | .nav:after,
| + | |
| − | .navbar:after,
| + | |
| − | .navbar-header:after,
| + | |
| − | .navbar-collapse:after,
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | @media (min-width: 1125px) {.dropdown-menu li:hover .sub-menu {visibility: visible;}}
| + | |
| − | @media (min-width: 1125px) {.dropdown:hover .dropdown-menu {display: block;}}
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | | + | |
| − | </p><p>
| + | |
| − | <head>
| + | |
| − | <title>导航栏</title> | + | |
| − | <meta charset="utf-8">
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
| + | |
| − | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <script type='text/javascript'>//<![CDATA[
| + | |
| − | $(window).load(function(){
| + | |
| − | $('a').click(function(){
| + | |
| − | $('html, body').animate({
| + | |
| − | scrollTop: $( $(this).attr('href') ).offset().top
| + | |
| − | }, 500);
| + | |
| − | return false;
| + | |
| − | });
| + | |
| − | });//]]>
| + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | <script type="text/javascript">
| + | |
| − | $('body').scrollspy({
| + | |
| − | target: '.bs-docs-sidebar',
| + | |
| − | offset: 130
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| − | <script type='text/javascript'>//<![CDATA[
| + | |
| − | $(window).load(function(){
| + | |
| − | $('a').click(function(){
| + | |
| − | $('html, body').animate({
| + | |
| − | scrollTop: $( $(this).attr('href') ).offset().top
| + | |
| − | }, 500);
| + | |
| − | return false;
| + | |
| − | });
| + | |
| − | });//]]>
| + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | <script type="text/javascript">
| + | |
| − | $('body').scrollspy({
| + | |
| − | target: '.bs-docs-sidebar',
| + | |
| − | offset: 130
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | | + | |
| − | <style>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .navbar {
| + | |
| − | margin-top: 16px;
| + | |
| − | position: fixed;
| + | |
| − | font-size: 13px;
| + | |
| − | background-color: #fff;
| + | |
| − | margin-bottom: 15;
| + | |
| | } | | } |
| − | | + | .nav ul li:hover ul li{ |
| − | .navbar-toggle { | + | display:block |
| − | position: relative;
| + | |
| − | float: right;
| + | |
| − | padding: 9px 10px;
| + | |
| − | margin-top: 8px;
| + | |
| − | margin-right: 15px;
| + | |
| − | margin-bottom: 8px;
| + | |
| − | background-color: #fff;
| + | |
| − | background-image: none;
| + | |
| − | border: 1px solid #fff;
| + | |
| − | border-radius: 4px;
| + | |
| | } | | } |
| | | | |
| − | .navbar-right li { | + | .nv > li > ul { |
| − | font-family: "Avenir",sans-serif;
| + | width:auto; |
| − | color: #2800D7;
| + | |
| | } | | } |
| | | | |
| − | .navbar-nav > li > a { | + | .nv > li > ul > li{ |
| − | padding-left: 10px;
| + | float:inherit; |
| − | padding-right: 10px;
| + | height:0px; |
| | + | transition:height 0.5s; |
| | + | opacity:0.75; |
| | + | background-color:#7ab8cc; |
| | + | display:none; |
| | + | width:180px; |
| | } | | } |
| − | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
| |
| − | background-color: #fff;
| |
| − | color:#2800D7;
| |
| − | }
| |
| − |
| |
| − | .navbar-default .navbar-nav > .active {
| |
| − | background-color: #fff;
| |
| | | | |
| | + | .nv > li > ul > li:hover{ |
| | + | opacity:0.9; |
| | } | | } |
| | | | |
| − | .navbar-default .navbar-brand { | + | .nv > li:hover > ul > li{ |
| − | font-weight: bold;
| + | height:45px; |
| − | color: #2800D7;
| + | |
| − | /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
| + | |
| − | -webkit-background-clip: text;
| + | |
| − | -webkit-text-fill-color: transparent;*/
| + | |
| | } | | } |
| | | | |
| − | .navbar-default .navbar-brand:hover { | + | .nv > li > ul > li a{ |
| − | font-weight: bold;
| + | height:0px; |
| − | color: #fa1e64;
| + | transition:height 0.5s; |
| − | /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
| + | color:#fff; |
| − | -webkit-background-clip: text;
| + | font-size:16px; |
| − | -webkit-text-fill-color: transparent;*/
| + | |
| | } | | } |
| | | | |
| − | | + | .nv > li:hover > ul > li a{ |
| − | body {
| + | height:48px; |
| − | font-family:Avenir !important;
| + | |
| − | text-align: center;
| + | |
| | } | | } |
| | | | |
| Line 1,225: |
Line 233: |
| | | | |
| | | | |
| − | .container-fluid h1 {
| + | a:link { |
| − | font-weight:bold;
| + | color: #135589; |
| − | font-size:70px; | + | font-weight:bold; |
| − | font-family:Avenir, Calibri, Arial !important;
| + | |
| − | padding-top: 100px; margin-top:-75px;
| + | |
| − | padding-bottom:20px;
| + | |
| | } | | } |
| − | .container-fluid h2 {
| + | a:visited { |
| − | color: #A7689B; | + | color: #135589; |
| − | font-weight:bold; | + | font-weight:bold; |
| − | font-family:Avenir, Calibri, Arial !important;
| + | |
| − | text-align:left;
| + | |
| − | font-size:38px;
| + | |
| − | padding-top: 100px; margin-top:-75px;
| + | |
| − | padding-bottom:20px;
| + | |
| | } | | } |
| − | .container-fluid h3 {
| + | a:hover { |
| − | color: #BF78AE; | + | color: #135589; |
| − | text-decoration: bold;
| + | font-weight:bold; |
| − | text-align:left;
| + | |
| − | font-size:25px;
| + | |
| − | font-family:Avenir, Calibri, Arial !important;
| + | |
| − | padding-top: 100px; margin-top:-75px;
| + | |
| − | padding-bottom:10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media (max-width: 600px) {
| + | |
| − | .container-fluid h1 {
| + | |
| − | font-size:40px;
| + | |
| − | }
| + | |
| − | .container-fluid h2 {
| + | |
| − | font-size:30px;
| + | |
| − | }
| + | |
| − | .container-fluid h3 {
| + | |
| − | font-size:24px;
| + | |
| | } | | } |
| | + | a:active { |
| | + | color: #135589; |
| | + | font-weight:bold; |
| | } | | } |
| | | | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .container-fluid b {
| + | |
| − | text-decoration: bold;
| + | |
| − | font-family:Avenir, Calibri, Arial !important;
| + | |
| − | }
| + | |
| − | @media (max-width: 1150px) {
| + | |
| − | .caret {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .container-fluid li {
| + | |
| − | font-family:Avenir, Calibri, Arial !important;
| + | |
| − | list-style-type: square;
| + | |
| − | text-align: left; !important;
| + | |
| − | line-height:180%;
| + | |
| − | font-size:16px !important;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | .navFont
| + | |
| − | {
| + | |
| − | font-size:20px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .container-fluid li li {
| + | |
| − | list-style-type: circle;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav li {
| + | |
| − | list-style-type: none;
| + | |
| − | font-size:20px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .nav li li {
| + | |
| − | list-style-type: none;
| + | |
| − | }
| + | |
| − | .nav-position{
| + | |
| − | text-align:center;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| | | | |
| | | | |
| Line 1,699: |
Line 634: |
| | | | |
| | </head> | | </head> |
| | + | <head> |
| | + | <link href="common.css" rel="stylesheet" type="text/css" media="all" /> |
| | | | |
| − | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 10px; padding-top: 14px; height:80px; font-size:22px !important;"> | + | |
| − | <div class=" container-fluid "> | + | </head> |
| | + | <body> |
| | + | |
| | + | <div id="background"> |
| | + | <div id="header"> |
| | + | <div id="nav-wrapper"> |
| | + | |
| | + | <ul class="nv"> |
| | + | |
| | + | |
| | | | |
| − | <div class="collapse navbar-collapse collapse" id="myNavbar" style="background-color: #fff;">
| |
| | | | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li class="dropdown"> | + | |
| − | <a href="https://2017.igem.org/Team:WHU-China">HOME</a></li> | + | <li id=" nv1"><a href="https://2017.igem.org/Team:WHU-China">HOME</a></li> |
| − | <li class="dropdown"> | + | |
| − | <a href="#" class=" dropdown-toggle" data-toggle=" dropdown" role="button" aria- haspopup=" true" aria-expanded=" false"> TEAM< span class=" caret"></ span></ a> | + | |
| − | <ul class="dropdown-menu">
| + | <li id="nv2"> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/ Team"> Team</a></li> | + | <a href="#" >PROJECT </a> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/ Collaborations"> Collaborations</a></li> | + | <ul> |
| − |
| + | <li id="nv21"><a href="https://2017.igem.org/Team:WHU-China/Description">Description</a></li> |
| | + | <li id="nv22"><a href="https://2017.igem.org/Team:WHU-China/Design">Design</a></li> |
| | + | < li id=" nv23"><a href="https://2017.igem.org/Team:WHU-China/ Experiments"> Experiments</a></li> |
| | + | |
| | + | <li id="nv24"><a href="https://2017.igem.org/Team:WHU-China/ Results"> Results</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | | | |
| − | <li class="dropdown"> | + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT <span class="caret"></span></a> | + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Description">Description</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Design">Design</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Experiments">Experiments</a></li> | + | |
| − | <li><a href=" https://2017.igem.org/Team:WHU-China/Notebook"> Notebook</a ></li> | + | <li id="nv3"> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/InterLab">InterLab</a></li> | + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Contribution">Contribution</a></li>
| + | <ul > |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Model">Model</a></li> | + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/ Results"> Results</a></li> | + | <li id=" nv31"><a href="https://2017.igem.org/Team:WHU-China/ Basic_Part"> Basic parts</a></li> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Demonstrate">Demonstrate</a></li> | + | <li id=" nv32"><a href="https://2017.igem.org/Team:WHU-China/ Composite_Part"> Composite parts</a></li> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/ Improve"> Improve</a></li> | + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
| + | |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | + | |
| | + | |
| | + | |
| | + | <li id="nv4"><a href="https://2017.igem.org/Team:WHU-China/InterLab">INTERLAB</a></li> |
| | | | |
| − | <li class="dropdown"> | + | <li id=" nv5"><a href=" https://2017.igem.org/Team:WHU- China/Model"> MODELINGS</ a></ li> |
| − | <a href=" #" class="dropdown- toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS <span class="caret"></ span></ a> | + | |
| − | <ul class="dropdown-menu">
| + | < li id=" nv6"><a href="https://2017.igem.org/Team:WHU-China/ Notebook"> NOTEBOOK</a></li > |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/ Parts"> Parts</a></li> | + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Basic_Part">Basic Parts</a></li> | + | <li id="nv7"> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li> | + | |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Part_Collection">Part Collection</a></li> | + | |
| | + | <a href="#" >HUMAN PRACTICES </a> |
| | + | <ul > |
| | + | <li id="nv61"><a href="https://2017.igem.org/Team:WHU-China/ HP/Silver"> Silver HP</a></li> |
| | + | <li id="nv62"><a href="https://2017.igem.org/Team:WHU-China/ HP/Gold_Integrated"> Integrated and Gold</a></li> |
| | + | <li id="nv63"><a href="https://2017.igem.org/Team:WHU-China/ Engagement"> Public Engagement</a></li> |
| | | | |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − | <li class="dropdown">
| + | <li id="nv8" > |
| | <a href="https://2017.igem.org/Team:WHU-China">SAFETY</a></li> | | <a href="https://2017.igem.org/Team:WHU-China">SAFETY</a></li> |
| − | <li class="dropdown"> | + | <li id="nv9"> |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES <span class="caret"></span></a> | + | <a href="#">TEAM</a> |
| − | <ul class="dropdown-menu"> | + | <ul > |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/HP/Silver">Silver HP</a></li> | + | <li id="nv81"><a href="https://2017.igem.org/Team:WHU-China/ Team"> Team</a></li> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/HP/Gold_Integrated">Integrated and Gold</a></li> | + | <li id=" nv82"><a href="https://2017.igem.org/Team:WHU-China/ Collaborations"> Collaborations</a></li> |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/ Engagement"> Public Engagement</a></li> | + | |
| | | | |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Applied_Design">Applied Design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Hardware">Hardware</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Measurement">Measurement</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Model">Model</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Plant">Plant</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:WHU-China/Software">Software</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="https://2017.igem.org/Team:WHU-China">JUDGING FORM</a></li>
| |
| − |
| |
| − |
| |
| | | | |
| | </ul> | | </ul> |
| Line 1,778: |
Line 718: |
| | </div> | | </div> |
| | </nav> | | </nav> |
| − | <!--<div style="height:50px;"> </div>--> | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | | | |
| | <!-- start of content --> | | <!-- start of content --> |
