Difference between revisions of "Template:CCU Taiwan/header footer"

m
m
 
(36 intermediate revisions by the same user not shown)
Line 14: Line 14:
 
     top: 16px;
 
     top: 16px;
 
}
 
}
 +
 
/*header*/
 
/*header*/
−
@media (min-width: 992px) .navbar-expand-lg .navbar-nav .nav-link {
+
.navbar {
−
     padding-right: .75rem;!importment
+
     padding: .25rem 1rem;
−
     padding-left: .75rem;!importment
+
     border-radius: .3rem;
 
}
 
}
 +
 
.navbar-light .navbar-nav .nav-link {
 
.navbar-light .navbar-nav .nav-link {
 
     color: #aaa;
 
     color: #aaa;
 
     font-size: 1.25rem;
 
     font-size: 1.25rem;
 +
}
 +
 +
.dropdown-item:hover {
 +
    font-weight: 500;
 +
}
 +
 +
a:visited {
 +
    color: rgba(155,30,30,.8);
 
}
 
}
  
 
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 
     color: rgba(155,30,30,.8);
 
     color: rgba(155,30,30,.8);
 +
    font-weight: 600;
 
}
 
}
  
Line 34: Line 45:
 
.dropdown-item {
 
.dropdown-item {
 
     color: rgba(155,30,30,.8);
 
     color: rgba(155,30,30,.8);
 +
}
 +
 +
#bodyContent a[href ^="https://"], .link-https {
 +
    background: none;
 +
}
 +
 +
#bodyContent a[href ^="https://2020.igem.org/Team:CCU_Taiwan/"]:hover, .link-https:hover {
 +
    background-color: #f8f9fa;
 +
}
 +
 +
#bodyContent a[href ^="https://2020.igem.org/Team:CCU_Taiwan/"]:active, .link-https:active {
 +
    background-color: rgba(155,30,30);
 
}
 
}
  
Line 39: Line 62:
 
     color: rgba(155,30,30);
 
     color: rgba(155,30,30);
 
     text-decoration: none;
 
     text-decoration: none;
−
     background-color: #f8f9fa;
+
     background-color: #f8f9fa;!importent
 
}
 
}
  
Line 48: Line 71:
 
}
 
}
  
−
.navbar {
+
/*gotop*/
−
     padding: .25rem 1rem;
+
#gotop a{
 +
     display: block;
 +
    position: fixed;
 +
    height: 45px;
 +
    width: 50px;
 +
    right: 20px;
 +
    bottom: 30px;
 +
    font-size: 0;
 +
    cursor: pointer;
 +
    z-index: 1000;
 +
    background: url(https://static.igem.org/mediawiki/2020/7/72/T--CCU_Taiwan--mosquito_1.png);
 
}
 
}
  
−
/*footer*/
+
#gotop a:hover {
−
.jumbotron {
+
     background: url(https://static.igem.org/mediawiki/2020/9/9e/T--CCU_Taiwan--mosquito_2.png);
−
    padding: 2rem 1rem;
+
−
    margin-bottom: 0rem;
+
−
     background-color: #e9ecef;
+
−
    border-radius: .3rem;
+
−
    text-align: center;
+
−
    background-color: rgba(155, 30, 30);
+
−
    padding-bottom: 2rem;
+
 
}
 
}
  
−
.img-fluid {
+
#gotop a:active {
−
     -webkit-filter: brightness(.9);
+
     background: url(https://static.igem.org/mediawiki/2020/d/d5/T--CCU_Taiwan--mosquito_3.png);
−
    filter: brightness(.9);
+
 
}
 
}
  
−
.img-fluid:hover {
 
−
    -webkit-filter: none;
 
−
    filter: none;
 
−
}
 
−
 
−
.footer {
 
−
    display: inline-flex;
 
−
    justify-content: space-between;
 
−
}
 
−
 
−
.logoblock {
 
−
    padding: 0rem 1rem;
 
−
}
 
−
 
−
.iconblock {
 
−
    display: inline;
 
−
    padding: 0rem .5rem;
 
−
}
 
−
 
−
 
−
.bg-light {
 
−
    background-color: rgba(255, 255, 255, .95)!important;
 
−
}
 
−
 
−
.trademark {
 
−
    font-size: small;
 
−
}
 
−
 
−
.icon_markblock {
 
−
    padding: .5rem;
 
−
}
 
−
 
−
.trademarkblock {
 
−
    padding-top: 1rem;
 
−
}
 
−
 
−
a:hover {
 
−
    text-decoration: none;
 
−
}
 
 
</style>
 
</style>
  
−
<div class="top">
+
<section>
 
     <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
 
     <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
 
         <a class="navbar-brand" href="https://2020.igem.org/Team:CCU_Taiwan"><img src="https://static.igem.org/mediawiki/2020/7/7e/T--CCU_Taiwan--logo.png"></a>
 
         <a class="navbar-brand" href="https://2020.igem.org/Team:CCU_Taiwan"><img src="https://static.igem.org/mediawiki/2020/7/7e/T--CCU_Taiwan--logo.png"></a>
Line 115: Line 101:
 
             <span class="navbar-toggler-icon"></span>
 
             <span class="navbar-toggler-icon"></span>
 
         </button>
 
         </button>
−
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
         <section class="collapse navbar-collapse" id="navbarSupportedContent">
 
             <ul class="navbar-nav mr-auto">
 
             <ul class="navbar-nav mr-auto">
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
−
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                     <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="#">Team Members</a>
 
                         <a class="dropdown-item" href="#">Team Members</a>
−
                         <a class="dropdown-item" href="#">Attribution</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a>
−
                         <a class="dropdown-item" href="sponsors.html" target="_blank">Sponsors</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Contribution">Contribution</a>
−
                     </div>
+
                        <a class="dropdown-item" href="#">Sponsors</a>
 +
                     </section>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
−
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                     <section class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                         <a class="dropdown-item" href="#">Description</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Description">Description</a>
−
                         <a class="dropdown-item" href="#" target="_blank">Design</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Implementation">Implementation</a>
−
                         <a class="dropdown-item" href="#">Model</a>
+
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Design">Design</a>
−
                         <a class="dropdown-item" href="#">Hardware</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Engineering">Engineering</a>
−
                         <a class="dropdown-item" href="safety.html" target="_blank">Safety</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Model">Model</a>
−
                     </div>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Results">Results</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Safety">Safety</a>
 +
                     </section>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
−
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                     <section class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                         <a class="dropdown-item" href="#">Part Collection</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Parts">Parts</a>
−
                        <a class="dropdown-item" href="parts.html" target="_blank">Parts</a>
+
                         <a class="dropdown-item" href="#">Improvement</a>
−
                         <a class="dropdown-item" href="#">Improve</a>
+
                     </section>
−
                     </div>
+
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices
 
                     </a>
 
                     </a>
−
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                     <section class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                         <a class="dropdown-item" href="#">Education</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Human_Practices">Human Practices</a>
−
                         <a class="dropdown-item" href="#">IHP</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Education">Education</a>
−
                         <a class="dropdown-item" href="#">Collaborations</a>
+
                         <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Collaborations">Collaborations</a>
−
                     </div>
+
                     </section>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Notebook
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Notebook
 
                     </a>
 
                     </a>
−
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                     <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="#">Notebook</a>
 
                         <a class="dropdown-item" href="#">Notebook</a>
 
                         <a class="dropdown-item" href="#">Protocols</a>
 
                         <a class="dropdown-item" href="#">Protocols</a>
−
                     </div>
+
                     </section>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item">
 
                 <li class="nav-item">
Line 164: Line 152:
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
−
         </div>
+
         </section>
 
     </nav>
 
     </nav>
−
</div>
+
</section>
  
 
</html>
 
</html>

Latest revision as of 13:37, 5 September 2020