Difference between revisions of "Template:Berlin diagnostX"

 
(97 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
/* Fonts */
 +
@font-face {
 +
  font-family: 'Muli';
 +
  font-style: italic;
 +
  font-weight: 400;
 +
  src: local('Muli Italic'), local('Muli-Italic'), url(https://static.igem.org/mediawiki/2017/b/b6/T--Berlin_diagnostX--Muli-Italic.ttf);
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 +
}
 +
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Muli';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Muli Regular'), local('Muli-Regular'), url(https://static.igem.org/mediawiki/2017/3/3a/T--Berlin_diagnostX--Muli-regular.ttf);
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Muli';
 +
  font-style: normal;
 +
  font-weight: 700;
 +
  src: local('Muli Bold'), local('Muli-Bold'), url(https://static.igem.org/mediawiki/2017/b/b5/T--Berlin_diagnostX--Mulibold.ttf);
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 +
}
 +
 +
 
/*!
 
/*!
 
  * Bootstrap v4.0.0-beta (https://getbootstrap.com)
 
  * Bootstrap v4.0.0-beta (https://getbootstrap.com)
Line 67: Line 94:
 
html {
 
html {
 
   box-sizing: border-box;
 
   box-sizing: border-box;
−
   font-family: sans-serif;
+
   font-family: "Muli", sans-serif;
 
   line-height: 1.15;
 
   line-height: 1.15;
 
   -webkit-text-size-adjust: 100%;
 
   -webkit-text-size-adjust: 100%;
Line 91: Line 118:
 
body {
 
body {
 
   margin: 0;
 
   margin: 0;
−
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+
   font-family: "Muli", sans-serif; !important
 
   font-size: 1rem;
 
   font-size: 1rem;
 
   font-weight: normal;
 
   font-weight: normal;
Line 4,726: Line 4,753:
 
   display: block;
 
   display: block;
 
   margin: 0;
 
   margin: 0;
−
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+
   font-family: "Muli", sans-serif;
 
   font-style: normal;
 
   font-style: normal;
 
   font-weight: normal;
 
   font-weight: normal;
Line 8,187: Line 8,214:
  
 
/* Grenze Own Design */
 
/* Grenze Own Design */
−
 
  
 
#logo {
 
#logo {
Line 8,194: Line 8,220:
 
}
 
}
  
−
body {
 
−
    background-color: #f2f2f2;
 
−
}
 
  
 
.ohnepad {
 
.ohnepad {
Line 8,203: Line 8,226:
 
}
 
}
  
 +
.igem_blue {
 +
    color: #19A1C9 ; !important
 +
}
  
 
.red{
 
.red{
 
     background-color: #53aedf;
 
     background-color: #53aedf;
 +
}
 +
 +
.white {
 +
    background-color: #F4F4EF;
 +
}
 +
 +
.dark {
 +
    background-color: #2c2e30;
 +
    color: white;
 
}
 
}
  
Line 8,212: Line 8,247:
 
}
 
}
  
−
h1{
+
h1, h2, h3, h4, h5{
 
     padding-bottom: 30px;
 
     padding-bottom: 30px;
 
}
 
}
Line 8,219: Line 8,254:
 
     margin: 30px;  
 
     margin: 30px;  
 
}
 
}
 +
  
  
Line 8,230: Line 8,266:
 
}
 
}
  
 +
.normal_box {
 +
    padding: 30px;
 +
}
 
      
 
      
 
/* specific for sites */
 
/* specific for sites */
Line 8,235: Line 8,274:
 
.morespace {
 
.morespace {
 
     margin-top: 50px;
 
     margin-top: 50px;
 +
    }
 +
 +
.bisschenspace {
 +
    margin-top: 20px;
 
     }
 
     }
  
Line 8,251: Line 8,294:
 
      
 
      
 
}
 
}
−
</style>
 
  
 +
#footer li {
 +
    display:block;
 +
    list-style-type: none;
 +
}
  
 +
blue_text {
 +
    color: #19A1C9;
 +
}
 +
 +
/*Overlay fuer Bilder*/
 +
 +
.overlay {
 +
    position: absolute;
 +
    top:0;
 +
    bottom:0;
 +
    right:0;
 +
    left:0;
 +
    height: 100%;
 +
    width: 100%;
 +
    opacity: 0;
 +
    transition: .5s ease;
 +
    background-color: #1d729f;
 +
}
 +
 +
.overlay_container:hover .overlay{
 +
    opacity:0.8;
 +
}
 +
 +
.overlay_text {
 +
    color:white;
 +
    font-size: 15px;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
}
 +
 +
/*Sorgt dafuer dass dropdown funktioniert*/
 +
 +
.dropdown:hover .dropdown-menu {
 +
    display: block;
 +
}
 +
 +
/* Navbar */
 +
 +
.dropdown-item:visited {
 +
    color: #212529;
 +
}
 +
 +
a.container {
 +
    color: #19A1C9;
 +
}
 +
 +
a:visited {
 +
    color: #19A1C9;
 +
}
 +
 +
 +
.bg-white {
 +
    background-color: white;
 +
}
 +
 +
.navbar-nav {
 +
    font-size: 100%;
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
 +
    color:#19A1C9;
 +
}
 +
 +
.abstand_navbar {
 +
    margin-top: 5%;
 +
}
 +
 +
.invisborder {
 +
    border-style: solid;
 +
    border-color: white;
 +
    border-width: 5px;
 +
    border-radius: 15px;
 +
}
 +
 +
#judges_drop {
 +
    font-weight: bold;
 +
}
 +
 +
#judges_drop:hover {
 +
        border-color: #FC6321;
 +
}
 +
 +
 +
/* Tilepark Team */
 +
.team_job {
 +
    color: #FC6321;
 +
    font-weight: bold;
 +
    padding-bottom: 10px;
 +
}
 +
 +
/*Description Styles */
 +
.summarybox {
 +
    color:white;
 +
    background-color: #19A1C9;
 +
}
 +
 +
 +
#toc, .toc {
 +
    display: none;
 +
}
 +
 +
 +
.igem_seperator {
 +
    height: 7px;
 +
    width: 100%;
 +
    border: 0;
 +
    background-color: #19A1C9;
 +
}
 +
 +
.headimage {
 +
    width: 100%;
 +
    }
 +
 +
.head_us {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
 +
}
 +
 +
.head-light{
 +
    font-size: 5rem;
 +
    color: white;
 +
    -webkit-text-stroke: 1px black;
 +
}
 +
 +
.conti_head {
 +
    position: relative; !important
 +
    text-align: center;
 +
    color: white;
 +
}
 +
 +
 +
.igem_orange {
 +
    color:#FC6321;
 +
}
 +
 +
.pfeilg {
 +
    width: 30px;
 +
    height: 30px;
 +
}
 +
 +
.igem_but {
 +
    background-color: #19A1C9;
 +
    border: 0;
 +
}
 +
 +
.igem_but:hover {
 +
    background-color: #FC6321;
 +
}
 +
 +
a.btn-primary {
 +
    color: white;
 +
    border: 0;
 +
}
 +
 +
#sponsoren {
 +
    border: 4px solid #19A1C9;
 +
    border-radius: 10px;
 +
}
 +
 +
 +
.dropdown-item:hover {
 +
    color: #19A1C9;
 +
    background-color: white;
 +
}
 +
 +
/* Ins CSS here */
 +
 +
 +
* { font-family: Muli; !important}
 +
 +
.dropdown-item {
 +
  font-size: 13px;
 +
}
 +
</style>
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
  
Line 8,260: Line 8,485:
 
<head>  
 
<head>  
  
−
<!-- This tells the browser that your page is responsive -->
+
  <!-- This tells the browser that your page is responsive -->
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
  <meta name="viewport" content="width=device-width, initial-scale=1">  
  
 
</head>
 
</head>
 
<body>
 
<body>
−
<!-- Remove all empty <p> tags -->
 
−
<script type="text/javascript">
 
−
    $(document).ready(function() {
 
−
        $("p").filter( function() {
 
−
            return $.trim($(this).html()) == '';
 
−
        }).remove()
 
−
    });
 
−
</script>
 
−
 
  
 +
<!--            Here Starts the Nav Bar                -->
  
−
<!-- start of content -->
+
<div class="container-fluid ohnepad">
 +
    <nav class="navbar navbar-expand navbar-light bg-white fixed-top text-uppercase mt-2 pt-2">
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:Berlin_diagnostX"><img id="logo" src="https://static.igem.org/mediawiki/2017/thumb/c/c2/T--Berlin_diagnostX--_Logo.png/800px-T--Berlin_diagnostX--_Logo.png" alt="Logo"/></a>           
 +
        <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
 +
            <li class="nav-item dropdown invisborder">
 +
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Team <b class="caret"></b></a>
 +
                <div class="dropdown-menu">
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Team">Team</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Attributions">Attributions</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/we_special">What makes us special?</a>
 +
                </div>
 +
            </li>
 +
            <li class="nav-item dropdown invisborder">
 +
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Project <b class="caret"></b></a>
 +
                <div class="dropdown-menu">
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Description">Description</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Design">Design</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Experiments">Experiments</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Results">Results</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Demonstrate">Demonstration</a>
 +
                    <hr class="my-2">
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/InterLab">InterLab Study</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Basic_Parts">Basic Parts</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Improve">Improved Part</a>
 +
                </div>
 +
            </li>
 +
            <li class="navbar-item invisborder">
 +
                <a class="nav-link" href="https://2017.igem.org/Team:Berlin_diagnostX/Collaborations">Collaborations</a>
 +
            </li>
 +
            <li class="nav-item dropdown invisborder">
 +
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Human Practices <b class="caret"></b></a>
 +
                <div class="dropdown-menu">
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Silver">Human Practices</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Gold_Integrated">Integrated Practices</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Engagement">Education and Public Engagement </a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Human_Practices">HP Summary </a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Safety">Safety </a>
 +
                   
 +
                </div>
 +
            </li>
 +
            <li class="navbar-item invisborder">
 +
                <a class="nav-link" href="https://2017.igem.org/Team:Berlin_diagnostX/Notebook">Notebook</a>
 +
            </li>
 +
            <li class="nav-item dropdown invisborder">
 +
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Entrepreneurship <b class="caret"></b></a>
 +
                <div class="dropdown-menu">
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Entrepreneurship">Social Entrepreneurship</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Applied_Design">Applied Design</a>
 +
                </div>
 +
            </li>
 +
            <li class="nav-item dropdown invisborder" id="judges_drop">
 +
                <a class="nav-link dropdown-toggle mr-5" id="navbarDropdownMenuLink" href="#" data-toggle="dropdown">For Judges <b class="caret"></b></a>
 +
                <div class="dropdown-menu">
 +
                    <p class="dropdown-item igem_blue"><strong>Medals</strong></p>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Attributions">Attributions</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/InterLab">InterLab Study</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Basic_Parts">Basic Parts</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Collaborations">Collaborations</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Silver">HP Silver </a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Gold_Integrated">HP Gold Integrated</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Improve">Improved Part</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Demonstrate">Demonstration</a>
 +
                    <hr class="my-2">
 +
                    <p class="dropdown-item igem_blue"><strong>Prizes</strong></p>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/HP/Gold_Integrated">Integrated HP</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Engagement">Engagement </a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Entrepreneurship">Entrepreneurship</a>
 +
                    <a class="dropdown-item" href="https://2017.igem.org/Team:Berlin_diagnostX/Applied_Design">Applied Design</a>
 +
                </div>
 +
            </li>
 +
        </ul>
 +
    </nav>   
 +
    </div>

Latest revision as of 03:55, 2 November 2017