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

m
m
 
(47 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<style>
 
<style>
−
 
 
html, body{
 
html, body{
 
     height: 100%;
 
     height: 100%;
−
    width: 100%
 
 
}
 
}
  
Line 10: Line 9:
 
     color: #ffffff;
 
     color: #ffffff;
 
     font-size: 1.25rem;
 
     font-size: 1.25rem;
−
}
 
−
.fixed_bg {
 
−
    height: 100%;
 
−
    position: relative;
 
 
}
 
}
  
−
.fixed_bg{
+
.fixed-top {
−
    background-attachment: fixed;
+
     top: 16px;
−
    background-position: center;
+
−
     background-repeat: no-repeat;
+
−
    background-size: cover;
+
 
}
 
}
  
−
.jumbotron {
+
/*header*/
−
     padding: 2rem 1rem;
+
.navbar {
−
    margin-bottom: 0rem;
+
     padding: .25rem 1rem;
−
    background-color: #e9ecef;
+
 
     border-radius: .3rem;
 
     border-radius: .3rem;
 
}
 
}
  
−
.wordcenter{
+
.navbar-light .navbar-nav .nav-link {
−
    position: absolute;
+
     color: #aaa;
−
    left: 50%;
+
     font-size: 1.25rem;
−
    top: 50%;
+
−
    bottom: auto;
+
−
    right: auto;
+
−
    -webkit-transform: translateX(-50%) translateY(-50%);
+
−
     transform: translateX(-50%) translateY(-50%);
+
−
     text-align: center;
+
 
}
 
}
  
−
.shadow{
+
.dropdown-item:hover {
−
     box-shadow: 0 0 0 rgba(0,0,0,0)!important;
+
     font-weight: 500;
 
}
 
}
  
−
.img-fluid {
+
a:visited {
−
    -webkit-filter: brightness(.9);
+
−
    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;
+
−
}
+
−
 
+
−
.jumbotron{
+
−
    text-align: center;
+
−
    background-color: rgba(155, 30, 30);
+
−
    padding-bottom: 2rem;
+
−
}
+
−
 
+
−
.navbar-light .navbar-nav .nav-link {
+
−
    color: #aaa;
+
−
}
+
−
 
+
−
.navbar-light .navbar-nav .nav-link:hover {
+
 
     color: rgba(155,30,30,.8);
 
     color: rgba(155,30,30,.8);
 
}
 
}
Line 85: Line 36:
 
.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 93: 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 98: 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 107: Line 71:
 
}
 
}
  
−
.navbar {
+
/*gotop*/
−
    padding: .25rem 1rem;
+
−
}
+
−
 
+
−
.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;
+
−
}
+
−
 
+
 
#gotop a{
 
#gotop a{
 
     display: block;
 
     display: block;
Line 152: Line 93:
 
}
 
}
  
−
/*home page*/
+
</style>
  
−
.color_1{
+
<section>
−
     background-color: rgb(242, 242, 242);
+
     <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>
 +
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
            <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <section class="collapse navbar-collapse" id="navbarSupportedContent">
 +
            <ul class="navbar-nav mr-auto">
 +
                <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>
 +
                    <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">Team Members</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Contribution">Contribution</a>
 +
                        <a class="dropdown-item" href="#">Sponsors</a>
 +
                    </section>
 +
                </li>
 +
                <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>
 +
                    <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Description">Description</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Implementation">Implementation</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Design">Design</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Engineering">Engineering</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Model">Model</a>
 +
                        <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 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>
 +
                    <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Parts">Parts</a>
 +
                        <a class="dropdown-item" href="#">Improvement</a>
 +
                    </section>
 +
                </li>
 +
                <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>
 +
                    <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Human_Practices">Human Practices</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Education">Education</a>
 +
                        <a class="dropdown-item" href="https://2020.igem.org/Team:CCU_Taiwan/Collaborations">Collaborations</a>
 +
                    </section>
 +
                </li>
 +
                <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>
 +
                    <section class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">Notebook</a>
 +
                        <a class="dropdown-item" href="#">Protocols</a>
 +
                    </section>
 +
                </li>
 +
                <li class="nav-item">
 +
                    <a class="nav-link" href="#">Awards</a>
 +
                </li>
 +
            </ul>
 +
        </section>
 +
    </nav>
 +
</section>
  
−
.color_2{
 
−
    background-color: rgba(227, 227, 227, 1);
 
−
}
 
−
 
−
.color_3{
 
−
    background-color: rgb(230, 230, 230, 0.8);
 
−
}
 
−
 
−
.color_4{
 
−
    background-color: rgb(230, 230, 230, 0.8);
 
−
}
 
−
 
−
.color_5{
 
−
    background-color: rgb(230, 230, 230, 0.8);
 
−
}
 
−
 
−
</style>
 
 
</html>
 
</html>

Latest revision as of 13:37, 5 September 2020