Difference between revisions of "Template:TecMonterrey GDL"

Line 45: Line 45:
 
     </script>
 
     </script>
  
−
    <style>
+
      <style>
 +
        /*------------------------------------------------*/
 +
        /*-------------- ESSENTIAL TEMPLATE STYLE ---------------*/
 +
        /*------------------------------------------------*/
 
         .dropdown-toggle::after {
 
         .dropdown-toggle::after {
 
             display:none;
 
             display:none;
−
        }
 
−
        #content{
 
−
            width: 100%;
 
−
            padding: 0;
 
−
            margin: 0;
 
 
         }
 
         }
 
         #content p{
 
         #content p{
Line 60: Line 58:
 
             display: none;
 
             display: none;
 
         }
 
         }
 +
        #home_logo, #sideMenu {
 +
            display:none;
 +
        }
 +
    #sideMenu, #top_title, .patrollink{
 +
            display:none;
 +
        }
 +
    #content{
 +
            margin-left:0px;
 +
            margin-top:-7px;
 +
            padding:0px;
 +
            width:100%;
 +
        }
 +
    body {
 +
            background-color:white;
 +
        }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5{
 +
            margin-bottom: 0px;
 +
        }
 +
 +
    .judges-will-not-evaluate {
 +
            border: 4px solid #e4dede;
 +
            padding: 2% !important;
 +
            width: 92%!important;
 +
        }
 +
 +
        /*------------------------------------------------*/
 +
        /*-------------- COLOR PALETTES ---------------*/
 +
        /*------------------------------------------------*/
 +
 +
        .white-color,
 +
        .white-color:hover{
 +
            color: #ffff;
 +
        }
 +
        .purple-color,
 +
        .purple-color:hover{
 +
            color: rgb(105, 67, 100);
 +
        }
 +
       
 +
        .blue1-back,
 +
        .blue1-back:hover{
 +
            background-color: rgb(113, 166, 204);
 +
        }
 +
        .blue2-back,
 +
        .blue2-back:hover{
 +
            background-color: rgb(120, 180, 222);
 +
        }
 +
        .blue3-back,
 +
        .blue3-back:hover{
 +
            background-color: rgb(123, 178, 216);
 +
        }
 +
 +
        .sky1-back,
 +
        .sky1-back:hover{
 +
            background-color: rgb(205, 238, 244);
 +
        }
 +
        .sky2-back,
 +
        .sky2-back:hover{
 +
            background-color: rgb(185, 234, 244);
 +
        }
 +
        .sky3-back,
 +
        .sky3-back:hover{
 +
            background-color: rgb(166, 238, 244);
 +
        }
 +
 +
        .pink1-back,
 +
        .pink1-back:hover{
 +
            background-color: rgb(236, 202, 218);
 +
        }
 +
        .pink2-back,
 +
        .pink2-back:hover{
 +
            background-color: rgb(236, 191, 214);
 +
        }
 +
        .pink3-back,
 +
        .pink3-back:hover{
 +
            background-color: rgb(223, 180, 203);
 +
        }
 +
        .pink4-back,
 +
        .pink4-back:hover{
 +
            background-color: rgb(223, 170, 200);
 +
        }
 +
 +
        .magenta1-back,
 +
        .magenta1-back:hover{
 +
            background-color: rgb(219, 185, 244);
 +
        }
 +
        .magenta2-back,
 +
        .magenta2-back:hover{
 +
            background-color: rgb(212, 174, 244);
 +
        }
 +
 +
        .violet1-back,
 +
        .violet1-back:hover{
 +
            background-color: rgb(165, 111, 157);
 +
        }
 +
        .violet2-back,
 +
        .violet2-back:hover{
 +
            background-color: rgb(171, 117, 163);
 +
        }
 +
        .violet3-back,
 +
        .violet3-back:hover{
 +
            background-color: rgb(193, 130, 185);
 +
        }
 +
        /*------------------------------------------------*/
 +
        /*----------------- NAVIGATION -------------------*/
 +
        /*------------------------------------------------*/
 +
       
 +
        /* Links and logo style*/
 +
        .logo{
 +
            width: 4rem;
 +
        }
 +
        .social{
 +
            width: 2rem;
 +
        }
 +
        .social-links{
 +
            padding-top: .5rem;
 +
        }
 +
       
 +
        /* Style of navbar */
 +
        .nav li a{
 +
            font-size: 20px;
 +
        }
 +
        .home-link{
 +
            background-color: rgb(70, 102, 142);
 +
        }
 +
        .proyect-link{
 +
            background-color: rgb(90, 147, 187);
 +
        }
 +
        .dry-link{
 +
            background-color: rgb(218, 240, 243);
 +
        }
 +
        .wet-link{
 +
            background-color: #ead1dcff;
 +
        }
 +
        .human-link{
 +
            background-color: rgb(225, 192, 243);
 +
        }
 +
        .notebook-link{
 +
            background-color: rgb(151, 97, 144);
 +
        }
 +
        .checklist-link{
 +
            background-color: rgb(105, 67, 100);
 +
        }
 +
       
 +
        /*Remove padding from dropdown menu*/
 +
   
 +
        .dropdown-content {
 +
            display: none;
 +
            position:absolute;
 +
            width: 100%;
 +
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
            z-index: 1;
 +
        }
 +
 +
        .dropdown-content a {
 +
            padding: 12px 16px;
 +
            text-decoration: none;
 +
            display: block;
 +
        }
 +
 +
        .dropdown-content a:hover {
 +
            background-color: #ddd;
 +
        }
 +
 +
        .dropdownHover:hover .dropdown-content {
 +
            display: block;
 +
        }
 +
 +
        .dropdown-menu{
 +
            padding: 0;
 +
            margin-top: 0;
 +
        }
 +
        .dropdown-menu a{
 +
            text-align: center;
 +
            font-size: 22px !important;
 +
        }
 +
       
 +
 
     </style>
 
     </style>
  
Line 66: Line 241:
 
     <!-- Body begins here (No idea why body tag did not appear on the template)-->
 
     <!-- Body begins here (No idea why body tag did not appear on the template)-->
  
−
     <ul class="nav justify-content-center">
+
     <div class="container-fluid">
−
         <li class="nav-item active">
+
         <div class="row">
−
             <a class="nav-link" href="https://2018.igem.org/Team:TecMonterrey_GDL">Home </a>
+
             <div class="col-1 text-center">
−
        </li>
+
                <img class="logo" src="./logo.png" alt="igem logo">
−
        <li class="nav-item">
+
−
            <a class="nav-link" href="https://2018.igem.org/Team:TecMonterrey_GDL/Description">Proyect</a>
+
−
        </li>
+
−
        <li class="nav-item">
+
−
            <a class="nav-link" href="#">Dry Lab</a>
+
−
        </li>
+
−
        <li class="nav-item">
+
−
            <a class="nav-link" href="#">Wet Lab</a>
+
−
        </li>
+
−
        <li class="nav-item">
+
−
            <a class="nav-link" href="#">Human Practices</a>
+
−
        </li>
+
−
        <li class="nav-item">
+
−
            <a class="nav-link" href="#">Notebook</a>
+
−
        </li>
+
−
        <li class="nav-item">
+
−
            <a class="nav-link" href="#">Checklist</a>
+
−
        </li>
+
−
        <!-- <li class="nav-item dropdown">
+
−
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
            Dropdown link
+
−
            </a>
+
−
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
−
            <a class="dropdown-item" href="#">Action</a>
+
−
            <a class="dropdown-item" href="#">Another action</a>
+
−
            <a class="dropdown-item" href="#">Something else here</a>
+
 
             </div>
 
             </div>
−
        </li> -->
+
            <div class="col-10">
−
    </ul>
+
               
 +
                <ul class="nav nav-fill">
 +
                    <li class="nav-item active">
 +
                        <a class="nav-link home-link white-color align-middle" href="https://2018.igem.org/Team:TecMonterrey_GDL">Home </a>
 +
                    </li>
  
 +
                    <li class="nav-item dropdown dropdownHover">
 +
                        <a class="nav-link dropdown-toggle proyect-link white-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Description" id="proyect-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
 +
                        <div class="dropdown-content dropdown-menu" aria-labelledby="proyect-dropdown">
 +
                            <a class="dropdown-item blue1-back white-color" href="https://2018.igem.org/TecMonterrey_GDL/Abstract">Abstract</a>
 +
                            <a class="dropdown-item blue2-back white-color" href="https://2018.igem.org/TecMonterrey_GDL/OurTeam">Our team</a>
 +
                            <a class="dropdown-item blue3-back white-color" href="https://2018.igem.org/TecMonterrey_GDL/Attributions">Attributions</a>
 +
                        </div>
 +
                    </li>
 +
                   
 +
                    <li class="nav-item dropdown dropdownHover">
 +
                        <a class="nav-link dropdown-toggle dry-link purple-color" href="#" id="dry-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dry Lab</a>
 +
                        <div class="dropdown-content dropdown-menu" aria-labelledby="dry-dropdown">
 +
                            <a class="dropdown-item sky1-back purple-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Parts ">Parts</a>
 +
                            <a class="dropdown-item sky2-back purple-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Constructs">Constructs</a>
 +
                            <a class="dropdown-item sky3-back purple-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Model">Mathematical model</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="nav-item dropdown dropdownHover">
 +
                        <a class="nav-link dropdown-toggle wet-link purple-color" href="#" id="wet-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Wet Lab</a>
 +
                        <div class="dropdown-menu dropdown-content" aria-labelledby="wet-dropdown">
 +
                            <a class="dropdown-item pink1-back purple-color" href="https://2018.igem.org/TecMonterrey_GDL/InterLab">Interlab</a>
 +
                            <a class="dropdown-item pink2-back purple-color" href="https://2018.igem.org/TecMonterrey_GDL/Collaborations">Collaborations</a>
 +
                            <a class="dropdown-item pink3-back purple-color" href="https://2018.igem.org/TecMonterrey_GDL/Demonstrate">Demonstrate</a>
 +
                            <a class="dropdown-item pink4-back purple-color" href="https://2018.igem.org/TecMonterrey_GDL/Improve">Improv. prev. parts</a>
 +
                        </div>
 +
                    </li>
  
 +
                    <li class="nav-item dropdown dropdownHover">
 +
                        <a class="nav-link dropdown-toggle human-link purple-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Human_Practices" id="human-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                        <div class="dropdown-menu dropdown-content" aria-labelledby="human-dropdown">
 +
                            <a class="dropdown-item magenta1-back purple-color" href="https://2018.igem.org/TecMonterrey_GDL/HP/Silver">Timeline</a>
 +
                            <a class="dropdown-item magenta2-back purple-color" href="https://2018.igem.org/TecMonterrey_GDL/HP/Gold_Integrated">Public engagement</a>
 +
                        </div>
 +
                    </li>
 +
 +
                    <li class="nav-item dropdown dropdownHover">
 +
                        <a class="nav-link dropdown-toggle notebook-link white-color" href="#" id="notebook-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Notebook</a>
 +
                        <div class="dropdown-menu dropdown-content" aria-labelledby="notebook-dropdown">
 +
                            <a class="dropdown-item violet1-back white-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Protocols">Protocols</a>
 +
                            <a class="dropdown-item violet2-back white-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Lab_Logs">Lab. logs</a>
 +
                            <a class="dropdown-item violet3-back white-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Results">Results</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="nav-item">
 +
                        <a class="nav-link checklist-link white-color" href="https://2018.igem.org/Team:TecMonterrey_GDL/Checklist">Checklist</a>
 +
                    </li>
 +
                    <!-- <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                        Dropdown link
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                        <a class="dropdown-item" href="#">Action</a>
 +
                        <a class="dropdown-item" href="#">Another action</a>
 +
                        <a class="dropdown-item" href="#">Something else here</a>
 +
                        </div>
 +
                    </li> -->
 +
                </ul>
 +
            </div>
 +
            <div class="col-1 social-links">
 +
                <a href="http://twitter.com" target="_blank"><img src="./twitter.png" alt="twitter logo" class="social"></a>
 +
                <a href="http://facebook.com" target="_blank"><img src="./facebook.png" alt="facebook logo" class="social"></a>
 +
                <a href="http://instagram.com" target="_blank"><img src="./instagram.png" alt="instagram logo" class="social"></a>
 +
            </div>
 +
        </div>
 +
    </div>
  
 
<!-- CONTENT OF THE PAGE -->
 
<!-- CONTENT OF THE PAGE -->

Revision as of 04:35, 9 July 2018