Brittneywick (Talk | contribs) |
Brittneywick (Talk | contribs) |
||
Line 6: | Line 6: | ||
<title>Santa Cruz IGEM</title> | <title>Santa Cruz IGEM</title> | ||
</head> | </head> | ||
+ | |||
+ | <style> | ||
+ | sideMenu, | ||
+ | #top_title { | ||
+ | display: none; | ||
+ | } | ||
+ | content { | ||
+ | padding: 50px; | ||
+ | width: 100%; | ||
+ | margin-top: -10px; | ||
+ | margin-left: 0%; | ||
+ | , margin-right: 0% | ||
+ | } | ||
+ | body { | ||
+ | background-color: honeydew; | ||
+ | } | ||
+ | bodyContent h1, | ||
+ | #bodyContent h2, | ||
+ | #bodyContent h3, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 0px | ||
+ | } | ||
+ | #page { | ||
+ | width: 100%; | ||
+ | height: max-content; | ||
+ | |||
+ | horizontal-align: middle; | ||
+ | } | ||
+ | .layout { | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: 0; | ||
+ | vertical-align: middle; | ||
+ | line-height: 300px; | ||
+ | text-align: center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .leadingQuestions { | ||
+ | /* Projects */ | ||
+ | |||
+ | width: 100%; | ||
+ | height: 300px; | ||
+ | background-color: yellow; | ||
+ | float: left; | ||
+ | } | ||
+ | .boxAll { | ||
+ | clear: both; | ||
+ | width: 100% height: 10px; | ||
+ | } | ||
+ | .headerbox { | ||
+ | /* Main */ | ||
+ | |||
+ | float: center; | ||
+ | |||
+ | height: 100%; | ||
+ | border-radius: 0px; | ||
+ | postion: fixed; | ||
+ | /*margin-top: -460px;*/ | ||
+ | |||
+ | background-color: honeydew; | ||
+ | background-size: contain; | ||
+ | background-position: center; | ||
+ | background-position: 100% 0%; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | padding: 80px; | ||
+ | horizontal-align:middle; | ||
+ | } | ||
+ | .box2 { | ||
+ | /* Projects */ | ||
+ | |||
+ | width: 50%; | ||
+ | height: 360px; | ||
+ | /* background-color: red;*/ | ||
+ | |||
+ | float: left; | ||
+ | } | ||
+ | .infobox { | ||
+ | width: 50px; | ||
+ | height: 100% background-color: yellow; | ||
+ | |||
+ | .mainLinks:hover { | ||
+ | opacity: 1.0; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | .subLinks { | ||
+ | /* Main */ | ||
+ | |||
+ | float: left; | ||
+ | width: 40%; | ||
+ | height: 150px; | ||
+ | border-radius: 8px; | ||
+ | margin-left: 4.5%; | ||
+ | margin-right: 5%; | ||
+ | margin-top: 20px; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | font-size: 26px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: red; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | vertical-align: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | } | ||
+ | .subLinks:hover { | ||
+ | opacity: 0.8; | ||
+ | filter: alpha(opacity=80) | ||
+ | } | ||
+ | <style> | ||
<div id="page"> | <div id="page"> |
Revision as of 21:21, 17 August 2017