|
|
| (186 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: 5%;
| |
| − |
| |
| − | background-color: #149375;
| |
| − | position: relative;
| |
| − | font-size: 100%;
| |
| − | }
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | max-width: 1024px;
| |
| − | min-height: 80vh;
| |
| − | margin: auto;
| |
| − | padding: 5%;
| |
| − |
| |
| − | border: none;
| |
| − | color: inherit;
| |
| − | background-color: #ffffff;
| |
| − | position: relative;
| |
| − | }
| |
| − | #HQ_page{
| |
| − | width: 100%;
| |
| − |
| |
| − | margin: auto;
| |
| − | padding: 5%;
| |
| − | background: #ffffff;
| |
| − | }
| |
| − | #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>
| |
| − | <h1>Heading</h1>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean faucibus pharetra mollis. Quisque a nisi felis. Curabitur gravida orci a enim sodales convallis. Duis magna quam, finibus id nulla id, eleifend imperdiet ex. Maecenas lacinia fermentum nisl, sollicitudin interdum turpis imperdiet tincidunt. Sed ultricies sagittis orci pharetra vulputate. Nunc ac ipsum augue. Suspendisse dapibus quam a rutrum congue. Pellentesque nec mauris et purus interdum tristique id semper odio. Fusce in est maximus, sollicitudin augue non, iaculis leo. Integer vitae metus id felis volutpat imperdiet. Cras elit est, egestas sit amet orci condimentum, aliquet rhoncus purus. Duis sed lectus interdum, vestibulum orci et, aliquam elit. Aliquam eleifend purus nec lorem accumsan, a tincidunt nibh vehicula. Etiam lobortis volutpat lorem, ac dictum libero egestas efficitur. Fusce condimentum tempor ipsum ut condimentum.</p>
| |
| − | <p>Morbi quis faucibus tellus. Quisque ultrices diam non neque fringilla, scelerisque porttitor quam porta. Suspendisse fermentum suscipit pulvinar. Integer finibus orci id cursus ornare. Donec pretium vulputate quam ut sagittis. Ut sodales sit amet felis et blandit. Cras non velit ac mi faucibus gravida. Vivamus placerat blandit velit ut convallis. Donec imperdiet mi feugiat, lacinia urna nec, sagittis mauris. Aenean convallis, sapien quis consectetur cursus, lacus magna scelerisque purus, et malesuada lacus lorem eu justo. Mauris ornare dictum sem, quis vestibulum magna sodales a. Nulla facilisi. Nam justo urna, gravida eget venenatis eu, rutrum ut quam. Morbi ultrices, sapien ac interdum rutrum, ex neque cursus justo, eget lacinia mauris felis in lacus. Quisque in turpis in ante pharetra semper ut sed erat.</p>
| |
| − | </body>
| |
| − | </html>
| |
