Line 6: | Line 6: | ||
<link href="https://2021.igem.org/Template:Qdai/css/styleCSS?action=raw&ctype=text/css" rel="stylesheet"/> | <link href="https://2021.igem.org/Template:Qdai/css/styleCSS?action=raw&ctype=text/css" rel="stylesheet"/> | ||
<link href="https://2021.igem.org/Template:Qdai/css/bootstrap-minCSS?action=raw&ctype=text/css" rel="stylesheet"/> | <link href="https://2021.igem.org/Template:Qdai/css/bootstrap-minCSS?action=raw&ctype=text/css" rel="stylesheet"/> | ||
− | <link href="https://2021.igem.org/Template:Qdai/css/g-fontsCSS?action=raw&ctype=text/css" rel="stylesheet"/> | + | <link href="https://2021.igem.org/Template:Qdai/css/g-fontsCSS?action=raw&ctype=text/css" rel="stylesheet"/> |
<style> | <style> | ||
− | + | .main>img { | |
− | height: | + | height: 25vh; |
− | max-width: | + | max-width: 100%; |
} | } | ||
+ | |||
#HQ_page p { | #HQ_page p { | ||
− | + | font-family: "Arial", Helvetica, sans-serif; | |
− | + | font-size: 16px; | |
− | + | text-align: justify; | |
− | } | + | margin: 12px 0 12px 0; |
+ | } | ||
+ | |||
.tag { | .tag { | ||
font-family: 'Gemunu Libre', sans-serif; | font-family: 'Gemunu Libre', sans-serif; | ||
Line 49: | Line 52: | ||
margin-bottom: 12px; | margin-bottom: 12px; | ||
} | } | ||
− | #globalWrapper{ | + | |
+ | #globalWrapper { | ||
font-size: 100%; | font-size: 100%; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
− | + | ||
− | #mw-content-text>p{ | + | #mw-content-text>p { |
display: none; | display: none; | ||
} | } | ||
− | + | ||
− | + | .mem-link:link, | |
− | + | .mem-link:visited, | |
− | + | .mem-link:hover, | |
− | } | + | .mem-link:active { |
− | .bg{ | + | text-decoration: none; |
+ | color: #212529; | ||
+ | } | ||
+ | |||
+ | .bg { | ||
background: url("https://static.igem.org/mediawiki/2021/c/c8/T--Qdai--img--member-top.jpg"); | background: url("https://static.igem.org/mediawiki/2021/c/c8/T--Qdai--img--member-top.jpg"); | ||
height: 40vh; | height: 40vh; | ||
} | } | ||
+ | |||
.CircleClip { | .CircleClip { | ||
− | + | width: 15vw; | |
− | + | height: 15vw; | |
− | } | + | } |
− | + | ||
− | + | .s-item { | |
− | + | margin-right: 2vw; | |
+ | } | ||
Line 104: | Line 114: | ||
#bodyContent h2, | #bodyContent h2, | ||
#bodyContent h3, | #bodyContent h3, | ||
− | #bodyContent | + | #bodyContent p, |
#bodyContent h5 { | #bodyContent h5 { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
Line 117: | Line 127: | ||
/* https://work.smarchal.com/twbscolor/ */ | /* https://work.smarchal.com/twbscolor/ */ | ||
.navbar { | .navbar { | ||
− | + | background-color: #98197f00; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .navbar .navbar-brand { | |
− | + | color: #edf2f4; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .navbar .navbar-brand:hover, | |
− | + | .navbar .navbar-brand:focus { | |
− | + | color: #a697b8; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .navbar .navbar-text { | |
− | + | color: #edf2f4; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .navbar .navbar-text a { | |
− | + | color: #a697b8; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | .navbar | + | .navbar .navbar-text a:hover, |
− | + | .navbar .navbar-text a:focus { | |
− | + | color: #a697b8; | |
− | + | } | |
− | .navbar | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .navbar .navbar-nav .nav-link { | |
− | + | color: #edf2f4; | |
− | + | border-radius: .25rem; | |
− | + | margin: 0 0.25em; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | color: # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | border-radius: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | margin | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .navbar .navbar-nav .nav-link:not(.disabled):hover, | |
− | } | + | .navbar .navbar-nav .nav-link:not(.disabled):focus { |
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-nav .dropdown-menu { | ||
+ | background-color: #151616b6; | ||
+ | border-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-nav .dropdown-menu .dropdown-item { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-nav .dropdown-menu .dropdown-item:hover, | ||
+ | .navbar .navbar-nav .dropdown-menu .dropdown-item:focus, | ||
+ | .navbar .navbar-nav .dropdown-menu .dropdown-item.active { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-nav .dropdown-menu .dropdown-divider { | ||
+ | border-top-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-nav .nav-item.active .nav-link, | ||
+ | .navbar .navbar-nav .nav-item.active .nav-link:hover, | ||
+ | .navbar .navbar-nav .nav-item.active .nav-link:focus, | ||
+ | .navbar .navbar-nav .nav-item.show .nav-link, | ||
+ | .navbar .navbar-nav .nav-item.show .nav-link:hover, | ||
+ | .navbar .navbar-nav .nav-item.show .nav-link:focus { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-toggler { | ||
+ | border-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-toggler:hover, | ||
+ | .navbar .navbar-toggler:focus { | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-toggler .navbar-toggler-icon { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-collapse, | ||
+ | .navbar .navbar-form { | ||
+ | border-color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-link { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-link:hover { | ||
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 575px) { | ||
+ | .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover, | ||
+ | .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus { | ||
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover, | ||
+ | .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus { | ||
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 991px) { | ||
+ | .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover, | ||
+ | .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus { | ||
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 1199px) { | ||
+ | .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover, | ||
+ | .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus { | ||
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item { | ||
+ | color: #edf2f4; | ||
+ | } | ||
+ | |||
+ | .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover, | ||
+ | .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus { | ||
+ | color: #a697b8; | ||
+ | } | ||
+ | |||
+ | .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active { | ||
+ | color: #a697b8; | ||
+ | background-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer { | ||
+ | background: #222; | ||
+ | border-top: 4px solid #8e44ad; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .about { | ||
+ | margin: 0 auto; | ||
+ | margin-top: 40px; | ||
+ | max-width: 1170px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .about p { | ||
+ | font-size: 13px; | ||
+ | color: #999; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .about .social-media { | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .about .social-media ul li a { | ||
+ | display: inline-block; | ||
+ | width: 45px; | ||
+ | height: 45px; | ||
+ | line-height: 45px; | ||
+ | border-radius: 50%; | ||
+ | font-size: 16px; | ||
+ | color: #9a24c2; | ||
+ | border: 1px solid rgba(255, 255, 255, 0.3); | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .about .social-media ul li a:hover { | ||
+ | background: #8e44ad; | ||
+ | color: #fff; | ||
+ | border-color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .footer-info-single { | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .footer-info-single .title { | ||
+ | color: #aaa; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 16px; | ||
+ | border-left: 4px solid #8e44ad; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .footer-info-single ul li a { | ||
+ | display: block; | ||
+ | color: #aaa; | ||
+ | padding: 2px 0; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .footer-info-single ul li a:hover { | ||
+ | color: #8e44ad; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .footer-info-single p { | ||
+ | font-size: 13px; | ||
+ | line-height: 20px; | ||
+ | color: #aaa; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .copyright { | ||
+ | margin-top: 15px; | ||
+ | background: #111; | ||
+ | padding: 7px 0; | ||
+ | color: #999; | ||
+ | } | ||
+ | |||
+ | footer.nb-footer .copyright p { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div[class="footer-info-single"]>ul { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | div[class="footer-info-single"]>h2 { | ||
+ | padding-bottom: 0; | ||
+ | padding-top: 0; | ||
+ | |||
+ | margin-bottom: .5rem; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 379: | Line 444: | ||
<a class="dropdown-item" href="https://2021.igem.org/Team:Qdai/Partnership">Partnership</a> | <a class="dropdown-item" href="https://2021.igem.org/Team:Qdai/Partnership">Partnership</a> | ||
− | <a class="dropdown-item" href="https://2021.igem.org/Team:Qdai/Another_area"> | + | <a class="dropdown-item" href="https://2021.igem.org/Team:Qdai/Another_area">Another Area</a> |
</div> | </div> | ||
Line 388: | Line 453: | ||
<div class="bg" style="margin-top: -130px;"> | <div class="bg" style="margin-top: -130px;"> | ||
− | + | <img alt="" class="top-text2" src="https://static.igem.org/mediawiki/2021/e/ed/T--Qdai--img--We_are_iGEM_Qdai.png" style="top:10vw;"/> | |
</div> | </div> | ||
<div class="selection" style="height: auto;"> | <div class="selection" style="height: auto;"> | ||
<div class="container-vcenter"> | <div class="container-vcenter"> | ||
− | <h2 class="tag"><span>Engineering | + | <h2 class="tag"><span>Engineering</span></h2> |
+ | <embed src="https://static.igem.org/mediawiki/2021/4/4e/T--Qdai--EngineeringSuccess%E5%AE%8C%E6%88%90.docx.pdf" style="height: 100vh;" type="application/pdf" width="80%"/> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 525: | Line 541: | ||
</section> | </section> | ||
</footer> | </footer> | ||
− | <script src="https://2021.igem.org/Template:Qdai/js/bootstrap-minJS?action=raw&ctype=text/javascript"></script> | + | <script src="https://2021.igem.org/Template:Qdai/js/bootstrap-minJS?action=raw&ctype=text/javascript"></script> |
+ | |||
</body></html> | </body></html> |