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

 
(21 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
     <style>
 
     <style>
 
     .footer-distributed{
 
     .footer-distributed{
−
         background-color: #F7F5E6;
+
         background-color: rgba(68, 68, 64, 0.1);
 
         box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
         box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
         box-sizing: border-box;
 
         box-sizing: border-box;
Line 9: Line 9:
 
         justify-content: center;
 
         justify-content: center;
 
         padding: 45px 50px;
 
         padding: 45px 50px;
−
        margin-top: 30px;
 
−
    }
 
  
−
    .footer-distributed .footer-left p{
 
−
            color:  #52658F;
 
−
        font-size: 14px;
 
−
        margin: 0;
 
−
    }
 
−
    .footer-distributed .footer-right p{
 
−
            color:  #52658F;
 
−
        font-size: 14px;
 
−
        margin: 0;
 
 
     }
 
     }
  
−
    /* Footer links */
+
     .footer-top{
−
 
+
            padding-top: 10px !important;
−
     .footer-distributed p.footer-links{
+
            padding-bottom: 10px !important;
−
        font-size:18px;
+
         }
−
        font-weight: bold;
+
          
−
        color:  #ffffff;
+
     .footer-botton{
−
        margin: 0 0 10px;
+
            padding-top: 30px !important;
−
         padding: 0;
+
            padding-bottom: 30px !important;
−
    }
+
         }
−
 
+
−
 
+
−
    .footer-distributed p.footer-links a{
+
−
         display:inline-block;
+
−
        line-height: 1.8;
+
−
        text-decoration: none;
+
−
        color:  inherit;
+
−
    }
+
−
 
+
−
     .footer-distributed .footer-right{
+
−
        float: right;
+
−
        margin-top: 6px;
+
−
        max-width: 400px;
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
    .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;
+
−
    }
+
  
 
     .sponsorsA {
 
     .sponsorsA {
Line 72: Line 30:
 
         margin: 2.5px;
 
         margin: 2.5px;
 
         width: 125px;
 
         width: 125px;
 +
    }
 +
   
 +
    .sponsorsC {
 +
        margin: 2.5px;
 +
        height: 50px;
 
     }
 
     }
  
Line 77: Line 40:
 
             padding-right: 0px !important;
 
             padding-right: 0px !important;
 
             padding-left: 0px !important;
 
             padding-left: 0px !important;
−
        }   
 
−
   
 
−
 
−
    /* If you don't want the footer to be responsive, remove these media queries */
 
−
 
−
    @media (max-width: 600px) {
 
−
 
−
        .footer-distributed .footer-left,
 
−
        .footer-distributed .footer-right{
 
−
            text-align: center;
 
 
         }
 
         }
−
 
+
    .modipad1{
−
        .footer-distributed .footer-right{
+
            padding-top: 50px !important;
−
             float: none;
+
            padding-bottom: 0px !important;
−
             margin: 0 auto 20px;
+
        }
 +
    .modipad2{
 +
             padding-top: 15px !important;
 +
            padding-bottom: 0px !important;
 +
        }
 +
    .nomargin{
 +
             margin-bottom: 0.3em !important;  
 
         }
 
         }
 +
   
  
−
        .footer-distributed .footer-left p.footer-links{
+
      
−
            line-height: 1.8;
+
−
        }
+
−
     }
+
 
     </style>
 
     </style>
  
Line 105: Line 62:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-1 nopad">
 
                 <div class="col-md-1 nopad">
−
                   
 
 
                 </div>
 
                 </div>
−
                 <div class="col-md-3 nopad">
+
               
 +
                 <div class="col-md-2 nopad">
 
                     <a target="_blank" href="http://www.inmunotek.com/en/">
 
                     <a target="_blank" href="http://www.inmunotek.com/en/">
 
                         <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/e/ea/T--Madrid-OLM--Inmunoteklogo.png">
 
                         <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/e/ea/T--Madrid-OLM--Inmunoteklogo.png">
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
−
                 <div class="col-md-3 nopad">
+
                 <div class="col-md- nopad">
 
                     <a target="_blank" href="https://obrasociallacaixa.org/en/">
 
                     <a target="_blank" href="https://obrasociallacaixa.org/en/">
 
                         <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/8/81/T--Madrid-OLM--Caixalogo.png">
 
                         <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/8/81/T--Madrid-OLM--Caixalogo.png">
Line 118: Line 75:
 
                 </div>
 
                 </div>
 
                 <div class="col-md-3 nopad modipad1">
 
                 <div class="col-md-3 nopad modipad1">
−
                        <a target="_blank" href="https://www.ucm.es/english">
+
                    <a target="_blank" href="https://www.ucm.es/english">
−
                            <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/4/46/T--Madrid-OLM--UCMlogo.png">
+
                        <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/4/46/T--Madrid-OLM--UCMlogo.png">
−
                        </a>
+
                    </a>
 
                 </div>
 
                 </div>
−
                 <div class="col-md-1 nopad">
+
                 <div class="col-md-2 nopad modipad1">
−
                      
+
                     <a target="_blank" href="http://www.maquinsa.info/">
 +
                        <img class="sponsorsA" src="https://static.igem.org/mediawiki/2018/5/50/T--Madrid-OLM--Maquinsalogo.png">
 +
                    </a>
 
                 </div>
 
                 </div>
 +
               
 +
             
 
             </div>
 
             </div>
  
Line 130: Line 91:
 
          
 
          
 
              
 
              
−
         <div class="footer-Botton">
+
         <div class="footer-botton">
−
             <p>
+
             <div class="row">
−
                 <a target="_blank" href="https://eu.idtdna.com/pages">
+
               
−
                    <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/1/1e/T--USP-EEL-Brazil--patrocinador5.jpg">
+
                 <div class="col-md-2 nopad modipad2">
−
                </a>
+
                    <a target="_blank" href="https://eu.idtdna.com/pages">
−
 
+
                        <img class="sponsorsB " src="https://static.igem.org/mediawiki/2018/1/1e/T--USP-EEL-Brazil--patrocinador5.jpg">
−
                 <a target="_blank" href="https://international.neb.com/">
+
                    </a>
−
                    <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/7/75/T--Madrid-OLM--Biolabslogo.png">
+
                </div>
−
                </a>
+
                 <div class="col-md-2 nopad">
−
 
+
                    <a target="_blank" href="https://international.neb.com/">
−
                 <a target="_blank" href="http://openlabmadrid.es/">
+
                        <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/7/75/T--Madrid-OLM--Biolabslogo.png">
−
                    <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
+
                    </a>  
−
                </a>
+
                </div>
−
                 <a target="_blank" href="http://openlabmadrid.es/">
+
                 <div class="col-md-2 nopad">
−
                    <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
+
                    <a target="_blank" href="http://openlabmadrid.es/">
−
                </a>
+
                        <img class="sponsorsC" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
−
                 <a target="_blank" href="http://openlabmadrid.es/">
+
                    </a>  
−
                    <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
+
                 </div>
−
                </a>
+
                <div class="col-md-2 nopad ">
−
                 <a target="_blank" href="http://openlabmadrid.es/">
+
                    <a target="_blank" href="https://www.ucm.es/english">
−
                    <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
+
                        <img class="sponsorsB" src="https://static.igem.org/mediawiki/2018/e/ed/T--Madrid-OLM--Ginkgologo.png">
−
                </a>
+
                    </a>
−
            </p>
+
                 </div>
−
       
+
                <div class="col-md-1 nopad">
 +
                    <a target="_blank" href="https://www.ucm.es/english">
 +
                        <img class="sponsorsC" src="https://static.igem.org/mediawiki/2018/e/e0/T--Madrid-OLM--Mathworkslogo.png">
 +
                    </a>
 +
                 </div>
 +
                <div class="col-md-2 nopad">
 +
                    <a target="_blank" href="https://www.ucm.es/english">
 +
                        <img class="sponsorsC" src="https://static.igem.org/mediawiki/2018/0/01/T--Madrid-OLM--Autodesklogo.png">
 +
                    </a>
 +
                </div>
 +
             
 +
            </div>
 
         </div>
 
         </div>
  

Latest revision as of 22:19, 17 October 2018