Japhethkelly (Talk | contribs) |
Japhethkelly (Talk | contribs) |
||
(39 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
<!-- icons --> | <!-- icons --> | ||
− | <link rel="stylesheet" href="https:// | + | |
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:font-awesome.min?action=raw&ctype=text/css" /> | ||
<!--jquery--> | <!--jquery--> | ||
− | <link href="https:// | + | <link rel="stylesheet" type="text/css" |
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:Nunito?action=raw&ctype=text/css" /> | ||
+ | |||
<!-- Latest compiled and minified CSS --> | <!-- Latest compiled and minified CSS --> | ||
− | |||
− | |||
− | |||
− | |||
− | <script src="https:// | + | |
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:bootstrap.min.css?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:MathJax?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:jquery.min?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:bootstrap.min.css?action=raw&ctype=text/css" /> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:jquery.min?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:bootstrap.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:carousel?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <!-- This Part contains the metadata for the landing page--> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:carousel?action=raw&ctype=text/css" /> | ||
+ | <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> | ||
+ | <link rel="shortcut icon" href="favicon.ico"> | ||
+ | |||
+ | <!-- Google Webfonts --> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Roboto?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Montserrat?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Sanchez:400,400italic?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:AshesiGhana/CSS:Playfair%2BDisplay:400,400italic?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <style> | ||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-13px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /************************* | ||
+ | EXAMPLES 2-7 BELOW | ||
+ | **************************/ | ||
+ | |||
+ | /* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */ | ||
+ | |||
+ | .example2 .navbar-brand>img { | ||
+ | padding: 7px 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* EXAMPLE 3 | ||
+ | |||
+ | line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height */ | ||
+ | |||
+ | .example3 .navbar-brand { | ||
+ | height: 80px; | ||
+ | } | ||
+ | |||
+ | .example3 .nav >li >a { | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | .example3 .navbar-toggle { | ||
+ | padding: 10px; | ||
+ | margin: 25px 15px 25px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* EXAMPLE 4 - Small Narrow Logo*/ | ||
+ | .example4 .navbar-brand>img { | ||
+ | padding: 7px 14px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* EXAMPLE 5 - Logo with Text*/ | ||
+ | .example5 .navbar-brand { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | } | ||
+ | .example5 .navbar-brand>img { | ||
+ | padding: 7px 14px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* EXAMPLE 8 - Center on mobile*/ | ||
+ | @media only screen and (max-width : 768px){ | ||
+ | .example-8 .navbar-brand { | ||
+ | padding: 0px; | ||
+ | transform: translateX(-50%); | ||
+ | left: 50%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .example-8 .navbar-brand>img { | ||
+ | height: 100%; | ||
+ | width: auto; | ||
+ | padding: 7px 14px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* EXAMPLE 9 - Center with Flexbox and Text*/ | ||
+ | |||
+ | body { | ||
+ | font-family: "Lato"; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <!-- Animate.css --> | ||
+ | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/animate.css"> --> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:animate?action=raw&ctype=text/css" /> | ||
+ | <!-- Icomoon Icon Fonts--> | ||
+ | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/icomoon.css"> --> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:icomoon?action=raw&ctype=text/css" /> | ||
+ | <!-- Magnific Popup --> | ||
+ | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/magnific-popup.css"> --> | ||
+ | |||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS:magnific-popup?action=raw&ctype=text/css" /> | ||
+ | <!-- Theme Style --> | ||
+ | <!-- <link rel="stylesheet" href="https://ashbuspay.000webhostapp.com/style.css"> --> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:AshesiGhana/CSS?action=raw&ctype=text/css" /> | ||
+ | <!-- Modernizr JS --> | ||
+ | <!-- <script src="https://ashbuspay.000webhostapp.com/js/modernizr-2.6.2.min.js"></script> --> | ||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:AshesiGhana/JS:modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <!-- --> | ||
+ | |||
+ | |||
+ | |||
<script> | <script> | ||
Line 30: | Line 185: | ||
if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) { | if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) { | ||
Logo.style.width = '60px'; | Logo.style.width = '60px'; | ||
+ | document.getElementById("ashName").innerHTML = "Ashesi University College"; | ||
} else { | } else { | ||
− | Logo.style.width = ' | + | Logo.style.width = '150px'; |
+ | document.getElementById("ashName").innerHTML = "Ashesi University <br> College"; | ||
} | } | ||
} | } | ||
Line 39: | Line 196: | ||
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
− | + | /* Clear the default wiki settings */ | |
− | + | #home_logo, #sideMenu { display:none; } | |
− | + | #sideMenu, #top_title, .patrollink {display:none;} | |
− | + | #content { width:100%; padding:0px; margin-top:-13px; margin-left:0px;} | |
− | + | body {background-color:white; } | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
Line 83: | Line 240: | ||
padding:0; | padding:0; | ||
background: white; | background: white; | ||
− | font-size: | + | font-size: 70%; |
} | } | ||
Line 89: | Line 246: | ||
position: absolute; | position: absolute; | ||
float: left; | float: left; | ||
− | + | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 1.4em; | font-size: 1.4em; | ||
Line 299: | Line 456: | ||
</div> | </div> | ||
<div class="brand" class="pull-left" > | <div class="brand" class="pull-left" > | ||
− | <a href="https://www.ashesi.edu.gh/" class="pull-left" ><img style="width: | + | <a href="https://www.ashesi.edu.gh/" class="pull-left" ><img style = "width: 230px; transition: width 2s;" id='Logo' src="https://static.igem.org/mediawiki/2017/5/58/T--AshesiGhana--logo3.png"><div id="ashName" style="float: right; padding-top: 20px;"> |
− | Ashesi University College | + | Ashesi University <br> College</div> |
</a> | </a> | ||
</div> | </div> | ||
Line 313: | Line 470: | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Team">Meet The Miners</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Team">Meet The Miners</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:AshesiGhana/ | + | |
+ | <li><a href="https://2017.igem.org/Team:AshesiGhana/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:AshesiGhana/Attribution">Attribution</a></li> | ||
</ul> | </ul> | ||
Line 326: | Line 485: | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Safety">Safety</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Safety">Safety</a></li> | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Interlab">Interlab</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Interlab">Interlab</a></li> | ||
− | + | </ul> | |
− | + | ||
</li> | </li> | ||
<li> | <li> | ||
Line 334: | Line 492: | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Parts">Parts</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Parts">Parts</a></li> | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/fret">FRET</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/fret">FRET</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:AshesiGhana/ | + | |
− | + | <li><a href="https://2017.igem.org/Team:AshesiGhana/Goldlib">Gold Liberation</a></li> | |
+ | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
<a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a> | <a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
− | + | <li><a href="https://2017.igem.org/Team:AshesiGhana/HP/Silver">Silver HP</a></li> | |
− | + | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Engagement">Public Engagement</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Engagement">Public Engagement</a></li> | ||
</ul> | </ul> | ||
Line 348: | Line 506: | ||
<a rel="nofollow" rel="noreferrer"href="#!">Notebook </a> | <a rel="nofollow" rel="noreferrer"href="#!">Notebook </a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
− | + | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Notebook">Lab Notebook</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Notebook">Lab Notebook</a></li> | ||
<li><a href="https://2017.igem.org/Team:AshesiGhana/Protocols">Protocols</a></li> | <li><a href="https://2017.igem.org/Team:AshesiGhana/Protocols">Protocols</a></li> | ||
Line 356: | Line 514: | ||
<a rel="nofollow" rel="noreferrer"href="#!">Awards</a> | <a rel="nofollow" rel="noreferrer"href="#!">Awards</a> | ||
<ul class="nav-dropdown"> | <ul class="nav-dropdown"> | ||
− | <li><a href="https://2017.igem.org/Team:AshesiGhana/Medal">Medal | + | |
+ | <li><a href="https://2017.igem.org/Team:AshesiGhana/Medal">Medal Criteria</a></li> | ||
+ | |||
+ | <li><a href="https://igem.org/2017_Judging_Form?id=2252">JUDGING FORM</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:AshesiGhana/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | |||
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 02:51, 2 November 2017