Difference between revisions of "Template:Munich/Header"

Line 234: Line 234:
 
}
 
}
  
−
.dropdown-contentProofofConcept {
+
.dropdown-contentDemonstration {
  
 
     top: 128px;
 
     top: 128px;
−
}
 
−
.dropdown-contentProofofConcept:hover {
 
−
 
−
}
 
−
 
−
.dropdown-contentDemonstration {
 
−
 
−
    top: 160px;
 
 
}
 
}
 
.dropdown-contentDemonstration:hover {
 
.dropdown-contentDemonstration:hover {
Line 251: Line 243:
  
 
.dropdown-contentMeasurement{
 
.dropdown-contentMeasurement{
−
   top: 192px;
+
   top: 160px;
 
}
 
}
  
Line 260: Line 252:
 
.dropdown-contentApplication {
 
.dropdown-contentApplication {
  
−
     top: 224px;
+
     top: 192px;
 
}
 
}
 
.dropdown-contentApplication:hover {
 
.dropdown-contentApplication:hover {
Line 268: Line 260:
 
.dropdown-contentFinalResults {
 
.dropdown-contentFinalResults {
  
−
     top: 256px;
+
     top: 224px;
 
}
 
}
 
.dropdown-contentFinalResults:hover {
 
.dropdown-contentFinalResults:hover {
Line 276: Line 268:
 
.dropdown-contentEntrepreneurship {
 
.dropdown-contentEntrepreneurship {
  
−
     top: 288px;
+
     top: 256px;
 
}
 
}
 
.dropdown-contentEntrepreneurship:hover {
 
.dropdown-contentEntrepreneurship:hover {
−
 
−
}
 
−
 
−
.dropdown-contentAchievements {
 
−
 
−
    top: 320px;
 
−
}
 
−
.dropdown-contentAchievements:hover {
 
  
 
}
 
}

Revision as of 21:26, 30 October 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;

}

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-contentTeamMembers { 

 top: 60px;

}

.dropdown-contentTeamMembers:hover { }

.dropdown-contentSponsors { 

   top: 94px;

} .dropdown-contentSponsors:hover { }

.dropdown-contentAttributions { 

   top: 128px;

} .dropdown-contentAttributions:hover { }


.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-contentEntrepreneurship { 

   top: 256px;

} .dropdown-contentEntrepreneurship:hover {

}


.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-contentInterlab { 

   top: 192px;

} .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;

}

  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;

}