Line 2: | Line 2: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | .xyz { text-align: justify !important; } | ||
+ | #HQ_page p { | ||
+ | text-align: center; | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | .imgx { | ||
+ | border-radius: 0px; } | ||
+ | img { | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | div#preloaded-images { | ||
+ | position: absolute; | ||
+ | overflow: hidden; | ||
+ | left: -9999px; | ||
+ | top: -9999px; | ||
+ | height: 1px; | ||
+ | width: 1px; | ||
+ | } | ||
.myintro { | .myintro { | ||
display: table; | display: table; | ||
Line 9: | Line 28: | ||
text-align: center; | text-align: center; | ||
color: black; | color: black; | ||
− | background: url("https://static.igem.org/mediawiki/2017/ | + | background: url("https://static.igem.org/mediawiki/2017/7/7c/T--BOKU-Vienna--std_collabs.png") no-repeat bottom center scroll; |
background-color: black; | background-color: black; | ||
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
Line 27: | Line 46: | ||
font-family: Tahoma, Geneva, sans-serif; | font-family: Tahoma, Geneva, sans-serif; | ||
} | } | ||
− | . | + | .Team { |
color: white; | color: white; | ||
background-color: black; | background-color: black; | ||
Line 35: | Line 54: | ||
padding-bottom: 50px; | padding-bottom: 50px; | ||
} | } | ||
− | . | + | .Team img { |
vertical-align: middle; | vertical-align: middle; | ||
margin: auto; | margin: auto; | ||
height: 300px; | height: 300px; | ||
} | } | ||
− | + | .Advisors { | |
+ | color: white; | ||
+ | background-color: black; | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | padding-top: 50px; | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | .Advisors img { | ||
+ | vertical-align: middle; | ||
+ | margin: auto; | ||
+ | height: 350px; | ||
+ | } | ||
+ | .modalDialog { | ||
+ | position: fixed; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | background: rgba(0, 0, 0, 0.8); | ||
+ | z-index: 99999; | ||
+ | opacity:0; | ||
+ | -webkit-transition: opacity 400ms ease-in; | ||
+ | -moz-transition: opacity 400ms ease-in; | ||
+ | transition: opacity 400ms ease-in; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | .modalDialog:target { | ||
+ | opacity:1; | ||
+ | pointer-events: auto; | ||
+ | } | ||
+ | .modalDialog > div { | ||
+ | width: 800px; | ||
+ | position: relative; | ||
+ | margin: 10% auto; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | border-radius: 10px; | ||
+ | background: #fff; | ||
+ | } | ||
+ | .close { | ||
+ | background: white !important; | ||
+ | color: black !important; | ||
+ | opacity: 1 !important; | ||
+ | line-height: 25px; | ||
+ | position: absolute; | ||
+ | right: -13px; | ||
+ | text-align: center; | ||
+ | top: -10px; | ||
+ | width: 24px; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | -webkit-border-radius: 12px; | ||
+ | -moz-border-radius: 12px; | ||
+ | border-radius: 12px; | ||
+ | -moz-box-shadow: 1px 1px 3px #000 !important; | ||
+ | -webkit-box-shadow: 1px 1px 3px #000 !important; | ||
+ | box-shadow: none; | ||
+ | text-shadow: none !important; | ||
+ | |||
+ | |||
+ | } | ||
+ | .close:hover { | ||
+ | background: #6499cd !important; | ||
+ | box-shadow: none; | ||
+ | text-shadow: none !important; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Revision as of 15:29, 24 October 2017