Difference between revisions of "Template:Munich/Header"

 
(28 intermediate revisions by the same user not shown)
Line 42: Line 42:
 
#HQ_page p.header{
 
#HQ_page p.header{
 
  font-size: 1.287em;
 
  font-size: 1.287em;
 +
}
 +
 +
#HQ_page h4{
 +
text-align: left;
 +
}
 +
 +
#HQ_page h2{
 +
text-align: left;
 +
margin-bottom: 10px;
 
}
 
}
  
Line 88: Line 97:
  
 
.dropbtnCascAID img{
 
.dropbtnCascAID img{
−
   background: url("https://static.igem.org/mediawiki/2017/a/af/T--Munich--Logo_Final.svg");
+
   background: url("https://static.igem.org/mediawiki/2017/a/a7/T--Munich--Logo_CascAID.png");
 
   background-size: 137px;
 
   background-size: 137px;
 
   width: 137px;
 
   width: 137px;
Line 191: Line 200:
 
}
 
}
  
−
.dropdown-contentSoftware {
+
.dropdown-contentModel {
 
   top: 60px;
 
   top: 60px;
 
}
 
}
 +
 +
.dropdown-contentSoftware {
 +
  top: 94px;
 +
}
 +
 +
.dropdown-contentSoftwareCollaborations {
 +
  top: 128px;
 +
}
 +
  
 
.dropdown-contentTeamMembers {
 
.dropdown-contentTeamMembers {
Line 212: Line 230:
 
}
 
}
 
.dropdown-contentAttributions:hover {
 
.dropdown-contentAttributions:hover {
 +
}
 +
 +
.dropdown-contentGallery {
 +
    top: 162px;
 
}
 
}
  
Line 229: Line 251:
 
}
 
}
  
−
.dropdown-contentProofofConcept {
+
.dropdown-contentDemonstration {
  
 
     top: 128px;
 
     top: 128px;
−
}
 
−
.dropdown-contentProofofConcept:hover {
 
−
 
−
}
 
−
 
−
.dropdown-contentDemonstration {
 
−
 
−
    top: 160px;
 
 
}
 
}
 
.dropdown-contentDemonstration:hover {
 
.dropdown-contentDemonstration:hover {
Line 246: Line 260:
  
 
.dropdown-contentMeasurement{
 
.dropdown-contentMeasurement{
−
   top: 192px;
+
   top: 160px;
 
}
 
}
  
Line 255: Line 269:
 
.dropdown-contentApplication {
 
.dropdown-contentApplication {
  
−
     top: 224px;
+
     top: 192px;
 
}
 
}
 
.dropdown-contentApplication:hover {
 
.dropdown-contentApplication:hover {
Line 263: Line 277:
 
.dropdown-contentFinalResults {
 
.dropdown-contentFinalResults {
  
−
     top: 256px;
+
     top: 224px;
 
}
 
}
 
.dropdown-contentFinalResults:hover {
 
.dropdown-contentFinalResults:hover {
−
 
−
}
 
−
 
−
.dropdown-contentEntrepreneurship {
 
−
 
−
    top: 288px;
 
−
}
 
−
.dropdown-contentEntrepreneurship:hover {
 
  
 
}
 
}
  
 
.dropdown-contentAchievements {
 
.dropdown-contentAchievements {
−
 
+
     top: 256px;
−
     top: 320px;
+
 
}
 
}
−
.dropdown-contentAchievements:hover {
 
−
 
−
}
 
−
 
  
 
.dropdown-contentProtocolsMethods {
 
.dropdown-contentProtocolsMethods {
Line 294: Line 295:
 
}
 
}
  
−
.dropdown-contentMaterials {
+
.dropdown-contentLabJournal {
 
     top: 96px;
 
     top: 96px;
 
}
 
}
−
.dropdown-contentMaterials:hover {
+
.dropdown-contentLabJournal:hover {
 
}
 
}
  
−
.dropdown-contentLabJournal {
+
.dropdown-contentSafety {
 
     top: 128px;
 
     top: 128px;
 
}
 
}
−
.dropdown-contentLabJournal:hover {
+
.dropdown-contentSafety:hover {
 
}
 
}
  
−
.dropdown-contentSafety {
+
.dropdown-contentParts {
 
     top: 160px;
 
     top: 160px;
 
}
 
}
−
.dropdown-contentSafety:hover {
+
.dropdown-contentParts:hover {
 
}
 
}
  
−
.dropdown-contentParts {
+
.dropdown-contentImprove {
 
     top: 192px;
 
     top: 192px;
 
}
 
}
−
.dropdown-contentParts:hover {
+
.dropdown-contentImprove:hover {
 
}
 
}
  
−
.dropdown-contentInterlab {
+
.dropdown-contentCollection {
 
     top: 224px;
 
     top: 224px;
 +
}
 +
.dropdown-contentCollection:hover {
 +
}
 +
 +
.dropdown-contentInterlab {
 +
    top: 256px;
 
}
 
}
 
.dropdown-contentInterlab:hover {
 
.dropdown-contentInterlab:hover {
Line 384: Line 391:
 
#HQ_page a.myLink{
 
#HQ_page a.myLink{
 
  color: #51a7f9;
 
  color: #51a7f9;
 +
padding: 0;
 
}
 
}
  
Line 396: Line 404:
  
 
#HQ_page .captionPicture{
 
#HQ_page .captionPicture{
−
  width: 900px;
 
 
}
 
}
  
Line 402: Line 409:
 
   color: #787878;
 
   color: #787878;
 
   font-size: small;
 
   font-size: small;
−
   text-align: center;
+
   text-align: left;
 +
}
 +
#HQ_page .equationDiv img{
 +
height: 40px;
 +
margin-bottom: 10px;
 +
}
 +
 
 +
#HQ_page .equationDiv img.largeEquation{
 +
height: 80px;
 +
}
 +
 
 +
#HQ_page .equationDiv span{
 +
float: right;
 +
}
 +
 
 +
#HQ_page .popup{
 +
display: none;
 +
position: fixed;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
background: rgba(0,0,0,0.9);
 +
}
 +
 
 +
#HQ_page .popup:target{
 +
display: block;
 +
opacity: 1;
 +
}
 +
 
 +
#HQ_page .popup img{
 +
height: 80vh;
 +
margin-top: 10vh;
 +
}
 +
 
 +
#HQ_page .verticalColumn {
 +
    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;
 
}
 
}

Latest revision as of 23:29, 14 December 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;

}