|
|
| Line 1: |
Line 1: |
| | {{UCLouvain}} | | {{UCLouvain}} |
| | + | {{UCLouvainHeaderSecond}} |
| | <html> | | <html> |
| − | <head>
| |
| − | <title>iGEM UCLouvain Team</title>
| |
| − |
| |
| − | <style>
| |
| − | .igem_2017_content_wrapper html,
| |
| − | .igem_2017_content_wrapper body,
| |
| − | .igem_2017_content_wrapper div,
| |
| − | .igem_2017_content_wrapper span,
| |
| − | .igem_2017_content_wrapper p,
| |
| − | .igem_2017_content_wrapper a,
| |
| − | .igem_2017_content_wrapper img,
| |
| − | .igem_2017_content_wrapper ul,
| |
| − | .igem_2017_content_wrapper li,
| |
| − | .igem_2017_content_wrapper footer,
| |
| − | .igem_2017_content_wrapper header,
| |
| − | .igem_2017_content_wrapper nav,
| |
| − | .igem_2017_content_wrapper section {
| |
| − | box-sizing: border-box !important;
| |
| − | margin: 0 !important;
| |
| − | padding: 0 !important;
| |
| − | border: 0 !important;
| |
| − | font-size: 100% !important;
| |
| − | font: inherit !important;
| |
| − | font-family: 'Roboto', 'Arial' !important;
| |
| − | vertical-align: baseline !important;
| |
| − | }
| |
| − | .igem_2017_content_wrapper h2,
| |
| − | .igem_2017_content_wrapper h3 {
| |
| − | box-sizing: border-box !important;
| |
| − | margin: 0 !important;
| |
| − | padding: 10px 0 10px 0 !important;
| |
| − | border: 0 !important;
| |
| − | font-size: 100% !important;
| |
| − | font: inherit !important;
| |
| − | font-family: 'Roboto', 'Arial' !important;
| |
| − | vertical-align: baseline !important;
| |
| − | }
| |
| − | .igem_2017_content_wrapper footer,
| |
| − | .igem_2017_content_wrapper header,
| |
| − | .igem_2017_content_wrapper nav,
| |
| − | .igem_2017_content_wrapper section {
| |
| − | display: block !important;
| |
| − | }
| |
| − | .igem_2017_content_wrapper body {
| |
| − | line-height: 1 !important;
| |
| − | }
| |
| − | .igem_2017_content_wrapper ul {
| |
| − | list-style: none !important;
| |
| − | }
| |
| | | | |
| − | /*
| + | <div class="site-hero_2"> |
| − | Our styles
| + | <div class="page-title"> |
| − | */
| + | <div class="big-title montserrat-text uppercase">MEGA TITLE</div> |
| | + | <div class="small-title montserrat-text uppercase">MEGA SUBTITLE</div> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /* Import Roboto */
| + | <section> |
| − | @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700'); | + | <div class="container"> |
| | + | <div class="row" style="margin-bottom: 40px;"> |
| | + | <div class="col-md-12"> |
| | + | <div class="section-title" style="text-align:left;float:left;width:100%;margin-bottom:0"> |
| | + | <span>TITLE</span> |
| | + | <div class="small-title montserrat-text uppercase">SUBTITLE</div> |
| | + | </div> |
| | | | |
| − | .igem_2017_content_wrapper h1 {
| + | <p>PARAGRAPH</p> |
| − | display: none !important; | + | </div> |
| − | } | + | </div> |
| | + | </div> |
| | + | </section> |
| | | | |
| − | .igem_2017_content_wrapper h2, .igem_2017_content_wrapper h3 {
| |
| − | font-weight: normal !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper h2 {
| |
| − | font-size: 34px !important;
| |
| − | margin-bottom: 20px !important;
| |
| − | color: #222222 !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper h2.smallclear {
| |
| − | margin-bottom: 5px !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper h3 {
| |
| − | font-size: 28px !important;
| |
| − | margin-bottom: 20px !important;
| |
| − | color: #222222 !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper ul {
| |
| − | margin: 0 !important;
| |
| − | padding: 0 !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper p {
| |
| − | font-size: 18px !important;
| |
| − | line-height: 32px !important;
| |
| − | color: #222222 !important;
| |
| − | margin-bottom: 1em !important;
| |
| − | text-align: justify !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper img {
| |
| − | max-width: 100% !important;
| |
| − | height: auto !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper a {
| |
| − | text-decoration: none !important;
| |
| − | color: #000000 !important;
| |
| − | font-weight: normal !important;
| |
| − | font-size: 18px !important;
| |
| − | transition: all 0.2s ease-in !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper a:hover {
| |
| − | color: #0f6fc6 !important;
| |
| − | }
| |
| − |
| |
| − | #header {
| |
| − | position: relative !important;
| |
| − | z-index: 999 !important;
| |
| − | padding: 0 20px 0 20px !important;
| |
| − | box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
| |
| − | }
| |
| − |
| |
| − | #logo, #logo a {
| |
| − | height: 150px !important;
| |
| − | line-height: 150px !important;
| |
| − | }
| |
| − |
| |
| − | #logo, #logo a, #nav, #nav ul, #nav ul li {
| |
| − | display: inline-block !important;
| |
| − | position: relative !important;
| |
| − | }
| |
| − |
| |
| − | #logo img {
| |
| − | height: 125px !important;
| |
| − | vertical-align: middle !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_content_wrapper {
| |
| − | width: 100% !important;
| |
| − | padding: 0 !important;
| |
| − | margin: 0 !important;
| |
| − | }
| |
| − |
| |
| − | .igem_2017_menu_wrapper {
| |
| − | display: none !important; /* Hide this badass menu */
| |
| − | }
| |
| − |
| |
| − | #nav {
| |
| − | font-size: 18px !important;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li {
| |
| − | margin-left: 100px !important;
| |
| − | height: 30px !important;
| |
| − | line-height: 30px !important;
| |
| − | }
| |
| − |
| |
| − | #nav ul li ul {
| |
| − | display: block !important;
| |
| − | opacity: 0 !important;
| |
| − | max-height: 0 !important;
| |
| − | overflow: hidden !important;
| |
| − | position: absolute !important;
| |
| − | top: 30px !important;
| |
| − | left: 0px !important;
| |
| − | width: 180px !important;
| |
| − | background-color: #FFFFFF !important;
| |
| − | border-left: 3px solid #0f6fc6 !important;
| |
| − | box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
| |
| − | transition: all 0.2s ease-in !important;
| |
| − | }
| |
| − |
| |
| − | #nav ul li:hover ul {
| |
| − | opacity: 1 !important;
| |
| − | max-height: 1000px !important;
| |
| − | }
| |
| − |
| |
| − | #nav ul li ul li {
| |
| − | display: block !important;
| |
| − | transition: all 0.2s ease-in !important;
| |
| − | }
| |
| − |
| |
| − | #nav ul li ul li:hover {
| |
| − | background-color: #eee !important;
| |
| − | }
| |
| − |
| |
| − | #nav ul li ul li a {
| |
| − | padding-left: 15px !important;
| |
| − | line-height: 50px !important;
| |
| − | height: 50px !important;
| |
| − | width: 175px !important;
| |
| − | display: inline-block !important;
| |
| − | }
| |
| − |
| |
| − | #presentation img {
| |
| − | width: 100% !important;
| |
| − | }
| |
| − |
| |
| − | #page {
| |
| − | padding: 60px 90px 0 90px !important;
| |
| − | }
| |
| − |
| |
| − | #page:after {
| |
| − | content: "" !important;
| |
| − | display: table !important;
| |
| − | clear: both !important;
| |
| − | }
| |
| − |
| |
| − | #page .text, #page .illustration {
| |
| − | width: 50% !important;
| |
| − | float: left !important;
| |
| − | vertical-align: top !important;
| |
| − | }
| |
| − |
| |
| − | #page .text {
| |
| − | padding-right: 30px !important;
| |
| − | }
| |
| − |
| |
| − | #page .illustration {
| |
| − | padding-left: 30px !important;
| |
| − | }
| |
| − |
| |
| − | #page .illustration img {
| |
| − | border: 15px solid #FFFFFF !important;
| |
| − | box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
| |
| − | filter: opacity(90%) grayscale(30%) !important;
| |
| − | }
| |
| − |
| |
| − | #footer {
| |
| − | padding: 60px 90px 60px 90px !important;
| |
| − | }
| |
| − |
| |
| − | #footer ul {
| |
| − | text-align: center !important;
| |
| − | }
| |
| − |
| |
| − | #footer ul li {
| |
| − | display: inline-block !important;
| |
| − | width: auto !important;
| |
| − | max-width: 12.5% !important;
| |
| − | height: 200px !important;
| |
| − | line-height: 200px !important;
| |
| − | padding: 20px !important;
| |
| − | vertical-align: middle !important;
| |
| − | }
| |
| − |
| |
| − | #footer ul li img {
| |
| − | max-width: 100% !important;
| |
| − | width: auto !important;
| |
| − | height: auto !important;
| |
| − | max-height: 400px !important;
| |
| − | vertical-align: middle !important;
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 1000px) {
| |
| − | #page .text, #page .illustration {
| |
| − | width: 100% !important;
| |
| − | float: left !important;
| |
| − | padding: 0 !important;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <header id="header">
| |
| − | <div id="logo">
| |
| − | <a href="/"><img src="https://static.igem.org/mediawiki/2017/3/3d/UCLouvain_igem_logo.png" alt="IGem UCLouvain Team"></a>
| |
| − | </div>
| |
| − | <nav id="nav">
| |
| − | <ul>
| |
| − | <li>
| |
| − | <a href="#">Our Project</a>
| |
| − | <ul>
| |
| − | <li><a href="#">Overview</a></li>
| |
| − | <li><a href="#">Approach 1</a></li>
| |
| − | <li><a href="#">Approach 2</a></li>
| |
| − | <li><a href="./Team:UCLouvain/Attributions">Attributions</a></li>
| |
| − | <li><a href="./Team:UCLouvain/InterLab">InterLab</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#">In The Lab</a>
| |
| − | <ul>
| |
| − | <li><a href="#">Overview</a></li>
| |
| − | <li><a href="#">Protocols</a></li>
| |
| − | <li><a href="#">Parts</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="#">Human Practices</a></li>
| |
| − | <li>
| |
| − | <a href="#">About us</a>
| |
| − | <ul>
| |
| − | <li><a href="#">Team</a></li>
| |
| − | <li><a href="#">Aknowledgement</a></li>
| |
| − | <li><a href="#">Our University</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | </header>
| |
| − | <section id="content">
| |
| − | <div id="page">
| |
| − | <h2 class="smallclear">TITRE</h2>
| |
| − | <h3>SOUS-TITRE</h3>
| |
| − | <p>TEXTE</p>
| |
| − | </div>
| |
| − | </section>
| |
| − | <footer id="footer">
| |
| − | <h2>Our sponsors</h2>
| |
| − | <ul><!--
| |
| − | --><li><a href="https://uclouvain.be/en/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/87/Logo-UCL.jpg" alt="UCL"></a></li><!--
| |
| − | --><li><a href="http://www.federation-wallonie-bruxelles.be/index.php?id=39" target="_blank"><img src="https://static.igem.org/mediawiki/2017/a/a1/Logo-FWB.png" alt="Fédération Wallonie Bruxelles"></a></li><!--
| |
| − | --><li><a href="https://uclouvain.be/fr/chercher/fondation-louvain" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/39/Logo-Fondation_Louvain.png" alt="Fondation Louvain"></a></li><!--
| |
| − | --><li><a href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cd/Logo-Imperial_College.png" alt="Imperial College"></a></li><!--
| |
| − | --><li><a href="http://www.agilent.com/home" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/88/Logo-Agilent_Technologies.png" alt="Agilent Technologies"></a></li><!--
| |
| − | --><li><a href="https://www.aglouvain.be/site2/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/5d/Logo-AGL.png" alt="AGL"></a></li><!--
| |
| − | --><li><a href="https://uclouvain.be/en/research-institutes/isv" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/13/Logo-ISV.png" alt="ISV"></a></li><!--
| |
| − | --><li><a href="https://uclouvain.be/en/faculties/sc" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/01/Logo-UCL_Sciences.jpg" alt="UCL faculté des Sciences"></a></li><!--
| |
| − | --></ul>
| |
| − | </footer>
| |
| − | </body>
| |
| | </html> | | </html> |
| | + | {{UCLouvainFooter}} |
