Difference between revisions of "Template:Madrid-OLM/footer"

Line 1: Line 1:
 +
{{Madrid-OLM/bootstrap.css}}
 +
{{Madrid-OLM/stack-interface.css}}
 +
{{Madrid-OLM/lightbox.min.css}}
 +
{{Madrid-OLM/socicon.css}}
 +
{{Madrid-OLM/iconsmind.css}}
 +
{{Madrid-OLM/jquery.steps.css}}
 +
{{Madrid-OLM/theme.css}}
 +
{{Madrid-OLM/custom.css}}
 
<html>
 
<html>
−
    <style>
+
<style>
−
     .footer-distributed{
+
/**************************************************************************************************************************************************************************************************/
−
        background-color: #F7F5E6;
+
/* DEFAULT WIKI SETTINGS */
−
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
/**************************************************************************************************************************************************************************************************/
−
        box-sizing: border-box;
+
     #home_logo, #sideMenu {
−
        width: 100%;
+
         display:none;
−
        text-align: left;
+
−
        padding: 45px 50px;
+
−
         margin-top: 80px;
+
 
     }
 
     }
−
 
+
     #sideMenu, #top_title, .patrollink  {
−
     .footer-distributed .footer-left p{
+
         display:none;
−
            color:  #52658F;
+
−
        font-size: 14px;
+
−
         margin: 0;
+
 
     }
 
     }
−
     .footer-distributed .footer-right p{
+
     #content, #HQ_page {
−
            color: #52658F;
+
        width: 100%;
−
         font-size: 14px;
+
         padding: 0;
 
         margin: 0;
 
         margin: 0;
 +
        background-color: white;
 +
        //font-size: 100% !important;
 
     }
 
     }
−
 
+
     #content {
−
     /* Footer links */
+
         margin-top: -16px;
−
 
+
−
    .footer-distributed p.footer-links{
+
−
         font-size:18px;
+
−
        font-weight: bold;
+
−
        color:  #ffffff;
+
−
        margin: 0 0 10px;
+
−
        padding: 0;
+
 
     }
 
     }
−
 
+
     #globalWrapper, #content, #HQ_page, #bodyContent, #mw-content-text{
−
 
+
    height: 100%;
−
     .footer-distributed p.footer-links a{
+
    width: 100%;
−
        display:inline-block;
+
−
        line-height: 1.8;
+
−
        text-decoration: none;
+
−
        color: inherit;
+
 
     }
 
     }
−
 
+
/*Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone*/
−
    .footer-distributed .footer-right{
+
    #top_menu_14 {
−
         float: right;
+
         box-sizing: initial;
−
        margin-top: 6px;
+
−
        max-width: 400px;
+
 
     }
 
     }
−
 
+
     td a{
−
 
+
         padding-right: 0px !important;
−
 
+
−
     .footer-distributed .footer-right a{
+
−
         display: inline-block;
+
−
        width: 50px;
+
−
        height: 35px;
+
−
        background-color:  #33383b;
+
−
        border-radius: 2px;
+
−
 
+
−
        font-size: 20px;
+
−
        color: #52658F;
+
−
        text-align: center;
+
−
        line-height: 35px;
+
−
 
+
−
        margin-left: 3px;
+
 
     }
 
     }
 +
    #globalWrapper{
 +
        padding-bottom: 0;
 +
    }
 +
/**************************************************************************************************************************************************************************************************/
 +
</style>
 +
   
 +
<head>
 +
        <meta charset="utf-8">
 +
        <title>Madrid-OLM</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <meta name="description" content="Wiki of Madrid-OLM iGEM team">
 +
   
 +
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    </head>
  
−
    .sponsors {
 
−
                margin: 2.5px;
 
−
                width: 125px;
 
−
            }
 
  
−
    /* If you don't want the footer to be responsive, remove these media queries */
+
<body class=" ">
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
        <div class="nav-container ">
 +
            <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bar--absolute bar--dark">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-lg-12 col-md-12 text-left-xs text-left-sm" style=" background: #9AF8AE; opacity: 0.8;">
 +
                            <div class="bar__module text-left">
 +
                                <a href="https://2018.igem.org/Team:Madrid-OLM">
 +
                                    <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/9/91/T--Madrid-OLM--Teamlogo.png" />
 +
                                </a>
 +
                            </div>
 +
                            <div class="bar__module text-right">
 +
                                <ul class="menu-horizontal text-left">
 +
                                    <li class="dropdown">
 +
                                        <span><a href="https://2018.igem.org/Team:Madrid-OLM" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #000; text-decoration: none;">Home</a></span>   
 +
                                    </li>
 +
                 
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Team</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Team">Members</a></span>
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Collaborations">Collaborations</a></span>
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Attributions">Attribution</a></span>
 +
                                                            </li>
 +
                                                           
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Sponsor">Sponsors</a></span>
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
  
−
    @media (max-width: 600px) {
 
  
−
        .footer-distributed .footer-left,
+
                                    <li class="dropdown">
−
        .footer-distributed .footer-right{
+
                                        <span class="dropdown__trigger">Project</span>
−
            text-align: center;
+
                                        <div class="dropdown__container">
−
        }
+
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/standarapartado">Description</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Design">Design</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Experiments">Experiments</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                         
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Notebook">Notebook</a></span>
 +
                                                               
 +
                                                            </li>
  
−
        .footer-distributed .footer-right{
+
                                                            <li class="dropdown">
−
            float: none;
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/InterLab">Interlab</a></span>
−
            margin: 0 auto 20px;
+
                                                               
−
        }
+
                                                            </li>
  
−
        .footer-distributed .footer-left p.footer-links{
+
                                                            <li class="dropdown">
−
            line-height: 1.8;
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Model">Model</a></span>
−
        }
+
                                                               
−
    }
+
                                                            </li>
−
    </style>
+
  
−
    <footer class="footer-distributed">
+
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Results">Results</a></span>
 +
                                                               
 +
                                                            </li>
  
−
        <div class="footer-left">
+
                                                            <li class="dropdown">
−
            <p class="footer-links">
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Demonstrate">Demonstrate</a></span>
−
                <a target="_blank" href="http://www.inmunotek.com/en/">
+
                                                               
−
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ea/T--Madrid-OLM--Inmunoteklogo.png">
+
                                                            </li>
−
                </a>
+
  
−
                <a target="_blank" href="https://obrasociallacaixa.org/en/">
+
                                                            <li class="dropdown">
−
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/8/81/T--Madrid-OLM--Caixalogo.png">
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Improve">Improve</a></span>
−
                </a>
+
                                                               
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Parts</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Parts">Parts Overview</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Basic_Part">Basic Parts</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Composite_Part">Composite Parts</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                         
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Part_Collection">Part Collection</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                    <li class="dropdown">
 +
                                        <span><a href="https://2018.igem.org/Team:Madrid-OLM/Safety" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #000; text-decoration: none;">Safety</a></span>   
 +
                                    </li>
 +
                                   
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Human Practices</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">Human Practices</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Public_Engagement">Education and<br/> Engagements </a></span> 
 +
                                                            </li>
 +
                                                        </ul>
 +
                                                    </div>
 +
                                                    <!--end dropdown content-->
 +
                                                </div>
 +
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                    <li class="dropdown">
 +
                                        <span class="dropdown__trigger">Awards</span>
 +
                                        <div class="dropdown__container">
 +
                                            <div class="container">
 +
                                                <div class="row">
 +
                                                    <div class="dropdown__content col-lg-2 col-md-4">
 +
                                                        <ul class="menu-vertical">
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Applied_Design">Applied Design</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Entrepreneurship">Entrepreneurship</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Hardware">Hardware</a></span>
 +
                                                               
 +
                                                            </li>
 +
                                                         
 +
                                                            <li class="dropdown">
 +
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Measurement">Measurement</a></span>
 +
                                                               
 +
                                                            </li>
  
−
                <a target="_blank" href="https://www.ucm.es/english">
+
                                                            <li class="dropdown">
−
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/4/46/T--Madrid-OLM--UCMlogo.png">
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Model">Model</a></span>
−
                </a>
+
                                                               
 +
                                                            </li>
  
−
                <a target="_blank" href="https://eu.idtdna.com/pages">
+
                                                            <li class="dropdown">
−
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/1e/T--USP-EEL-Brazil--patrocinador5.jpg">
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Plant">Plant</a></span>
−
                </a>
+
                                                            </li>
  
−
                <a target="_blank" href="https://international.neb.com/">
+
                                                            <li class="dropdown">
−
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/75/T--Madrid-OLM--Biolabslogo.png">
+
                                                                <span class="dropdown__trigger"><a href="https://2018.igem.org/Team:Madrid-OLM/Software">Software</a></span>
−
                </a>
+
                                                            </li>
−
 
+
                                                        </ul>
−
                <a target="_blank" href="http://openlabmadrid.es/">
+
                                                    </div>
−
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
+
                                                    <!--end dropdown content-->
−
                 </a>
+
                                                </div>
−
             </p>
+
                                                <!--end row-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                    <li class="dropdown">
 +
                                        <span><a href="https://igem.org/2018_Judging_Form?team=Madrid-OLM" style="font-size: 0.857142857142857em; line-height: 2.166666666666667em; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; color: #000; text-decoration: none;">Judging Form</a></span>   
 +
                                    </li>
 +
                                   
 +
                                </ul>
 +
                            </div>
 +
                            <!--end module-->       
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                 </div>
 +
                <!--end of container-->
 +
             </nav>
 +
            <!--end bar-->
 
         </div>
 
         </div>
−
    </footer>
+
</body>
−
   
+
          
−
         <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/jquery?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/flickity?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/easypiechart?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/parallax?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/typed?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/datepicker?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/isotope?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/ytplayer?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/lightbox?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/granim?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/countdown?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/twitter-fetcher?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/spectragram?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/smooth-scroll?action=raw&ctype=text/javascript"></script>
+
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/scripts?action=raw&ctype=text/javascript"></script>
+
−
 
+
 
</html>
 
</html>

Revision as of 12:38, 18 September 2018

Madrid-OLM