Template:Munich/Header
- 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; }
- HQ_page #myFooter td{
vertical-align: text-top;
}
body {line-height: initial;}
- HQ_page #myContent p{
font-size: medium;
}
- HQ_page td not(#myContent){
padding: 0;
}
- HQ_page table{
font-size: 14px;
}
- myContent *{
color: #444444;
}
hr{
height: 1px !important;
}
- HQ_page td{
border-style: none ; vertical-align: middle;
}
- HQ_page table{
border-style: none !important; margin: 0 !important;
}
- HQ_page p.header{
font-size: 1.287em;
}
- 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;
}
- HQ_page .dropbtn p {
text-align: center; color: #51A7F9;
}
- 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("
");
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;
}
- 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;
}
- HQ_page a.myLink{
color: #51a7f9;
}
- HQ_page a.myLink:hover {
color: #3c7cb9;
}
- TopPicture{
margin-bottom: 60px;
}
- HQ_page .captionPicture{
}
- HQ_page #myContent .captionPicture p{
color: #787878; font-size: small; 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;
}
