Difference between revisions of "Team:Munich/Labbook"

Line 8: Line 8:
  
 
<style type="text/css">
 
<style type="text/css">
 +
#home_logo, #sideMenu { display:none; }
 +
    #sideMenu, #top_title, .patrollink  {display:none;}
 +
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
    body {background-color:white; }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
    .navigation-bar{
 +
  background-color: white !important;
 +
}
 +
 +
  #HQ_page p{
 +
  color: rgb(147,149,152);
 +
  font-family: Helvetica, Arial, sans-serif;
 +
  font-size: initial; 
 +
  }
 +
 +
.ui.secondary.menu.navigation-bar > div.ui.item{
 +
  padding: 0;
 +
}
 +
 +
 +
.cascaid{
 +
  width: 150px;
 +
  height: auto;
 +
}
  
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
Line 346: Line 371:
  
 
<body>
 
<body>
 +
<div class=" ui fixed secondary menu grid">
 +
    <div class="ui computer only fixed seven item secondary menu row navigation-bar">
 +
      <div class="ui just item">
 +
            <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
 +
        </div>
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Project</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="active item">Description <img src="D:\Documentos\IGEM\wiki\icons\Project.svg"></a>
 +
                <a class="disabled item">Design</a>
 +
                <a class="disabled item">Results</a>
 +
                <a class="disabled item">Applications</a>
 +
                <a class="item" href="https://2017.igem.org/Team:Munich/Interlab">Interlab</a>
 +
            </div>
 +
        </div>
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Wetlab</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Protocols</a>
 +
                <a class="item">Labjournal</a>
 +
                <a class="item">Safety</a>
 +
                <a class="item">Parts</a>
 +
            </div>
 +
        </div>
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Software/Hardware</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Software</a>
 +
                <a class="item">Hardware</a>
 +
            </div>
 +
        </div>
 +
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Modelling</div>
 +
        </div>
 +
 +
        <div class="ui disabled dropdown item" tabindex="0">
 +
            <div class="text">Team</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item" href="https://2017.igem.org/Team:Munich/Team">Team members</a>
 +
                <a class="disabled item">Attributions</a>
 +
            </div>
 +
        </div>
 +
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Human Practices</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="disabled item">Human Practices</a>
 +
                <a class="disabled item">Integrated Human Practices</a>
 +
                <a class="disabled item">Public Relationships</a>
 +
                <a class="disabled item">Collaborations</a>
 +
            </div>
 +
 +
        </div>
 +
    </div>
 +
    <div class="ui mobile only fixed two item secondary menu row navigation-bar">
 +
      <div class="ui just item">
 +
            <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
 +
        </div>
 +
        <div class="ui dropdown item" tabindex="0">
 +
          <div class="text">
 +
            Menu
 +
          </div>
 +
          <div class="ui menu" tabindex="-1">
 +
            <div class="ui item accordion">
 +
              <div class="title">Project</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Description</div>
 +
                <div class="item" href="https://2017.igem.org/Team:Munich/Interlab">Interlab</div>
 +
              </div>
 +
             
 +
              <div class="title">Design</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Overall</div>
 +
                <div class="">Parts</div>
 +
                <div class="">Hardware</div>
 +
                <div class="">Software</div>
 +
                <div class="">Modeling</div>
 +
              </div>
 +
             
 +
              <div class="title">Wetlab</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Labbook</div>
 +
                <div class="">Experiments</div>
 +
                <div class="">Safety</div>
 +
              </div>
 +
             
 +
              <div class="title">Team</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Team Members</div>
 +
                <div class="">Attributions</div>
 +
                <div class="">Collaboration</div>
 +
              </div>
 +
             
 +
              <div class="title">Human Practices</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Awards</div>
 +
                <div class="">Medals</div>
 +
              </div>
 +
             
 +
              <div class="title">Awards</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Special prizes</div>
 +
                <div class="">Medals</div>
 +
              </div>
 +
             
 +
            </div>         
 +
          </div>
 +
        </div>
 +
       
 +
    </div>
 +
    <div class="ui tablet only fixed seven item secondary menu row navigation-bar">
 +
      <div class="ui just item">
 +
            <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
 +
        </div>
 +
        <div class="ui dropdown item" tabindex="0">
 +
            Project
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="active item">Description</a>
 +
                <a class="disabled item">Design</a>
 +
                <a class="disabled item">Results</a>
 +
                <a class="disabled item">Applications</a>
 +
                <a class="item" href="https://2017.igem.org/Team:Munich/Interlab">Interlab</a>
 +
            </div>
 +
        </div>
 +
        <div class="ui disabled dropdown item" tabindex="0">
 +
            <div class="text">Design</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Overall</a>
 +
                <a class="item">Parts</a>
 +
                <a class="item">Hardware</a>
 +
                <a class="item">Software</a>
 +
                <a class="item">Modeling</a>
 +
            </div>
 +
        </div>
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Wetlab</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Labbook</a>
 +
                <a class="disabled item">Experiments</a>
 +
                <a class="disabled item">Results</a>
 +
                <a class="disabled item">Safety</a>
 +
            </div>
 +
        </div>
 +
 +
        <div class="ui dropdown item" tabindex="0">
 +
            <div class="text">Team</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item" href="https://2017.igem.org/Team:Munich/Team">The Team</a>
 +
                <a class="disabled item">Attributions</a>
 +
                <a class="disabled item">Collaborations</a>
 +
            </div>
 +
        </div>
 +
 +
        <div class="ui disabled dropdown item" tabindex="0">
 +
            <div class="text">Human Practices</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Awards</a>
 +
                <a class="item">Medals</a>
 +
            </div>
 +
        </div>
 +
 +
        <div class="ui disabled dropdown item" tabindex="0">
 +
            <div class="text">Awards</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Special prizes</a>
 +
                <a class="item">Medals</a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
  </div>
 +
  
 
<section id="introduction">
 
<section id="introduction">

Revision as of 16:21, 1 September 2017

  1. home_logo, #sideMenu { display:none; }
   #sideMenu, #top_title, .patrollink  {display:none;}
   #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
   body {background-color:white; font-size: 14px; }
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  1. HQ_page #myFooter td{
vertical-align: text-top;

}

body {line-height: initial;}

  1. HQ_page #myContent p{
font-size: medium;

}

  1. HQ_page td not(#myContent){
padding: 0;

}

  1. HQ_page table{
font-size: 14px;

}

  1. myContent *{
color: #444444;

}

hr{

height: 1px !important;

}

  1. HQ_page td{
border-style: none ;
vertical-align: middle;

}

  1. HQ_page table{
border-style: none !important;
margin: 0 !important;

}

  1. HQ_page p.header{
font-size: 1.287em;

}

  1. HQ_page h4{
text-align: left;

}

  1. HQ_page h2{
text-align: left;
margin-bottom: 10px;

}

html, body { margin: 0; padding: 0; font-family: "Helvetica", Arial, Serif; } .dropdown {

   width: 137px;
   margin: auto;
   position: relative;
   display: inline-block;

}

.dropbtn{
   position: relative;
   padding: 0;
   border: none;
   cursor: pointer;
   cursor: hand;
   width: 137px;
   height: 60px;
   background-color: white;
   overflow: hidden;
   text-align: center;

}

  1. HQ_page .dropbtn p {
  text-align: center;
  color: #51A7F9;

}

  1. HQ_page .dropdown:hover .dropbtn p {
  color: #3c7cb9;

}

.dropbtn img {

width: 40px;
height: 40px;
display: inline-block; background: url('https://static.igem.org/mediawiki/2017/3/3a/T--Munich--sprite_logos.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;

}


.dropbtnCascAID img{

 background: url("T--Munich--Logo_CascAID.png");
 background-size: 137px;
 width: 137px;
 height: 40px; 

} .dropbtnCascAID:hover {

}


.dropbtnProject img {

   background-position: -80px -120px;

} .dropdown:hover .dropbtnProject img {

   background-position: -40px -120px;

}


.dropbtnWetlab img {

   background-position: -40px -80px;

} .dropdown:hover .dropbtnWetlab img {

   background-position: -80px -80px;

}


.dropbtnSoftHardware img {

   background-position: -40px -40px;

} .dropdown:hover .dropbtnSoftHardware img {

   background-position: -80px -40px;

}


.dropbtnModel img {

   background-position: -120px -80px;

} .dropdown:hover .dropbtnModel img {

   background-position: -0px -120px;

}


.dropbtnHP img {

   background-position: -120px -40px;

} .dropdown:hover .dropbtnHP img {

   background-position: -0px -80px;

}


.dropbtnTeam img {

   background-position: -40px -160px;

} .dropdown:hover .dropbtnTeam img {

   background-position: -80px -160px;

}

.dropdown-content{

   display: none;
   position: absolute;
   height: 36px;
   width: 137px;
   z-index: 1;
   overflow: hidden;
   background-color: white;
   text-align: center;

}

.dropdown-content a{

      color: #51A7f9;

}

.dropdown-content:hover a{

  color: #3c7cb9;

}

.dropdown:hover .dropdown-content{

   display: block;
   

}

.dropdown-content a{

   height: 36px;
   width: 137px;
   padding: 0px 0px;
   text-decoration: none;
   display: block;

}

  1. HQ_page .dropdown-content p {
  display: table-cell;
  text-align: center;
  width: 137px;
  height: 36px;
  vertical-align: middle;

}

.dropdown-contentModel {

 top: 60px;

}

.dropdown-contentSoftware {

 top: 94px;

}

.dropdown-contentSoftwareCollaborations {

 top: 128px;

}


.dropdown-contentTeamMembers {

 top: 60px;

}

.dropdown-contentTeamMembers:hover { }

.dropdown-contentSponsors {

   top: 94px;

} .dropdown-contentSponsors:hover { }

.dropdown-contentAttributions {

   top: 128px;

} .dropdown-contentAttributions:hover { }

.dropdown-contentGallery {

   top: 162px;

}


.dropdown-contentDescription {

  top:60px;

} .dropdown-contentDescription:hover {

}

.dropdown-contentDesign {

   top: 94px;

} .dropdown-contentDesign:hover {

}

.dropdown-contentDemonstration {

   top: 128px;

} .dropdown-contentDemonstration:hover {

}

.dropdown-contentMeasurement{

  top: 160px;

}

.dropdown-contentMeasurement:hover{

}

.dropdown-contentApplication {

   top: 192px;

} .dropdown-contentApplication:hover {

}

.dropdown-contentFinalResults {

   top: 224px;

} .dropdown-contentFinalResults:hover {

}

.dropdown-contentAchievements {

   top: 256px;

}

.dropdown-contentProtocolsMethods {

   top: 60px;
   

}

.dropdown-contentProtocolsMethods:hover { }

.dropdown-contentLabJournal {

   top: 96px;

} .dropdown-contentLabJournal:hover { }

.dropdown-contentSafety {

   top: 128px;

} .dropdown-contentSafety:hover { }

.dropdown-contentParts {

   top: 160px;

} .dropdown-contentParts:hover { }

.dropdown-contentImprove {

   top: 192px;

} .dropdown-contentImprove:hover { }

.dropdown-contentCollection {

   top: 224px;

} .dropdown-contentCollection:hover { }

.dropdown-contentInterlab {

   top: 256px;

} .dropdown-contentInterlab:hover { }

.dropdown-contentDetector {

   top: 60px;

} .dropdown-contentDetector:hover { }

.dropdown-contentQuakeValve {

   top: 96px;

}

.dropdown-contentQuakeValve:hover { }

.dropdown-contentPaperstrips {

   top: 128px;

}

.dropdown-contentPaperstrips:hover {

}

.dropdown-contentPCRChip {

   top: 160px;

}

.dropdown-contentPCRChip:hover { }


.dropdown-contentHPSilver {

   top: 60px;

} .dropdown-contentHPSilver:hover { }

.dropdown-contentIHPgold {

   top: 96px;

} .dropdown-contentIHPgold:hover { }

.dropdown-contentPublicEngagement {

   top: 128px;

} .dropdown-contentPublicEngagement:hover { }

.dropdown-contentCollaborations {

   top: 160px;

} .dropdown-contentCollaborations:hover { }

.no-padding{

padding: 0 !important;

}

  1. HQ_page a.myLink{
color: #51a7f9;
padding: 0;

}

  1. HQ_page a.myLink:hover {
color: #3c7cb9;

}

  1. TopPicture{
margin-bottom: 60px;

}


  1. HQ_page .captionPicture{

}

  1. HQ_page #myContent .captionPicture p{
 color: #787878;
 font-size: small;
 text-align: left;

}

  1. HQ_page .equationDiv img{
height: 40px;
margin-bottom: 10px;

}

  1. HQ_page .equationDiv img.largeEquation{
height: 80px;

}

  1. HQ_page .equationDiv span{
float: right;

}

  1. HQ_page .popup{
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.9);

}

  1. HQ_page .popup:target{
display: block;
opacity: 1;

}

  1. HQ_page .popup img{
height: 80vh;
margin-top: 10vh;

}

  1. HQ_page .verticalColumn {
   vertical-align: top;

}

  1. HQ_page .listResults{
text-align: left;
font-size: 1.2rem;
list-style-type: circle;
margin-left: 40px;

}

  1. HQ_page .menuList{
background-color: #51a7f9;
text-align: center;
border-radius: 3px;

}

  1. HQ_page .menuList li{
display: inline;
padding: 20px;
font-size: 1.71429rem;

}

  1. HQ_page .menuList li a{
color: #ffffff;

}

  1. HQ_page .menuList li a:hover{
color: #3c7cb9;

}

LAB BOOK

intro Picture

According to all known laws of aviation, there is no way a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway because bees don't care what humans think is impossible. Yellow, black. Yellow, black. Yellow, black. Yellow, black. Ooh, black and yellow! Let's shake it up a little. Barry! Breakfast is ready! Ooming! Hang on a second. Hello? - Barry? - Adam? - Oan you believe this is happening? - I can't. I'll pick you up. Looking sharp. Use the stairs. Your father paid good money for those. Sorry. I'm excited. Here's the graduate. We're very proud of you, son. A perfect report card, all B's. Very proud. Ma! I got a thing going here. - You got lint on your fuzz. - Ow! That's me! - Wave to us! We'll be in row 118,000. - Bye! Barry, I told you, stop flying in the house! - Hey, Adam. - Hey, Barry. - Is that fuzz gel? - A little. Special day, graduation. Never thought I'd make it. Three days grade school, three days high school. Those were awkward. Three days college. I'm glad I took a day and hitchhiked around the hive. You did come back different. - Hi, Barry. - Artie, growing a mustache? Looks good. - Hear about Frankie? - Yeah. - You going to the funeral? - No, I'm not going. Everybody knows, sting someone, you die. Don't waste it on a squirrel. Such a hothead. I guess he could have just gotten out of the way.

April

Mon Tue Wed Thu Fri Sat Sun
272829303112
3456789
10111213141516
17181920212223
24252627282930

April

Mon Tue Wed Thu Fri Sat Sun
1234567
891011121314
15161718192021
22232425262728
2930311234

September

Mon Tue Wed Thu Fri Sat Sun
301
23456
78910111213
14151617181920
21222324252627
28293031123