Difference between revisions of "Template:Munich/Header"

Line 426: Line 426:
 
#HQ_page .verticalColumn {
 
#HQ_page .verticalColumn {
 
     vertical-align: top;
 
     vertical-align: top;
 +
}
 +
 +
#HQ_page .listResults{
 +
text-align: left;
 +
font-size: 1.2rem;
 +
list-style-type: circle;
 +
margin-left: 40px;
 +
}
 +
 +
#HQ_page .menuList{
 +
background-color: #51a7f9;
 +
text-align: center;
 +
border-radius: 3px;
 +
}
 +
 +
#HQ_page .menuList li{
 +
display: inline;
 +
padding: 20px;
 +
font-size: 1.71429rem;
 +
}
 +
 +
#HQ_page .menuList li a{
 +
color: #ffffff;
 +
}
 +
 +
#HQ_page .menuList li a:hover{
 +
color: #3c7cb9;
 
}
 
}

Revision as of 15:44, 1 November 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;

}

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

}

  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;

}