Difference between revisions of "Template:Munich/Header"

Line 196: Line 196:
  
 
.dropdown-contentTeamMembers:hover {
 
.dropdown-contentTeamMembers:hover {
 +
}
 +
 +
.dropdown-contentSponsors {
 +
    top: 94px;
 +
}
 +
.dropdown-contentSponsors:hover {
 +
}
 +
 +
.dropdown-contentAttributions {
 +
    top: 128px;
 +
}
 +
.dropdown-contentAttributions:hover {
 
}
 
}
  
Line 227: Line 239:
 
.dropdown-contentDemonstration:hover {
 
.dropdown-contentDemonstration:hover {
  
−
}
 
−
 
−
.dropdown-contentMeasurement{
 
−
  top:  192px;
 
 
}
 
}
  
 
.dropdown-contentApplication {
 
.dropdown-contentApplication {
  
−
     top: 224px;
+
     top: 192px;
 
}
 
}
 
.dropdown-contentApplication:hover {
 
.dropdown-contentApplication:hover {
Line 243: Line 251:
 
.dropdown-contentFinalResults {
 
.dropdown-contentFinalResults {
  
−
     top: 256px;
+
     top: 224px;
 
}
 
}
 
.dropdown-contentFinalResults:hover {
 
.dropdown-contentFinalResults:hover {
Line 251: Line 259:
 
.dropdown-contentEntrepreneurship {
 
.dropdown-contentEntrepreneurship {
  
−
     top: 288px;
+
     top: 256px;
 
}
 
}
 
.dropdown-contentEntrepreneurship:hover {
 
.dropdown-contentEntrepreneurship:hover {
Line 259: Line 267:
 
.dropdown-contentAchievements {
 
.dropdown-contentAchievements {
  
−
     top: 320px;
+
     top: 288px;
 
}
 
}
 
.dropdown-contentAchievements:hover {
 
.dropdown-contentAchievements:hover {
Line 356: Line 364:
 
}
 
}
 
.dropdown-contentCollaborations:hover {
 
.dropdown-contentCollaborations:hover {
−
}
 
−
 
−
.dropdown-contentSupervisors {
 
−
    top: 96px;
 
−
}
 
−
.dropdown-contentSupervisors:hover {
 
−
}
 
−
 
−
.dropdown-contentPIs {
 
−
    top: 128px;
 
−
}
 
−
.dropdown-contentPIs:hover {
 
−
}
 
−
 
−
.dropdown-contentCollaboratingInstitutions {
 
−
    top: 160px;
 
−
}
 
−
.dropdown-contentCollaboratingInstitutions:hover {
 
−
}
 
−
 
−
.dropdown-contentSponsors {
 
−
    top: 196px;
 
−
}
 
−
.dropdown-contentSponsors:hover {
 
−
}
 
−
 
−
.dropdown-contentAttributions {
 
−
    top: 232px;
 
−
}
 
−
.dropdown-contentAttributions:hover {
 
 
}
 
}
  

Revision as of 12:49, 28 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("https://static.igem.org/mediawiki/2017/a/af/T--Munich--Logo_Final.svg");
 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-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-contentProofofConcept { 

   top: 128px;

} .dropdown-contentProofofConcept:hover {

}

.dropdown-contentDemonstration { 

   top: 160px;

} .dropdown-contentDemonstration:hover {

}

.dropdown-contentApplication { 

   top: 192px;

} .dropdown-contentApplication:hover {

}

.dropdown-contentFinalResults { 

   top: 224px;

} .dropdown-contentFinalResults:hover {

}

.dropdown-contentEntrepreneurship { 

   top: 256px;

} .dropdown-contentEntrepreneurship:hover {

}

.dropdown-contentAchievements { 

   top: 288px;

} .dropdown-contentAchievements:hover {

}


.dropdown-contentProtocolsMethods { 

   top: 60px;

}

.dropdown-contentProtocolsMethods:hover { }

.dropdown-contentMaterials { 

   top: 96px;

} .dropdown-contentMaterials:hover { }

.dropdown-contentLabJournal { 

   top: 128px;

} .dropdown-contentLabJournal:hover { }

.dropdown-contentSafety { 

   top: 160px;

} .dropdown-contentSafety:hover { }

.dropdown-contentParts { 

   top: 192px;

} .dropdown-contentParts:hover { }

.dropdown-contentInterlab { 

   top: 224px;

} .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{
 width: 900px;

}

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

}