|
|
(193 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <head>
| |
− | <style>
| |
− | /******Wiki Styles*************************************/
| |
− | * {
| |
− | box-sizing: border-box;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | html {
| |
− | font-size: 16px;
| |
− | }
| |
− |
| |
− | body {
| |
− | width: 100%;
| |
− | margin: 16px 0 0 0;
| |
− | padding: 0;
| |
− |
| |
− | color: black;
| |
− | background-color: #149375;
| |
− | font: medium sans-serif;
| |
− | }
| |
− | #globalWrapper {
| |
− | width: 100%;
| |
− | padding: 5vw 0;
| |
− |
| |
− | background-color: #149375;
| |
− | position: relative;
| |
− | font-size: 100%;
| |
− | }
| |
− | #content {
| |
− | width: 80%;
| |
− | min-height: 80vh;
| |
− | margin: auto;
| |
− | padding: 5vw 0;
| |
− |
| |
− | border: none;
| |
− | color: inherit;
| |
− | background-color: #ffffff;
| |
− | position: relative;
| |
− | }
| |
− | #HQ_page{
| |
− | width: 60%;
| |
− |
| |
− | margin: auto;
| |
− | padding: 5vw;
| |
− | background: #ccc;
| |
− | }
| |
− | #bodyContent{
| |
− | }
| |
− |
| |
− | #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;
| |
− | }
| |
− |
| |
− |
| |
− | #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;
| |
− | }
| |
− | #bodyContent a[href ^="https://"], .link-https {
| |
− | background: none;
| |
− | padding: 0}
| |
− | .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;
| |
− | }
| |
− | #footer {
| |
− | font-size: 100%;
| |
− | }
| |
− | /*************WIKI FONTS**************/
| |
| | | |
− | #HQ_page h1,
| |
− | h2,
| |
− | h3,
| |
− | h4,
| |
− | h5,
| |
− | h6 {
| |
− | color: #149375;
| |
− | border: none;
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | text-rendering: optimizeLegibility;
| |
− | font-family: 'Quicksand', 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;
| |
− | }
| |
− | #HQ_page p {
| |
− | font-family: 'Quicksand', sans-serif;
| |
− | font-size: 18px;
| |
− | text-align: justify;
| |
− | }
| |
− | #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: inherit;
| |
− | 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;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
− | <div id="container">
| |
− | <div id="page">
| |
− | <div id="page-content">
| |
− | <h1>Heading</h1>
| |
− | <p>Some text here</p>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </body>
| |
− | </html>
| |