Difference between revisions of "Template:Munich/Header"
| Line 79: | Line 79: | ||
} | } | ||
| − | .dropbtn img { | + | .dropbtn:not(.dropbtnCascAID) img { |
width: 40px; | width: 40px; | ||
height: 40px; | height: 40px; | ||
Revision as of 21:51, 29 October 2017
- 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;
}
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:not(.dropbtnCascAID) 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-size: 137px; width: 137px; height: 60px;
} .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-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-contentMeasurement{
top: 192px;
}
.dropdown-contentMeasurement:hover{
}
.dropdown-contentApplication {
top: 224px;
} .dropdown-contentApplication:hover {
}
.dropdown-contentFinalResults {
top: 256px;
} .dropdown-contentFinalResults:hover {
}
.dropdown-contentEntrepreneurship {
top: 288px;
} .dropdown-contentEntrepreneurship:hover {
}
.dropdown-contentAchievements {
top: 320px;
} .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;
}
- 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;
}
