|
|
| Line 650: |
Line 650: |
| | } | | } |
| | /********************************************************* TOPBAR MENU ENDS *********************************************/ | | /********************************************************* TOPBAR MENU ENDS *********************************************/ |
| − | /***************************************************** SIDEBAR MENU **************************************************/
| |
| − | #sidebar {
| |
| − | display: contents;
| |
| − | }
| |
| − | #sidebar-wrapper {
| |
| − | position: fixed;
| |
| − | top: 18px;
| |
| − | z-index: 2;
| |
| − | right: 0;
| |
| − | width: 283px;
| |
| − | height: 100%;
| |
| − | -webkit-transition: all 0.4s ease 0s;
| |
| − | -moz-transition: all 0.4s ease 0s;
| |
| − | -ms-transition: all 0.4s ease 0s;
| |
| − | -o-transition: all 0.4s ease 0s;
| |
| − | transition: all 0.4s ease 0s;
| |
| − | transform: translateX(300px);
| |
| − | background: #5da565;
| |
| − | }
| |
| − | .sidebar-nav {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | width: 300px;
| |
| − | margin: 0;
| |
| − | padding: 10px;
| |
| − | list-style: none;
| |
| − | }
| |
| − | .sub-sidebar-nav {
| |
| − | width:inherit;
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding: 10px;
| |
| − | position:static;
| |
| − | }
| |
| − | .sidebar-nav li.sidebar-nav-item a {
| |
| − | display: block;
| |
| − | text-decoration: none;
| |
| − | color: #fff;
| |
| − | padding: 10px;
| |
| − | }
| |
| − | .sidebar-nav-subitem {
| |
| − | list-style-type: none;
| |
| − | list-style: none;
| |
| − | text-decoration: none;
| |
| − | margin: 0;
| |
| − | padding: 10px;
| |
| − | color: #fff;
| |
| − | background: #2f6361;
| |
| − | padding: 0px;
| |
| − | }
| |
| − | .sidebar-nav li a:hover {
| |
| − | text-decoration: none;
| |
| − | color: #000;
| |
| − | background: #2a8481;
| |
| − | }
| |
| − | .sidebar-nav li a:active,
| |
| − | .sidebar-nav li a:focus {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | .sidebar-nav > .sidebar-brand {
| |
| − | font-size: 1.2rem;
| |
| − | background: rgba(52, 58, 64, 0.1);
| |
| − | height: 80px;
| |
| − | line-height: 50px;
| |
| − | padding-top: 15px;
| |
| − | padding-bottom: 15px;
| |
| − | padding-left: 15px;
| |
| − | position:relative;
| |
| − | left: -32;
| |
| − | }
| |
| − | .sidebar-nav > .sidebar-brand a {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .sidebar-nav > .sidebar-brand a:hover {
| |
| − | color: #fff;
| |
| − | background: none;
| |
| − | }
| |
| − | .brand-hider {
| |
| − | width: 290px;
| |
| − | height: 78px;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | background: #2f6361;
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | top: 1px;
| |
| − | -webkit-transition: all 1s ease 0s;
| |
| − | -moz-transition: all 1s ease 0s;
| |
| − | -ms-transition: all 1s ease 0s;
| |
| − | -o-transition: all 1s ease 0s;
| |
| − | transition: all 1s ease 0s;
| |
| − | }
| |
| − | .brand-hider.active {
| |
| − | width: 10px;
| |
| − | right: 10px;
| |
| − | -webkit-transition: all 1s ease 0s;
| |
| − | -moz-transition: all 1s ease 0s;
| |
| − | -ms-transition: all 1s ease 0s;
| |
| − | -o-transition: all 1s ease 0s;
| |
| − | transition: all 1s ease 0s;
| |
| − | }
| |
| − | #sidebar-wrapper.active{
| |
| − | right: 300px;
| |
| − | -webkit-transition: all 0.4s ease 0s;
| |
| − | -moz-transition: all 0.4s ease 0s;
| |
| − | -ms-transition: all 0.4s ease 0s;
| |
| − | -o-transition: all 0.4s ease 0s;
| |
| − | transition: all 0.4s ease 0s;
| |
| − | }
| |
| − | .menu-toggle {
| |
| − | position: fixed;
| |
| − | right: 10px;
| |
| − | top: 30px;
| |
| − | width: 50px;
| |
| − | height: 50px;
| |
| − | text-align: center;
| |
| − | color: #fff !important;
| |
| − | background: rgba(52, 58, 64, 0.5);
| |
| − | line-height: 50px;
| |
| − | z-index: 999;
| |
| − | -webkit-transition: all 0.4s ease 0s;
| |
| − | -moz-transition: all 0.4s ease 0s;
| |
| − | -ms-transition: all 0.4s ease 0s;
| |
| − | -o-transition: all 0.4s ease 0s;
| |
| − | transition: all 0.4s ease 0s;
| |
| − | }
| |
| − | .menu-toggle:focus, .menu-toggle:hover {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .menu-toggle:hover {
| |
| − | background: #343a40;
| |
| − | }
| |
| − | /********************************** CODE FOR HIDING OR SHOWING THE MENUS DEPENDING ON SCREEN SIZE ***********************/
| |
| − | @media screen and (min-width: 900px) {
| |
| − | #topBarWrapper {
| |
| − | display: contents;
| |
| − | }
| |
| − | #sidebar {
| |
| − | display: none;
| |
| − | }
| |
| − | #scroll-to-top-btn {
| |
| − | display: none !important;
| |
| − | }
| |
| − | }
| |
| | | | |
| | /********************************************************Loader**************************************************/ | | /********************************************************Loader**************************************************/ |
| Line 874: |
Line 730: |
| | | | |
| | | | |
| − | /**********************************************************************************************************************/
| |
| − | /********************************************************* VERTICAL NAVBAR ********************************************/
| |
| − | /**********************************************************************************************************************/
| |
| − | .vertical-nav {
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | /* --------------------------------
| |
| − | Primary style
| |
| − | -------------------------------- */
| |
| − | *, *::after, *::before {
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | color: yellow;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .cd-image-replace {
| |
| − | /* replace text with image */
| |
| − | display: inline-block;
| |
| − | overflow: hidden;
| |
| − | text-indent: 100%;
| |
| − | white-space: nowrap;
| |
| − | color: transparent;
| |
| − | }
| |
| − |
| |
| − | /* --------------------------------
| |
| − | Navigation trigger - visible on small devices only
| |
| − | -------------------------------- */
| |
| − | .cd-nav-trigger {
| |
| − | display: block;
| |
| − | position: fixed;
| |
| − | z-index: 102;
| |
| − | bottom: 30px;
| |
| − | right: 5%;
| |
| − | height: 44px;
| |
| − | width: 44px;
| |
| − | border-radius: 0.25em;
| |
| − | background: rgba(234, 242, 227, 0.9);
| |
| − | /* reset button style */
| |
| − | cursor: pointer;
| |
| − | -webkit-appearance: none;
| |
| − | -moz-appearance: none;
| |
| − | -ms-appearance: none;
| |
| − | -o-appearance: none;
| |
| − | appearance: none;
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | }
| |
| − | .cd-nav-trigger span {
| |
| − | /* central dot */
| |
| − | position: absolute;
| |
| − | height: 4px;
| |
| − | width: 4px;
| |
| − | background-color: #3a2c41;
| |
| − | border-radius: 10%;
| |
| − | left: 50%;
| |
| − | top: 50%;
| |
| − | bottom: auto;
| |
| − | right: auto;
| |
| − | -webkit-transform: translateX(-50%) translateY(-50%);
| |
| − | -moz-transform: translateX(-50%) translateY(-50%);
| |
| − | -ms-transform: translateX(-50%) translateY(-50%);
| |
| − | -o-transform: translateX(-50%) translateY(-50%);
| |
| − | transform: translateX(-50%) translateY(-50%);
| |
| − | }
| |
| − | .cd-nav-trigger span::before, .cd-nav-trigger span::after {
| |
| − | /* bottom and top dots */
| |
| − | content: '';
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | background-color: #3a2c41;
| |
| − | border-radius: inherit;
| |
| − | }
| |
| − | .cd-nav-trigger span::before {
| |
| − | top: -9px;
| |
| − | }
| |
| − | .cd-nav-trigger span::after {
| |
| − | bottom: -9px;
| |
| − | }
| |
| − | @media only screen and (min-width: 900px) {
| |
| − | .cd-nav-trigger {
| |
| − | display: none;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /* --------------------------------
| |
| − | Vertical navigation
| |
| − | -------------------------------- */
| |
| − | .cd-vertical-nav {
| |
| − | position: fixed;
| |
| − | z-index: 100;
| |
| − | right: 5%;
| |
| − | bottom: 30px;
| |
| − | width: 90%;
| |
| − | max-width: 400px;
| |
| − | max-height: 90%;
| |
| − | overflow-y: auto;
| |
| − | -webkit-transform: scale(0);
| |
| − | -moz-transform: scale(0);
| |
| − | -ms-transform: scale(0);
| |
| − | -o-transform: scale(0);
| |
| − | transform: scale(0);
| |
| − | -webkit-transform-origin: right bottom;
| |
| − | -moz-transform-origin: right bottom;
| |
| − | -ms-transform-origin: right bottom;
| |
| − | -o-transform-origin: right bottom;
| |
| − | transform-origin: right bottom;
| |
| − | -webkit-transition: all 0.2s;
| |
| − | -moz-transition: all 0.2s;
| |
| − | transition: all 0.2s;
| |
| − | border-radius: 0.25em;
| |
| − | background-color: rgba(234, 242, 227, 0.9);
| |
| − | }
| |
| − | .cd-vertical-nav a {
| |
| − | display: block;
| |
| − | padding: 1em;
| |
| − | }
| |
| − | .cd-vertical-nav a.active {
| |
| − | color: white;
| |
| − | }
| |
| − | .cd-vertical-nav.open {
| |
| − | -webkit-transform: scale(1);
| |
| − | -moz-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | -o-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − | .cd-vertical-nav.open + .cd-nav-trigger {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | .cd-vertical-nav.open + .cd-nav-trigger span {
| |
| − | background-color: rgba(58, 44, 65, 0);
| |
| − | }
| |
| − | .cd-vertical-nav.open + .cd-nav-trigger span::before, .cd-vertical-nav.open + .cd-nav-trigger span::after {
| |
| − | /* transform dots in 'X' icon */
| |
| − | height: 3px;
| |
| − | width: 20px;
| |
| − | border-radius: 0;
| |
| − | left: -8px;
| |
| − | }
| |
| − | .cd-vertical-nav.open + .cd-nav-trigger span::before {
| |
| − | -webkit-transform: rotate(45deg);
| |
| − | -moz-transform: rotate(45deg);
| |
| − | -ms-transform: rotate(45deg);
| |
| − | -o-transform: rotate(45deg);
| |
| − | transform: rotate(45deg);
| |
| − | top: 1px;
| |
| − | }
| |
| − | .cd-vertical-nav.open + .cd-nav-trigger span::after {
| |
| − | -webkit-transform: rotate(135deg);
| |
| − | -moz-transform: rotate(135deg);
| |
| − | -ms-transform: rotate(135deg);
| |
| − | -o-transform: rotate(135deg);
| |
| − | transform: rotate(135deg);
| |
| − | bottom: 0;
| |
| − | }
| |
| − | @media only screen and (min-width: 900px) {
| |
| − | .cd-vertical-nav {
| |
| − | /* reset style */
| |
| − | right: 0;
| |
| − | top: 0;
| |
| − | bottom: auto;
| |
| − | height: 100vh;
| |
| − | width: 90px;
| |
| − | max-width: none;
| |
| − | max-height: none;
| |
| − | -webkit-transform: scale(1);
| |
| − | -moz-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | -o-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | background-color: transparent;
| |
| − | /* vertically align its content*/
| |
| − | display: table;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* navbar background */
| |
| − | .cd-vertical-nav::before {
| |
| − | /* this is the navigation background */
| |
| − | content: '';
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background: #397471;
| |
| − | -webkit-transform: translateX(100%);
| |
| − | -moz-transform: translateX(100%);
| |
| − | -ms-transform: translateX(100%);
| |
| − | -o-transform: translateX(100%);
| |
| − | transform: translateX(100%);
| |
| − | -webkit-transition: -webkit-transform 0.4s;
| |
| − | -moz-transition: -moz-transform 0.4s;
| |
| − | transition: transform 0.4s;
| |
| − | }
| |
| − | .no-touch .cd-vertical-nav:hover::before, .touch .cd-vertical-nav::before {
| |
| − | -webkit-transform: translateX(0);
| |
| − | -moz-transform: translateX(0);
| |
| − | -ms-transform: translateX(0);
| |
| − | -o-transform: translateX(0);
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | .cd-vertical-nav ul {
| |
| − | /* vertically align <ul> inside <nav>*/
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .cd-vertical-nav a {
| |
| − | position: relative;
| |
| − | padding: 2em 0 0;
| |
| − | margin: 0.5em auto;
| |
| − | border-bottom: none;
| |
| − | font-size: 1rem;
| |
| − | color: #FFF;
| |
| − | line-height: 1em;
| |
| − | }
| |
| − | .cd-vertical-nav a.active {
| |
| − | color: #FFF;
| |
| − | }
| |
| − | .cd-vertical-nav a::before, .cd-vertical-nav a::after {
| |
| − | /* used to create the filled circle and the background icon */
| |
| − | content: '';
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | /* Force Hardware Acceleration */
| |
| − | -webkit-backface-visibility: hidden;
| |
| − | backface-visibility: hidden;
| |
| − | -webkit-transform: translateZ(0);
| |
| − | -moz-transform: translateZ(0);
| |
| − | -ms-transform: translateZ(0);
| |
| − | -o-transform: translateZ(0);
| |
| − | transform: translateZ(0);
| |
| − | }
| |
| − | .cd-vertical-nav a::before {
| |
| − | /* filled circle */
| |
| − | top: 0;
| |
| − | height: 32px;
| |
| − | width: 32px;
| |
| − | border-radius: 50%;
| |
| − | background: #5DA565;
| |
| − | -webkit-transform: translateX(-50%) scale(0.1);
| |
| − | -moz-transform: translateX(-50%) scale(0.1);
| |
| − | -ms-transform: translateX(-50%) scale(0.1);
| |
| − | -o-transform: translateX(-50%) scale(0.1);
| |
| − | transform: translateX(-50%) scale(0.1);
| |
| − | -webkit-transition: -webkit-transform 0.4s, background-color 0.2s;
| |
| − | -moz-transition: -moz-transform 0.4s, background-color 0.2s;
| |
| − | transition: transform 0.4s, background-color 0.2s;
| |
| − | }
| |
| − | .cd-vertical-nav a::after {
| |
| − | /* icon */
| |
| − | opacity: 0;
| |
| − | top: 8px;
| |
| − | height: 16px;
| |
| − | width: 16px;
| |
| − | background: url(../img/cd-nav-icons.svg) no-repeat;
| |
| − | -webkit-transform: translateX(-50%) scale(0);
| |
| − | -moz-transform: translateX(-50%) scale(0);
| |
| − | -ms-transform: translateX(-50%) scale(0);
| |
| − | -o-transform: translateX(-50%) scale(0);
| |
| − | transform: translateX(-50%) scale(0);
| |
| − | -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.1s 0.3s;
| |
| − | -moz-transition: -moz-transform 0.4s 0s, opacity 0.1s 0.3s;
| |
| − | transition: transform 0.4s 0s, opacity 0.1s 0.3s;
| |
| − | }
| |
| − | .cd-vertical-nav a.active::before, .no-touch .cd-vertical-nav a:hover::before {
| |
| − | background-color: #70C27C;
| |
| − | }
| |
| − | .cd-vertical-nav .label {
| |
| − | display: block;
| |
| − | /* Force Hardware Acceleration */
| |
| − | -webkit-backface-visibility: hidden;
| |
| − | backface-visibility: hidden;
| |
| − | -webkit-transform: translateZ(0);
| |
| − | -moz-transform: translateZ(0);
| |
| − | -ms-transform: translateZ(0);
| |
| − | -o-transform: translateZ(0);
| |
| − | transform: translateZ(0);
| |
| − | -webkit-transform: translateX(100%);
| |
| − | -moz-transform: translateX(100%);
| |
| − | -ms-transform: translateX(100%);
| |
| − | -o-transform: translateX(100%);
| |
| − | transform: translateX(100%);
| |
| − | -webkit-transition: all 0.4s;
| |
| − | -moz-transition: all 0.4s;
| |
| − | transition: all 0.4s;
| |
| − | line-height: 1em;
| |
| − | }
| |
| − | .no-touch .cd-vertical-nav:hover a::before, .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav li:nth-of-type(n) a::before, .touch .cd-vertical-nav li:nth-of-type(n) a::after {
| |
| − | -webkit-transform: translateX(-50%) scale(1);
| |
| − | -moz-transform: translateX(-50%) scale(1);
| |
| − | -ms-transform: translateX(-50%) scale(1);
| |
| − | -o-transform: translateX(-50%) scale(1);
| |
| − | transform: translateX(-50%) scale(1);
| |
| − | /* set a rotation to fix bug on Firefox - http://gielberkers.com/how-to-fix-shaking-css-transitions-in-firefox/ */
| |
| − | -moz-transform: translateX(-50%) scale(1) rotate(0.02deg);
| |
| − | }
| |
| − | .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav a::after {
| |
| − | opacity: 1;
| |
| − | -webkit-transition: -webkit-transform 0.4s, opacity 0s;
| |
| − | -moz-transition: -moz-transform 0.4s, opacity 0s;
| |
| − | transition: transform 0.4s, opacity 0s;
| |
| − | }
| |
| − | .no-touch .cd-vertical-nav:hover .label, .touch .cd-vertical-nav .label {
| |
| − | -webkit-transform: translateX(0);
| |
| − | -moz-transform: translateX(0);
| |
| − | -ms-transform: translateX(0);
| |
| − | -o-transform: translateX(0);
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /* --------------------------------
| |
| − | no-js
| |
| − | -------------------------------- */
| |
| − | .no-js .cd-nav-trigger {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .no-js .cd-vertical-nav {
| |
| − | position: static;
| |
| − | height: auto;
| |
| − | width: 100%;
| |
| − | max-width: none;
| |
| − | background-color: #2A8481;
| |
| − | border-radius: 0;
| |
| − | -webkit-transform: scale(1);
| |
| − | -moz-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | -o-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | .no-js .cd-vertical-nav::before {
| |
| − | display: none;
| |
| − | }
| |
| − | .no-js .cd-vertical-nav ul::after {
| |
| − | clear: both;
| |
| − | content: "";
| |
| − | display: table;
| |
| − | }
| |
| − | .no-js .cd-vertical-nav li {
| |
| − | display: inline-block;
| |
| − | float: left;
| |
| − | }
| |
| − | .no-js .cd-vertical-nav a {
| |
| − | padding: 0 1em;
| |
| − | margin: 1.5em 1em;
| |
| − | color: #eaf2e3;
| |
| − | }
| |
| − | .no-js .cd-vertical-nav a.active {
| |
| − | color: #c0a672;
| |
| − | }
| |
| − | .no-js .cd-vertical-nav a::after, .no-js .cd-vertical-nav a::before {
| |
| − | display: none;
| |
| − | }
| |
| − | .no-js .cd-vertical-nav .label {
| |
| − | -webkit-transform: translateX(0);
| |
| − | -moz-transform: translateX(0);
| |
| − | -ms-transform: translateX(0);
| |
| − | -o-transform: translateX(0);
| |
| − | transform: translateX(0);
| |
| − | }
| |
| − | /********************************************************* TERMINA VERTICAL NAVBAR ***********************************/
| |
| | | | |
| | </style> | | </style> |
| Line 1,260: |
Line 744: |
| | </div> | | </div> |
| | | | |
| − | <!-- Navigation Bars-->
| |
| − | <!------------------------------------------------------- SIDEBAR MENU STARTS ------------------------------------------>
| |
| − | <div id="sidebar">
| |
| − | <a class="menu-toggle rounded" id="menuToggle" href="#">
| |
| − | <i class="fa fa-bars" style="font-size: 20px;"></i>
| |
| − | </a>
| |
| − | <nav id="sidebar-wrapper">
| |
| − | <ul class="sidebar-nav">
| |
| − | <li class="sidebar-brand">
| |
| − | <div class="brand-hider"></div>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey">Tec de Monterrey</a>
| |
| − | </li>
| |
| − | <li class="sidebar-nav-item" id="menuProject">
| |
| − | <a>Project</a>
| |
| − | <ul class="sub-sidebar-nav">
| |
| − | <li class="sidebar-nav-subitem" id="subProject">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey">Overview</a>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey#description">Description</a>
| |
| − | <a href="#">Background</a>
| |
| − | <a href="#">Design</a>
| |
| − | <a href="#">Results</a>
| |
| − | <a href="#">Safety</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="sidebar-nav-item" id="menuParts">
| |
| − | <a>Parts</a>
| |
| − | <ul class="sub-sidebar-nav">
| |
| − | <li class="sidebar-nav-subitem" id="subParts">
| |
| − | <a href="">Overview</a>
| |
| − | <a href="">Basic parts</a>
| |
| − | <a href="">Composite Parts</a>
| |
| − | <a href="">Parts Collection</a>
| |
| − | <a href="">Improved parts</a>
| |
| − | <a href="">Parts list</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="sidebar-nav-item" id="menuPeople">
| |
| − | <a>People</a>
| |
| − | <ul class="sub-sidebar-nav">
| |
| − | <li class="sidebar-nav-subitem" id="subPeople">
| |
| − | <a href="#team">Overview</a>
| |
| − | <a href="#team">Team</a>
| |
| − | <a href="#">Attributions</a>
| |
| − | <a href="#">Collaborations</a>
| |
| − | <a href="#">Sponsors</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="sidebar-nav-item" id="menuHP">
| |
| − | <a>Human Practices</a>
| |
| − | <ul class="sub-sidebar-nav">
| |
| − | <li class="sidebar-nav-subitem" id="subHP">
| |
| − | <a href="#HP">Overview</a>
| |
| − | <a href="#">Silver HP</a>
| |
| − | <a href="#">Integrated HP</a>
| |
| − | <a href="#">Education</a>
| |
| − | <a href="#">Public Engagement</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="sidebar-nav-item" id="menuModeling">
| |
| − | <a>Modeling</a>
| |
| − | <ul class="sub-sidebar-nav">
| |
| − | <li class="sidebar-nav-subitem" id="subModeling">
| |
| − | <a href="#">Overview</a>
| |
| − | <a href="#">Interlab</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | </div>
| |
| − | <!--------------------------------------------------------- SIDEBAR MENU ENDS -------------------------------------------->
| |
| | <!--------------------------------------------------------- TOPBAR MENU STARTS -------------------------------------------> | | <!--------------------------------------------------------- TOPBAR MENU STARTS -------------------------------------------> |
| | <div id="topBarWrapper"> | | <div id="topBarWrapper"> |
| Line 1,647: |
Line 1,056: |
| | </div> | | </div> |
| | <!--------------------------------------------------------- TOPBAR MENU ENDS ---------------------------------------------> | | <!--------------------------------------------------------- TOPBAR MENU ENDS ---------------------------------------------> |
| − | <!--Scroll to top button-->
| + | |
| − | <a class="scroll-to-top rounded" href="#page-top" id="scroll-to-top-btn">
| + | |
| − | <i class="fa fa-angle-up"></i>
| + | |
| − | </a>
| + | |
| | </body> | | </body> |
| | </html> | | </html> |
