(Created page with "<html> <style> body{ margin:0px; padding:0px; font-family:Roboto; background: #149375; overflow-x: hidden; } body.inactive{ background-color: rgba(0,0,0,0.5); } #sid...") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | |||
+ | /******Wiki Styles*************************************/ | ||
+ | |||
+ | html { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #fff; | ||
+ | font: medium sans-serif; | ||
+ | color: black; | ||
+ | margin: 0; | ||
+ | /*margin-top: 20px;*/ | ||
+ | margin-top: 18px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | position: relative; | ||
+ | font-size: 100%; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #top_menu_under { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | height: 0; | ||
+ | } | ||
+ | /*the igem menu bar*/ | ||
+ | |||
+ | #top_menu_14 { | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | height: 16px; | ||
+ | background-color: #383838; | ||
+ | border-bottom: 2px solid black; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | color: inherit; | ||
+ | background-color: inherit; | ||
+ | position: relative; | ||
+ | } | ||
+ | #top_title { | ||
+ | display: none; | ||
+ | } | ||
+ | #sideMenu { | ||
+ | display: none; | ||
+ | width: 170px; | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | left: 1020px; | ||
+ | z-index: 10; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 15px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | background-color: white; | ||
+ | text-align: left; | ||
+ | } | ||
+ | } | ||
+ | .pop_why_cover { | ||
+ | display: none; | ||
+ | z-index: 100; | ||
+ | margin-top: -65px; | ||
+ | margin-left: -40px; | ||
+ | width: 980px; | ||
+ | height: 2100px; | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | opacity: 0.5; | ||
+ | background-color: #b2b2b2; | ||
+ | } | ||
+ | .pop_why_box { | ||
+ | display: none; | ||
+ | left: 250px; | ||
+ | top: 0px; | ||
+ | background-color: white; | ||
+ | padding: 15px; | ||
+ | width: 500px; | ||
+ | position: absolute; | ||
+ | border: 3px solid #4e606e; | ||
+ | border-radius: 3px; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | |||
+ | #HQ_page h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | color: #149375; | ||
+ | border: none; | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | text-rendering: optimizeLegibility; | ||
+ | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; | ||
+ | } | ||
+ | #content h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #bodyContent h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | margin: 0 0 0.5rem 0; | ||
+ | } | ||
+ | #bodyContent h1, | ||
+ | #bodyContent h2 { | ||
+ | margin: 0 0 0.5rem 0; | ||
+ | } | ||
+ | #bodyContent h3, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5 { | ||
+ | margin: 0 0 0.5rem 0; | ||
+ | } | ||
+ | h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background: none; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 2rem; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5rem | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 1.83rem; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5rem | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 1.66rem; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5rem | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 1.5rem; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5rem | ||
+ | } | ||
+ | h5 { | ||
+ | font-size: 1.33rem; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5rem | ||
+ | } | ||
+ | h6 { | ||
+ | font-size: 1.16rem; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: .5rem | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; | ||
+ | font-size: 16px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | p { | ||
+ | margin: 0; | ||
+ | line-height: 1.7; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | color: #149375; | ||
+ | background: none; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #149375; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #149375; | ||
+ | } | ||
+ | a:hover, | ||
+ | a:focus { | ||
+ | color: #149375; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:active { | ||
+ | color: #149375; | ||
+ | } | ||
+ | |||
+ | #HQ_page table { | ||
+ | border: none; | ||
+ | border-collapse: collapse; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | |||
+ | } | ||
+ | table { | ||
+ | background: white; | ||
+ | font-size: 100%; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #HQ_page th { | ||
+ | background-color: white; | ||
+ | padding: 0; | ||
+ | color: black; | ||
+ | border: none; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | #HQ_page td { | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /****************** SITE STYLES ****** | ||
+ | *************************************/ | ||
+ | |||
+ | |||
+ | |||
body{ | body{ |
Revision as of 10:07, 4 May 2017