(35 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | <!--- THIS IS WHERE THE HTML BEGINS ---> | |
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | <head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | ||
+ | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | ||
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
− | + | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> | |
− | + | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> | |
− | + | <!-- Styles --> | |
− | + | <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,600,700,700i&subset=latin-ext" rel="stylesheet"> | |
− | + | <link rel="stylesheet" type="text/css" | |
− | + | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/bootstrap&action=raw&ctype=text/css" /> | |
− | + | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
− | + | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | |
− | + | <link rel="stylesheet" type="text/css" | |
− | + | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/footawesome-all&action=raw&ctype=text/css" /> | |
− | + | <link rel="stylesheet" type="text/css" | |
− | + | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/magnific-popup&action=raw&ctype=text/css" /> | |
− | + | <link rel="stylesheet" type="text/css" | |
+ | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/styles&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/swiper&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/ResetWiki&action=raw&ctype=text/css" /> | ||
+ | |||
+ | </head> | ||
− | / | + | <style> |
− | + | #top_title{ | |
+ | display: none; | ||
+ | } | ||
+ | body, p { | ||
+ | color: #626262; | ||
+ | font: 400 0.875rem/1.375rem "Raleway", sans-serif; | ||
+ | } | ||
+ | .p-large { | ||
+ | font: 400 1rem/1.5rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | .p-small { | |
− | / | + | font: 400 0.75rem/1.25rem "Raleway", sans-serif; |
+ | } | ||
+ | .p-heading { | ||
+ | margin-bottom: 3.875rem; | ||
+ | } | ||
+ | .li-space-lg li { | ||
+ | margin-bottom: 0.25rem; | ||
+ | } | ||
− | + | .indent { | |
− | + | padding-left: 1.25rem; | |
− | + | } | |
+ | h1 { | ||
+ | color: #393939; | ||
+ | font: 700 3rem/3.5rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | h2 { | |
− | + | color: #393939; | |
− | + | font: 700 2.25rem/2.75rem "Raleway", sans-serif; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | h3 { | ||
+ | color: #393939; | ||
+ | font: 700 1.75rem/2rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | h4 { | |
− | / | + | color: #393939; |
− | + | font: 700 1.375rem/1.875rem "Raleway", sans-serif; | |
+ | } | ||
− | + | h5 { | |
− | + | color: #393939; | |
− | + | font: 700 1.125rem/1.625rem "Raleway", sans-serif; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | h6 { | |
− | . | + | color: #393939; |
− | + | font: 700 1rem/1.5rem "Raleway", sans-serif; | |
− | + | } | |
− | + | a { | |
− | + | color: #626262; | |
− | + | text-decoration: underline; | |
− | + | } | |
− | + | ||
− | + | a:hover { | |
− | + | color: #626262; | |
− | + | text-decoration: underline; | |
− | } | + | } |
− | + | a.turquoise { | |
− | + | color: #00bfd8; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | a.white { | |
− | + | color: #fff; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | .testimonial-text { |
− | + | font: italic 400 1rem/1.5rem "Raleway", sans-serif; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .testimonial-author { | |
− | . | + | font: 700 1rem/1.5rem "Raleway", sans-serif; |
− | + | } | |
− | + | ||
− | + | .turquoise { | |
− | + | color: #00bfd8; | |
− | + | } | |
− | + | ||
− | + | .btn-solid-reg { | |
− | + | display: inline-block; | |
− | . | + | padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; |
− | + | border: 0.125rem solid #00bfd8; | |
− | + | border-radius: 2rem; | |
− | + | background-color: #00bfd8; | |
− | + | color: #fff; | |
− | + | font: 700 0.75rem/0 "Raleway", sans-serif; | |
− | + | text-decoration: none; | |
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .btn-solid-reg:hover { | |
− | + | background-color: transparent; | |
− | + | color: #00bfd8; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .btn-solid-lg { | |
− | . | + | display: inline-block; |
− | + | padding: 1.375rem 2.625rem 1.375rem 2.625rem; | |
− | } | + | border: 0.125rem solid #00bfd8; |
+ | border-radius: 2rem; | ||
+ | background-color: #00bfd8; | ||
+ | color: #fff; | ||
+ | font: 700 0.75rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .btn-solid-lg:hover { | |
− | + | background-color: transparent; | |
− | + | color: #00bfd8; | |
− | + | text-decoration: none; | |
− | + | } | |
− | } | + | |
+ | .btn-outline-reg { | ||
+ | display: inline-block; | ||
+ | padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; | ||
+ | border: 0.125rem solid #00bfd8; | ||
+ | border-radius: 2rem; | ||
+ | background-color: transparent; | ||
+ | color: #00bfd8; | ||
+ | font: 700 0.75rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .btn-outline-reg:hover { | |
− | + | background-color: #00bfd8; | |
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | .btn-outline-lg { | |
− | + | display: inline-block; | |
− | + | padding: 1.375rem 2.625rem 1.375rem 2.625rem; | |
− | + | border: 0.125rem solid #00bfd8; | |
− | + | border-radius: 2rem; | |
− | + | background-color: transparent; | |
− | + | color: #00bfd8; | |
− | + | font: 700 0.75rem/0 "Raleway", sans-serif; | |
− | + | text-decoration: none; | |
− | + | transition: all 0.2s; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .btn-outline-lg:hover { | |
− | + | background-color: #00bfd8; | |
− | + | color: #fff; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .btn-outline-sm { | |
− | . | + | display: inline-block; |
− | + | padding: 1rem 1.625rem 0.875rem 1.625rem; | |
− | } | + | border: 0.125rem solid #00bfd8; |
+ | border-radius: 2rem; | ||
+ | background-color: transparent; | ||
+ | color: #00bfd8; | ||
+ | font: 700 0.625rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .btn-outline-sm:hover { | ||
+ | background-color: #00bfd8; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | .form-group { | |
− | + | position: relative; | |
− | + | margin-bottom: 1.25rem; | |
− | + | } | |
− | + | ||
+ | .form-group.has-error.has-danger { | ||
+ | margin-bottom: 0.625rem; | ||
+ | } | ||
− | + | .form-group.has-error.has-danger .help-block.with-errors ul { | |
− | + | margin-top: 0.375rem; | |
− | + | } | |
− | + | .label-control { | |
− | . | + | position: absolute; |
− | + | top: 0.87rem; | |
− | + | left: 1.375rem; | |
− | + | color: #626262; | |
− | } | + | opacity: 1; |
+ | font: 400 0.875rem/1.375rem "Raleway", sans-serif; | ||
+ | cursor: text; | ||
+ | transition: all 0.2s ease; | ||
+ | } | ||
− | + | /* IE10+ hack to solve lower label text position compared to the rest of the browsers */ | |
− | . | + | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { |
− | + | .label-control { | |
− | + | top: 0.9375rem; | |
− | + | ||
} | } | ||
+ | } | ||
+ | .form-control-input:focus + .label-control, | ||
+ | .form-control-input.notEmpty + .label-control, | ||
+ | .form-control-textarea:focus + .label-control, | ||
+ | .form-control-textarea.notEmpty + .label-control { | ||
+ | top: 0.125rem; | ||
+ | opacity: 1; | ||
+ | font-size: 0.75rem; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | .form-control-input, | ||
+ | .form-control-select { | ||
+ | display: block; /* needed for proper display of the label in Firefox, IE, Edge */ | ||
+ | width: 100%; | ||
+ | padding-top: 1.0625rem; | ||
+ | padding-bottom: 0.0625rem; | ||
+ | padding-left: 1.3125rem; | ||
+ | border: 1px solid #c4d8dc; | ||
+ | border-radius: 0.25rem; | ||
+ | background-color: #fff; | ||
+ | color: #626262; | ||
+ | font: 400 0.875rem/1.875rem "Raleway", sans-serif; | ||
+ | transition: all 0.2s; | ||
+ | -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ | ||
+ | } | ||
− | + | .form-control-select { | |
− | + | padding-top: 0.5rem; | |
− | + | padding-bottom: 0.5rem; | |
− | + | height: 3rem; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* IE10+ hack to solve lower label text position compared to the rest of the browsers */ | |
− | . | + | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { |
− | + | .form-control-input { | |
− | + | padding-top: 1.25rem; | |
− | + | padding-bottom: 0.75rem; | |
− | + | line-height: 1.75rem; | |
− | + | ||
} | } | ||
− | + | .form-control-select { | |
− | . | + | padding-top: 0.875rem; |
− | + | padding-bottom: 0.75rem; | |
− | + | height: 3.125rem; | |
− | + | line-height: 2.125rem; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | } | ||
− | + | select { | |
− | + | /* you should keep these first rules in place to maintain cross-browser behavior */ | |
− | + | -webkit-appearance: none; | |
− | + | -moz-appearance: none; | |
− | + | -ms-appearance: none; | |
− | + | -o-appearance: none; | |
− | + | appearance: none; | |
− | + | background-image: url('../images/down-arrow.png'); | |
− | + | background-position: 96% 50%; | |
− | + | background-repeat: no-repeat; | |
− | + | outline: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | select::-ms-expand { | |
− | + | display: none; /* removes the ugly default down arrow on select form field in IE11 */ | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | .form-control-textarea { |
− | . | + | display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */ |
− | + | width: 100%; | |
− | + | height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ | |
− | } | + | padding-top: 1.25rem; |
+ | padding-left: 1.3125rem; | ||
+ | border: 1px solid #c4d8dc; | ||
+ | border-radius: 0.25rem; | ||
+ | background-color: #fff; | ||
+ | color: #626262; | ||
+ | font: 400 0.875rem/1.75rem "Raleway", sans-serif; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .form-control-input:focus, | ||
+ | .form-control-select:focus, | ||
+ | .form-control-textarea:focus { | ||
+ | border: 1px solid #a1a1a1; | ||
+ | outline: none; /* Removes blue border on focus */ | ||
+ | } | ||
− | + | .form-control-input:hover, | |
− | + | .form-control-select:hover, | |
− | + | .form-control-textarea:hover { | |
− | + | border: 1px solid #a1a1a1; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .checkbox { | ||
+ | font: 400 0.75rem/1.25rem "Raleway", sans-serif; | ||
+ | } | ||
+ | input[type='checkbox'] { | ||
+ | vertical-align: -15%; | ||
+ | margin-right: 0.375rem; | ||
+ | } | ||
− | + | /* IE10+ hack to raise checkbox field position compared to the rest of the browsers */ | |
− | + | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { | |
− | + | input[type='checkbox'] { | |
− | + | vertical-align: -9%; | |
− | + | ||
} | } | ||
+ | } | ||
+ | .form-control-submit-button { | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | height: 3.125rem; | ||
+ | border: 1px solid #00bfd8; | ||
+ | border-radius: 1.5rem; | ||
+ | background-color: #00bfd8; | ||
+ | color: #fff; | ||
+ | font: 700 0.75rem/1.75rem "Raleway", sans-serif; | ||
+ | cursor: pointer; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .form-control-submit-button:hover { | |
− | + | background-color: transparent; | |
− | + | color: #00bfd8; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | /* Form Success And Error Message Formatting */ | ||
+ | #rmsgSubmit.h3.text-center.tada.animated, | ||
+ | #cmsgSubmit.h3.text-center.tada.animated, | ||
+ | #pmsgSubmit.h3.text-center.tada.animated, | ||
+ | #rmsgSubmit.h3.text-center, | ||
+ | #cmsgSubmit.h3.text-center, | ||
+ | #pmsgSubmit.h3.text-center { | ||
+ | display: block; | ||
+ | margin-bottom: 0; | ||
+ | color: #626262; | ||
+ | font: 400 1.125rem/1rem "Raleway", sans-serif; | ||
+ | } | ||
+ | .help-block.with-errors .list-unstyled { | ||
+ | color: #626262; | ||
+ | font-size: 0.75rem; | ||
+ | line-height: 1.125rem; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | .help-block.with-errors ul { | |
− | /* | + | margin-bottom: 0; |
+ | } | ||
+ | /* end of form success and error message formatting */ | ||
− | + | /* Form Success And Error Message Animation - Animate.css */ | |
− | + | @-webkit-keyframes tada { | |
− | + | from { | |
− | + | -webkit-transform: scale3d(1, 1, 1); | |
− | + | -ms-transform: scale3d(1, 1, 1); | |
+ | transform: scale3d(1, 1, 1); | ||
} | } | ||
+ | 10%, 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | 40%, 60%, 80% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
− | + | @keyframes tada { | |
− | . | + | from { |
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | 10%, 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | 40%, 60%, 80% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
− | + | .tada { | |
− | + | -webkit-animation-name: tada; | |
+ | animation-name: tada; | ||
+ | } | ||
− | + | .animated { | |
− | + | -webkit-animation-duration: 1s; | |
+ | animation-duration: 1s; | ||
+ | -webkit-animation-fill-mode: both; | ||
+ | animation-fill-mode: both; | ||
+ | } | ||
+ | /* end of form success and error message animation - Animate.css */ | ||
+ | /* Fade-move Animation For Lightbox - Magnific Popup */ | ||
+ | /* at start */ | ||
+ | .my-mfp-slide-bottom .zoom-anim-dialog { | ||
+ | opacity: 0; | ||
+ | transition: all 0.2s ease-out; | ||
+ | -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); | ||
+ | -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); | ||
+ | transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); | ||
+ | } | ||
+ | /* animate in */ | ||
+ | .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); | ||
+ | -ms-transform: translateY(0) perspective(37.5rem) rotateX(0); | ||
+ | transform: translateY(0) perspective(37.5rem) rotateX(0); | ||
+ | } | ||
+ | /* animate out */ | ||
+ | .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); | ||
+ | -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); | ||
+ | transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); | ||
+ | } | ||
− | + | /* dark overlay, start state */ | |
− | + | .my-mfp-slide-bottom.mfp-bg { | |
− | + | opacity: 0; | |
− | . | + | transition: opacity 0.2s ease-out; |
− | + | } | |
− | + | ||
− | + | ||
+ | /* animate in */ | ||
+ | .my-mfp-slide-bottom.mfp-ready.mfp-bg { | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | /* animate out */ | ||
+ | .my-mfp-slide-bottom.mfp-removing.mfp-bg { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | /* end of fade-move animation for lightbox - magnific popup */ | ||
− | + | /* Fade Animation For Image Slider - Magnific Popup */ | |
− | + | @-webkit-keyframes fadeIn { | |
− | + | from { | |
+ | opacity: 0; | ||
} | } | ||
− | + | to { | |
− | + | opacity: 1; | |
− | + | ||
} | } | ||
+ | } | ||
− | + | @keyframes fadeIn { | |
− | + | from { | |
− | + | opacity: 0; | |
− | + | ||
− | + | ||
} | } | ||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | .fadeIn { | ||
+ | -webkit-animation: fadeIn 0.6s; | ||
+ | animation: fadeIn 0.6s; | ||
+ | } | ||
− | + | @-webkit-keyframes fadeOut { | |
− | + | from { | |
− | + | opacity: 1; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | to { | |
− | + | opacity: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | } | ||
− | + | @keyframes fadeOut { | |
− | + | from { | |
+ | opacity: 1; | ||
} | } | ||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
− | + | .fadeOut { | |
+ | -webkit-animation: fadeOut 0.8s; | ||
+ | animation: fadeOut 0.8s; | ||
+ | } | ||
+ | /* end of fade animation for image slider - magnific popup */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /*************************/ | ||
+ | /* 02. Preloader */ | ||
+ | /*************************/ | ||
+ | .spinner-wrapper { | ||
+ | position: fixed; | ||
+ | z-index: 999999; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | background: #fff; | ||
+ | } | ||
− | + | .spinner { | |
− | + | position: absolute; | |
− | + | top: 50%; /* centers the loading animation vertically one the screen */ | |
− | + | left: 50%; /* centers the loading animation horizontally one the screen */ | |
− | . | + | width: 3.75rem; |
− | . | + | height: 1.25rem; |
− | . | + | margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ |
− | + | text-align: center; | |
− | + | } | |
− | + | .spinner > div { | |
− | + | display: inline-block; | |
− | } | + | width: 1rem; |
+ | height: 1rem; | ||
+ | border-radius: 100%; | ||
+ | background-color: #00bfd8; | ||
+ | -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; | ||
+ | animation: sk-bouncedelay 1.4s infinite ease-in-out both; | ||
+ | } | ||
− | + | .spinner .bounce1 { | |
− | + | -webkit-animation-delay: -0.32s; | |
− | } | + | animation-delay: -0.32s; |
+ | } | ||
+ | .spinner .bounce2 { | ||
+ | -webkit-animation-delay: -0.16s; | ||
+ | animation-delay: -0.16s; | ||
+ | } | ||
− | + | @-webkit-keyframes sk-bouncedelay { | |
− | + | 0%, 80%, 100% { -webkit-transform: scale(0); } | |
− | } | + | 40% { -webkit-transform: scale(1.0); } |
+ | } | ||
− | + | @keyframes sk-bouncedelay { | |
− | + | 0%, 80%, 100% { | |
+ | -webkit-transform: scale(0); | ||
+ | -ms-transform: scale(0); | ||
+ | transform: scale(0); | ||
+ | } 40% { | ||
+ | -webkit-transform: scale(1.0); | ||
+ | -ms-transform: scale(1.0); | ||
+ | transform: scale(1.0); | ||
} | } | ||
+ | } | ||
− | + | /**************************/ | |
− | + | /* 03. Navigation */ | |
− | } | + | /**************************/ |
+ | .navbar-custom { | ||
+ | background-color: #fff; | ||
+ | box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); | ||
+ | font: 600 0.875rem/0.875rem "Raleway", sans-serif; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .navbar-custom .navbar-brand.logo-image img { | ||
+ | width: 7.4375rem; | ||
+ | height: 2rem; | ||
+ | } | ||
+ | .navbar-custom .navbar-brand.logo-text { | ||
+ | font: 600 2rem/1.5rem "Raleway", sans-serif; | ||
+ | color: #393939; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .navbar-custom .navbar-nav { | ||
+ | margin-top: 0.75rem; | ||
+ | margin-bottom: 0.5rem; | ||
+ | } | ||
− | + | .navbar-custom .nav-item .nav-link { | |
− | + | padding: 0.625rem 0.75rem 0.625rem 0.75rem; | |
+ | color: #393939; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s ease; | ||
+ | } | ||
+ | .navbar-custom .nav-item .nav-link:hover, | ||
+ | .navbar-custom .nav-item .nav-link.active { | ||
+ | color: #00bfd8; | ||
+ | } | ||
− | + | /* Dropdown Menu */ | |
− | /* | + | .navbar-custom .dropdown:hover > .dropdown-menu { |
− | + | display: block; /* this makes the dropdown menu stay open while hovering it */ | |
− | + | min-width: auto; | |
− | + | animation: fadeDropdown 0.2s; /* required for the fade animation */ | |
} | } | ||
− | + | @keyframes fadeDropdown { | |
− | + | 0% { | |
− | + | opacity: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
− | + | .navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */ | |
− | + | outline: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | .navbar-custom .dropdown-menu { |
+ | margin-top: 0; | ||
+ | border: none; | ||
+ | border-radius: 0.25rem; | ||
+ | background-color: #fff; | ||
+ | } | ||
− | + | .navbar-custom .dropdown-item { | |
− | + | color: #393939; | |
− | + | text-decoration: none; | |
− | + | } | |
− | } | + | |
− | + | .navbar-custom .dropdown-item:hover { | |
− | + | background-color: #fff; | |
− | + | } | |
− | + | ||
− | + | ||
+ | .navbar-custom .dropdown-item .item-text { | ||
+ | font: 600 0.875rem/0.875rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | .navbar-custom .dropdown-item:hover .item-text { | |
+ | color: #00bfd8; | ||
+ | } | ||
+ | .navbar-custom .dropdown-items-divide-hr { | ||
+ | width: 100%; | ||
+ | height: 1px; | ||
+ | margin: 0.75rem auto 0.725rem auto; | ||
+ | border: none; | ||
+ | background-color: #c4d8dc; | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | /* end of dropdown menu */ | ||
+ | .navbar-custom .social-icons { | ||
+ | display: none; | ||
+ | } | ||
+ | .navbar-custom .navbar-toggler { | ||
+ | border: none; | ||
+ | color: #393939; | ||
+ | font-size: 2rem; | ||
+ | } | ||
+ | .navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{ | ||
+ | display: none; | ||
+ | } | ||
+ | .navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{ | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{ | ||
+ | display: inline-block; | ||
+ | margin-right: 0.125rem; | ||
+ | } | ||
+ | |||
+ | .navbar-custom { | ||
+ | padding: 3.125rem 5rem 2.125rem 5rem; | ||
+ | height: 80px; | ||
+ | background: white; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | <body data-spy="scroll" data-target=".fixed-top"> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!--- Menu ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <div class="igem_2019_global_wrapper"> | ||
+ | <header> | ||
+ | <!-- Navigation --> | ||
+ | <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top"> | ||
+ | <!-- Text Logo - Use this if you don't have a graphic logo --> | ||
+ | <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Evolo</a> --> | ||
+ | |||
+ | <!-- Image Logo --> | ||
+ | <a class="navbar-brand" href="https://2019.igem.org/Team:UNebraska-Lincoln"><img width="auto" height="55px" src="https://static.igem.org/mediawiki/2019/d/dc/T--UNebraska-Lincoln--SeekAndDestroy.jpeg" alt="alternative"></a> | ||
+ | |||
+ | <!-- Mobile Menu Toggle Button --> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-awesome fas fa-bars"></span> | ||
+ | <span class="navbar-toggler-awesome fas fa-times"></span> | ||
+ | </button> | ||
+ | <!-- end of mobile menu toggle button --> | ||
+ | |||
+ | <div class="collapse navbar-collapse" id="navbarsExampleDefault"> | ||
+ | <ul class="navbar-nav ml-auto"> | ||
+ | <!-- Dropdown Menu --> | ||
+ | <!-- <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle page-scroll" href="#about" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false">About</a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="terms-conditions.html"><span class="item-text">Terms Conditions</span></a> | ||
+ | <div class="dropdown-items-divide-hr"></div> | ||
+ | <a class="dropdown-item" href="privacy-policy.html"><span class="item-text">Privacy Policy</span></a> | ||
+ | </div> | ||
+ | </li> --> | ||
+ | <!-- end of dropdown menu --> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="<html> | ||
Line 545: | Line 793: | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <meta charset="UTF-8"> |
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | ||
+ | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | ||
+ | |||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> | ||
+ | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> | ||
+ | <!-- Styles --> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,600,700,700i&subset=latin-ext" rel="stylesheet"> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2019.igem.org/wiki/index.php?title=Template:UNebraska-Lincoln/bootstrap&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | ||
+ | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | ||
</head> | </head> | ||
+ | <style> | ||
+ | #top_title{ | ||
+ | display: none; | ||
+ | } | ||
+ | body, p { | ||
+ | color: #626262; | ||
+ | font: 400 0.875rem/1.375rem "Raleway", sans-serif; | ||
+ | } | ||
+ | .p-large { | ||
+ | font: 400 1rem/1.5rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | .p-small { | |
− | + | font: 400 0.75rem/1.25rem "Raleway", sans-serif; | |
− | + | } | |
+ | .p-heading { | ||
+ | margin-bottom: 3.875rem; | ||
+ | } | ||
+ | .li-space-lg li { | ||
+ | margin-bottom: 0.25rem; | ||
+ | } | ||
+ | .indent { | ||
+ | padding-left: 1.25rem; | ||
+ | } | ||
− | + | h1 { | |
− | + | color: #393939; | |
− | + | font: 700 3rem/3.5rem "Raleway", sans-serif; | |
− | + | } | |
− | + | ||
+ | h2 { | ||
+ | color: #393939; | ||
+ | font: 700 2.25rem/2.75rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | h3 { | |
− | + | color: #393939; | |
− | + | font: 700 1.75rem/2rem "Raleway", sans-serif; | |
+ | } | ||
− | + | h4 { | |
+ | color: #393939; | ||
+ | font: 700 1.375rem/1.875rem "Raleway", sans-serif; | ||
+ | } | ||
+ | h5 { | ||
+ | color: #393939; | ||
+ | font: 700 1.125rem/1.625rem "Raleway", sans-serif; | ||
+ | } | ||
+ | h6 { | ||
+ | color: #393939; | ||
+ | font: 700 1rem/1.5rem "Raleway", sans-serif; | ||
+ | } | ||
+ | a { | ||
+ | color: #626262; | ||
+ | text-decoration: underline; | ||
+ | } | ||
− | + | a:hover { | |
+ | color: #626262; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a.turquoise { | ||
+ | color: #00bfd8; | ||
+ | } | ||
− | + | a.white { | |
− | + | color: #fff; | |
− | + | } | |
+ | .testimonial-text { | ||
+ | font: italic 400 1rem/1.5rem "Raleway", sans-serif; | ||
+ | } | ||
+ | .testimonial-author { | ||
+ | font: 700 1rem/1.5rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | .turquoise { | |
− | + | color: #00bfd8; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .btn-solid-reg { | |
− | + | display: inline-block; | |
− | + | padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; | |
− | + | border: 0.125rem solid #00bfd8; | |
− | + | border-radius: 2rem; | |
− | + | background-color: #00bfd8; | |
− | + | color: #fff; | |
− | + | font: 700 0.75rem/0 "Raleway", sans-serif; | |
− | + | text-decoration: none; | |
− | + | transition: all 0.2s; | |
− | + | } | |
− | + | ||
− | + | .btn-solid-reg:hover { | |
− | + | background-color: transparent; | |
− | + | color: #00bfd8; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
+ | .btn-solid-lg { | ||
+ | display: inline-block; | ||
+ | padding: 1.375rem 2.625rem 1.375rem 2.625rem; | ||
+ | border: 0.125rem solid #00bfd8; | ||
+ | border-radius: 2rem; | ||
+ | background-color: #00bfd8; | ||
+ | color: #fff; | ||
+ | font: 700 0.75rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .btn-solid-lg:hover { | |
− | + | background-color: transparent; | |
− | + | color: #00bfd8; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .btn-outline-reg { | |
− | + | display: inline-block; | |
− | + | padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; | |
− | + | border: 0.125rem solid #00bfd8; | |
− | + | border-radius: 2rem; | |
+ | background-color: transparent; | ||
+ | color: #00bfd8; | ||
+ | font: 700 0.75rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .btn-outline-reg:hover { | |
− | + | background-color: #00bfd8; | |
− | + | color: #fff; | |
− | + | text-decoration: none; | |
− | + | } | |
+ | .btn-outline-lg { | ||
+ | display: inline-block; | ||
+ | padding: 1.375rem 2.625rem 1.375rem 2.625rem; | ||
+ | border: 0.125rem solid #00bfd8; | ||
+ | border-radius: 2rem; | ||
+ | background-color: transparent; | ||
+ | color: #00bfd8; | ||
+ | font: 700 0.75rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
− | + | .btn-outline-lg:hover { | |
− | + | background-color: #00bfd8; | |
− | + | color: #fff; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .btn-outline-sm { | |
− | + | display: inline-block; | |
− | + | padding: 1rem 1.625rem 0.875rem 1.625rem; | |
− | + | border: 0.125rem solid #00bfd8; | |
− | + | border-radius: 2rem; | |
+ | background-color: transparent; | ||
+ | color: #00bfd8; | ||
+ | font: 700 0.625rem/0 "Raleway", sans-serif; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .btn-outline-sm:hover { | ||
+ | background-color: #00bfd8; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | .form-group { | |
− | + | position: relative; | |
− | + | margin-bottom: 1.25rem; | |
− | + | } | |
− | + | ||
− | + | .form-group.has-error.has-danger { | |
− | + | margin-bottom: 0.625rem; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .form-group.has-error.has-danger .help-block.with-errors ul { | |
− | + | margin-top: 0.375rem; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .label-control { | |
+ | position: absolute; | ||
+ | top: 0.87rem; | ||
+ | left: 1.375rem; | ||
+ | color: #626262; | ||
+ | opacity: 1; | ||
+ | font: 400 0.875rem/1.375rem "Raleway", sans-serif; | ||
+ | cursor: text; | ||
+ | transition: all 0.2s ease; | ||
+ | } | ||
+ | /* IE10+ hack to solve lower label text position compared to the rest of the browsers */ | ||
+ | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { | ||
+ | .label-control { | ||
+ | top: 0.9375rem; | ||
+ | } | ||
+ | } | ||
− | + | .form-control-input:focus + .label-control, | |
− | + | .form-control-input.notEmpty + .label-control, | |
− | + | .form-control-textarea:focus + .label-control, | |
− | + | .form-control-textarea.notEmpty + .label-control { | |
− | + | top: 0.125rem; | |
− | + | opacity: 1; | |
− | + | font-size: 0.75rem; | |
− | + | font-weight: 700; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .form-control-input, | |
− | + | .form-control-select { | |
− | + | display: block; /* needed for proper display of the label in Firefox, IE, Edge */ | |
− | + | width: 100%; | |
− | + | padding-top: 1.0625rem; | |
+ | padding-bottom: 0.0625rem; | ||
+ | padding-left: 1.3125rem; | ||
+ | border: 1px solid #c4d8dc; | ||
+ | border-radius: 0.25rem; | ||
+ | background-color: #fff; | ||
+ | color: #626262; | ||
+ | font: 400 0.875rem/1.875rem "Raleway", sans-serif; | ||
+ | transition: all 0.2s; | ||
+ | -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ | ||
+ | } | ||
− | + | .form-control-select { | |
− | + | padding-top: 0.5rem; | |
− | + | padding-bottom: 0.5rem; | |
− | + | height: 3rem; | |
− | + | } | |
− | + | /* IE10+ hack to solve lower label text position compared to the rest of the browsers */ | |
− | + | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { | |
− | + | .form-control-input { | |
− | + | padding-top: 1.25rem; | |
− | + | padding-bottom: 0.75rem; | |
− | + | line-height: 1.75rem; | |
+ | } | ||
− | + | .form-control-select { | |
− | + | padding-top: 0.875rem; | |
− | + | padding-bottom: 0.75rem; | |
− | + | height: 3.125rem; | |
+ | line-height: 2.125rem; | ||
+ | } | ||
+ | } | ||
− | + | select { | |
− | + | /* you should keep these first rules in place to maintain cross-browser behavior */ | |
− | + | -webkit-appearance: none; | |
− | + | -moz-appearance: none; | |
− | + | -ms-appearance: none; | |
+ | -o-appearance: none; | ||
+ | appearance: none; | ||
+ | background-image: url('../images/down-arrow.png'); | ||
+ | background-position: 96% 50%; | ||
+ | background-repeat: no-repeat; | ||
+ | outline: none; | ||
+ | } | ||
+ | select::-ms-expand { | ||
+ | display: none; /* removes the ugly default down arrow on select form field in IE11 */ | ||
+ | } | ||
+ | .form-control-textarea { | ||
+ | display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */ | ||
+ | width: 100%; | ||
+ | height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ | ||
+ | padding-top: 1.25rem; | ||
+ | padding-left: 1.3125rem; | ||
+ | border: 1px solid #c4d8dc; | ||
+ | border-radius: 0.25rem; | ||
+ | background-color: #fff; | ||
+ | color: #626262; | ||
+ | font: 400 0.875rem/1.75rem "Raleway", sans-serif; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .form-control-input:focus, | ||
+ | .form-control-select:focus, | ||
+ | .form-control-textarea:focus { | ||
+ | border: 1px solid #a1a1a1; | ||
+ | outline: none; /* Removes blue border on focus */ | ||
+ | } | ||
+ | .form-control-input:hover, | ||
+ | .form-control-select:hover, | ||
+ | .form-control-textarea:hover { | ||
+ | border: 1px solid #a1a1a1; | ||
+ | } | ||
+ | .checkbox { | ||
+ | font: 400 0.75rem/1.25rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | input[type='checkbox'] { | |
− | + | vertical-align: -15%; | |
− | + | margin-right: 0.375rem; | |
− | + | } | |
− | + | /* IE10+ hack to raise checkbox field position compared to the rest of the browsers */ | |
+ | @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { | ||
+ | input[type='checkbox'] { | ||
+ | vertical-align: -9%; | ||
+ | } | ||
+ | } | ||
− | + | .form-control-submit-button { | |
− | + | display: inline-block; | |
− | + | width: 100%; | |
− | + | height: 3.125rem; | |
− | + | border: 1px solid #00bfd8; | |
+ | border-radius: 1.5rem; | ||
+ | background-color: #00bfd8; | ||
+ | color: #fff; | ||
+ | font: 700 0.75rem/1.75rem "Raleway", sans-serif; | ||
+ | cursor: pointer; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | .form-control-submit-button:hover { | ||
+ | background-color: transparent; | ||
+ | color: #00bfd8; | ||
+ | } | ||
− | + | /* Form Success And Error Message Formatting */ | |
− | + | #rmsgSubmit.h3.text-center.tada.animated, | |
− | + | #cmsgSubmit.h3.text-center.tada.animated, | |
− | + | #pmsgSubmit.h3.text-center.tada.animated, | |
− | + | #rmsgSubmit.h3.text-center, | |
+ | #cmsgSubmit.h3.text-center, | ||
+ | #pmsgSubmit.h3.text-center { | ||
+ | display: block; | ||
+ | margin-bottom: 0; | ||
+ | color: #626262; | ||
+ | font: 400 1.125rem/1rem "Raleway", sans-serif; | ||
+ | } | ||
− | + | .help-block.with-errors .list-unstyled { | |
+ | color: #626262; | ||
+ | font-size: 0.75rem; | ||
+ | line-height: 1.125rem; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .help-block.with-errors ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | /* end of form success and error message formatting */ | ||
+ | /* Form Success And Error Message Animation - Animate.css */ | ||
+ | @-webkit-keyframes tada { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | 10%, 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | 40%, 60%, 80% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | @keyframes tada { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | 10%, 20% { | ||
+ | -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | 30%, 50%, 70%, 90% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); | ||
+ | } | ||
+ | 40%, 60%, 80% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); | ||
+ | } | ||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | -ms-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | .tada { | ||
+ | -webkit-animation-name: tada; | ||
+ | animation-name: tada; | ||
+ | } | ||
− | + | .animated { | |
− | + | -webkit-animation-duration: 1s; | |
− | + | animation-duration: 1s; | |
− | + | -webkit-animation-fill-mode: both; | |
+ | animation-fill-mode: both; | ||
+ | } | ||
+ | /* end of form success and error message animation - Animate.css */ | ||
− | + | /* Fade-move Animation For Lightbox - Magnific Popup */ | |
+ | /* at start */ | ||
+ | .my-mfp-slide-bottom .zoom-anim-dialog { | ||
+ | opacity: 0; | ||
+ | transition: all 0.2s ease-out; | ||
+ | -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); | ||
+ | -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); | ||
+ | transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); | ||
+ | } | ||
− | + | /* animate in */ | |
− | + | .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { | |
− | + | opacity: 1; | |
− | + | -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); | |
− | + | -ms-transform: translateY(0) perspective(37.5rem) rotateX(0); | |
+ | transform: translateY(0) perspective(37.5rem) rotateX(0); | ||
+ | } | ||
− | + | /* animate out */ | |
− | + | .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { | |
− | + | opacity: 0; | |
− | + | -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); | |
− | + | -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); | |
+ | transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); | ||
+ | } | ||
− | + | /* dark overlay, start state */ | |
− | + | .my-mfp-slide-bottom.mfp-bg { | |
− | + | opacity: 0; | |
− | + | transition: opacity 0.2s ease-out; | |
− | + | } | |
− | + | /* animate in */ | |
− | + | .my-mfp-slide-bottom.mfp-ready.mfp-bg { | |
− | + | opacity: 0.8; | |
− | + | } | |
− | + | /* animate out */ | |
+ | .my-mfp-slide-bottom.mfp-removing.mfp-bg { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | /* end of fade-move animation for lightbox - magnific popup */ | ||
− | + | /* Fade Animation For Image Slider - Magnific Popup */ | |
− | + | @-webkit-keyframes fadeIn { | |
− | + | from { | |
− | + | opacity: 0; | |
− | + | } | |
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | @keyframes fadeIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
− | + | .fadeIn { | |
− | + | -webkit-animation: fadeIn 0.6s; | |
− | + | animation: fadeIn 0.6s; | |
− | + | } | |
− | + | ||
− | + | @-webkit-keyframes fadeOut { | |
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | @keyframes fadeOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | .fadeOut { | ||
+ | -webkit-animation: fadeOut 0.8s; | ||
+ | animation: fadeOut 0.8s; | ||
+ | } | ||
+ | /* end of fade animation for image slider - magnific popup */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /*************************/ | ||
+ | /* 02. Preloader */ | ||
+ | /*************************/ | ||
+ | .spinner-wrapper { | ||
+ | position: fixed; | ||
+ | z-index: 999999; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | background: #fff; | ||
+ | } | ||
− | + | .spinner { | |
− | + | position: absolute; | |
− | + | top: 50%; /* centers the loading animation vertically one the screen */ | |
+ | left: 50%; /* centers the loading animation horizontally one the screen */ | ||
+ | width: 3.75rem; | ||
+ | height: 1.25rem; | ||
+ | margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | .spinner > div { | ||
+ | display: inline-block; | ||
+ | width: 1rem; | ||
+ | height: 1rem; | ||
+ | border-radius: 100%; | ||
+ | background-color: #00bfd8; | ||
+ | -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; | ||
+ | animation: sk-bouncedelay 1.4s infinite ease-in-out both; | ||
+ | } | ||
+ | .spinner .bounce1 { | ||
+ | -webkit-animation-delay: -0.32s; | ||
+ | animation-delay: -0.32s; | ||
+ | } | ||
+ | .spinner .bounce2 { | ||
+ | -webkit-animation-delay: -0.16s; | ||
+ | animation-delay: -0.16s; | ||
+ | } | ||
− | + | @-webkit-keyframes sk-bouncedelay { | |
+ | 0%, 80%, 100% { -webkit-transform: scale(0); } | ||
+ | 40% { -webkit-transform: scale(1.0); } | ||
+ | } | ||
+ | @keyframes sk-bouncedelay { | ||
+ | 0%, 80%, 100% { | ||
+ | -webkit-transform: scale(0); | ||
+ | -ms-transform: scale(0); | ||
+ | transform: scale(0); | ||
+ | } 40% { | ||
+ | -webkit-transform: scale(1.0); | ||
+ | -ms-transform: scale(1.0); | ||
+ | transform: scale(1.0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | /**************************/ | ||
+ | /* 03. Navigation */ | ||
+ | /**************************/ | ||
+ | .navbar-custom { | ||
+ | background-color: #fff; | ||
+ | box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); | ||
+ | font: 600 0.875rem/0.875rem "Raleway", sans-serif; | ||
+ | transition: all 0.2s; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .navbar-brand.logo-image img { | ||
+ | width: 7.4375rem; | ||
+ | height: 2rem; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .navbar-brand.logo-text { | ||
+ | font: 600 2rem/1.5rem "Raleway", sans-serif; | ||
+ | color: #393939; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .navbar-nav { | ||
+ | margin-top: 0.75rem; | ||
+ | margin-bottom: 0.5rem; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .nav-item .nav-link { | ||
+ | padding: 0.625rem 0.75rem 0.625rem 0.75rem; | ||
+ | color: #393939; | ||
+ | text-decoration: none; | ||
+ | transition: all 0.2s ease; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .nav-item .nav-link:hover, | ||
+ | .navbar-custom .nav-item .nav-link.active { | ||
+ | color: #00bfd8; | ||
+ | } | ||
+ | |||
+ | /* Dropdown Menu */ | ||
+ | .navbar-custom .dropdown:hover > .dropdown-menu { | ||
+ | display: block; /* this makes the dropdown menu stay open while hovering it */ | ||
+ | min-width: auto; | ||
+ | animation: fadeDropdown 0.2s; /* required for the fade animation */ | ||
+ | } | ||
+ | |||
+ | @keyframes fadeDropdown { | ||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */ | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-menu { | ||
+ | margin-top: 0; | ||
+ | border: none; | ||
+ | border-radius: 0.25rem; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-item { | ||
+ | color: #393939; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-item:hover { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-item .item-text { | ||
+ | font: 600 0.875rem/0.875rem "Raleway", sans-serif; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-item:hover .item-text { | ||
+ | color: #00bfd8; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .dropdown-items-divide-hr { | ||
+ | width: 100%; | ||
+ | height: 1px; | ||
+ | margin: 0.75rem auto 0.725rem auto; | ||
+ | border: none; | ||
+ | background-color: #c4d8dc; | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | /* end of dropdown menu */ | ||
+ | |||
+ | .navbar-custom .social-icons { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .navbar-custom .navbar-toggler { | ||
+ | border: none; | ||
+ | color: #393939; | ||
+ | font-size: 2rem; | ||
+ | } | ||
+ | |||
+ | .navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{ | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{ | ||
+ | display: inline-block; | ||
+ | margin-right: 0.125rem; | ||
+ | } | ||
+ | |||
+ | .navbar-custom { | ||
+ | padding: 3.125rem 5rem 2.125rem 5rem; | ||
+ | height: 80px; | ||
+ | background: white; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <body data-spy="scroll" data-target=".fixed-top"> | ||
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | <!--- | + | <!--- Menu ---> |
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <div class="igem_2019_global_wrapper"> | ||
+ | <header> | ||
+ | <!-- Navigation --> | ||
+ | <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top"> | ||
+ | <!-- Text Logo - Use this if you don't have a graphic logo --> | ||
+ | <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Evolo</a> --> | ||
+ | |||
+ | <!-- Image Logo --> | ||
+ | <a class="navbar-brand" href="https://2019.igem.org/Team:UNebraska-Lincoln"><img width="auto" height="55px" src="https://static.igem.org/mediawiki/2019/d/dc/T--UNebraska-Lincoln--SeekAndDestroy.jpeg" alt="alternative"></a> | ||
+ | |||
+ | <!-- Mobile Menu Toggle Button --> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-awesome fas fa-bars"></span> | ||
+ | <span class="navbar-toggler-awesome fas fa-times"></span> | ||
+ | </button> | ||
+ | <!-- end of mobile menu toggle button --> | ||
+ | |||
+ | <div class="collapse navbar-collapse" id="navbarsExampleDefault"> | ||
+ | <ul class="navbar-nav ml-auto"> | ||
+ | <!-- Dropdown Menu --> | ||
+ | <!-- <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle page-scroll" href="#about" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false">About</a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="terms-conditions.html"><span class="item-text">Terms Conditions</span></a> | ||
+ | <div class="dropdown-items-divide-hr"></div> | ||
+ | <a class="dropdown-item" href="privacy-policy.html"><span class="item-text">Privacy Policy</span></a> | ||
+ | </div> | ||
+ | </li> --> | ||
+ | <!-- end of dropdown menu --> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="https://2019.igem.org/Team:UNebraska-Lincoln">Home <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | <!------------------------------------Team--------------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link" style="color: #000000" data-toggle="dropdown">Team</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Team" class="dropdown-item">Team</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Collaborations" class="dropdown-item">Collaborations</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Projects--------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link " style="color: #000000" data-toggle="dropdown">Project</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Description" class="dropdown-item">Description</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Design" class="dropdown-item">Design</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Experiments" class="dropdown-item">Experiments</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Notebook" class="dropdown-item">Notebook</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Contribution" class="dropdown-item">Contribution</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Results" class="dropdown-item">Results</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Improve" class="dropdown-item">Improve</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Attributions" class="dropdown-item">Attributions</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Modeling--------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link" style="color: #000000" data-toggle="dropdown">Modeling</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Template:UNebraska-Lincoln/Modeling" class="dropdown-item">Modeling</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Parts-----------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link " style="color: #000000" data-toggle="dropdown">Parts</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | |||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Basic_Part" class="dropdown-item">Basic Parts</a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Safety----------------------------------> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="https://2019.igem.org/Team:UNebraska-Lincoln/Safety">Safety <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | <!------------------------------------ Human Practices-------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link " style="color: #000000" data-toggle="dropdown">Human Practices</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Human_Practices" class="dropdown-item">Human Practices</a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Awards----------------------------------> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="#">Awards <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | |||
+ | <!------------------------------------ Judging Form----------------------------> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="https://igem.org/2019_Judging_Form?team=UNebraska-Lincoln">Judging Form <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> <!-- end of navbar --> | ||
+ | </header> | ||
+ | <div> | ||
+ | </body> | ||
− | + | </li> | |
− | <div class=" | + | <!------------------------------------Team--------------------------------------> |
− | + | <li class="nav-item dropdown"> | |
− | + | <a href="#" class="nav-link" style="color: #000000" data-toggle="dropdown">Team</a> | |
− | + | <div class="dropdown-menu"> | |
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Team" class="dropdown-item">Team</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Collaborations" class="dropdown-item">Collaborations</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Projects--------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link " style="color: #000000" data-toggle="dropdown">Project</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Description" class="dropdown-item">Description</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Design" class="dropdown-item">Design</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Experiments" class="dropdown-item">Experiments</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Notebook" class="dropdown-item">Notebook</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Contribution" class="dropdown-item">Contribution</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Results" class="dropdown-item">Results</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Demonstrate" class="dropdown-item">Demonstrate</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Improve" class="dropdown-item">Improve</a> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Attributions" class="dropdown-item">Attributions</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Modeling--------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link" style="color: #000000" data-toggle="dropdown">Modeling</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Template:UNebraska-Lincoln/Modeling" class="dropdown-item">Modeling</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Parts-----------------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link " style="color: #000000" data-toggle="dropdown">Parts</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Basic_Part" class="dropdown-item">Basic Parts</a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Safety----------------------------------> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="https://2019.igem.org/Team:UNebraska-Lincoln/Safety">Safety <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | <!------------------------------------ Human Practices-------------------------> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a href="#" class="nav-link " style="color: #000000" data-toggle="dropdown">Human Practices</a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <a href="https://2019.igem.org/Team:UNebraska-Lincoln/Human_Practices" class="dropdown-item">Human Practices</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <!------------------------------------ Awards----------------------------------> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="#">Awards <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | |||
+ | <!------------------------------------ Judging Form----------------------------> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link page-scroll" style="color: #000000" href="https://igem.org/2019_Judging_Form?team=UNebraska-Lincoln">Judging Form <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> <!-- end of navbar --> | ||
+ | </header> | ||
+ | <div> | ||
+ | </body> |
Latest revision as of 22:36, 21 October 2019