(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{Macquarie_Australia}} | + | {{Macquarie_Australia/NavBar}} |
+ | |||
<html> | <html> | ||
+ | <link href="https://2018.igem.org/Team:Macquarie_Australia/CSS_Navbar?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
+ | <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet"> | ||
− | < | + | <head> |
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | < | + | <style> |
− | + | DO NOT REMOVE | |
+ | #content { | ||
+ | width: 100vw; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
− | + | /* Clear the default wiki settings */ | |
− | + | #home_logo, #sideMenu { display:none; } | |
− | + | #sideMenu, #top_title, .patrollink {display:none;} | |
− | + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | |
− | + | body {background-color: #f2f2f2; } | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
− | |||
− | |||
+ | /* Unique to page */ | ||
+ | body { | ||
+ | background-color: #f2f2f2; | ||
+ | width: 100%; | ||
+ | z-index: 3; | ||
+ | } | ||
− | + | #bodyContent { | |
− | + | padding-right: 0px; | |
− | + | padding-top: 50px; | |
− | + | width: 100 vw; | |
+ | background-color: #f2f2f2; | ||
+ | } | ||
− | + | /* Wrapper for the content */ | |
− | + | .content_wrapper { | |
− | + | width: 85%%; | |
− | + | margin-left: 150px; | |
− | + | padding: 0px; | |
− | + | float: left; | |
− | + | background-color: #f2f2f2; | |
− | + | } | |
− | |||
+ | /* non numbered lists */ | ||
+ | .content_wrapper ul { | ||
+ | padding: 0px 20px; | ||
+ | font-size: 13px; | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | }s | ||
+ | .bio_paragraph{ | ||
+ | box-sizing: border-box; | ||
+ | width: 100%; | ||
+ | float: right; | ||
+ | } | ||
+ | .bio_page_grid{ | ||
+ | display: grid; | ||
+ | grid-template-columns: 50% 50%; | ||
+ | grid-template-rows: repeat(13, 50%); | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /* For hte rotating image */ | ||
+ | .Landing_image_container { | ||
+ | width: 50%; | ||
+ | display: flex; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | .Landing_image_container img { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .Landing_image_container img.overlap { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <!-- ADD NEW CODE HERE--> | ||
+ | |||
+ | <!-- COPY AND PASTE everything between the lines for a new heading and block of content --> | ||
+ | <!-- ____________________________________________________________________________________________ --> | ||
+ | |||
+ | |||
+ | <div style="width: 50%; margin-left: auto; margin-right: auto; display: block;"> | ||
+ | <h style= "font-size: 20px; font-weight: bold;"> | ||
+ | |||
+ | |||
+ | <!-- Heading goes here -->content number 1 | ||
+ | |||
+ | </h> | ||
+ | <p style="text-align: justify"> | ||
+ | |||
+ | |||
+ | <!-- ENTER TEXT FOR THE PAGE HERE --> | ||
+ | Example content number 1 | ||
+ | |||
+ | |||
+ | |||
+ | </p> | ||
</div> | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <!-- ____________________________________________________________________________________________ --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | |
− | < | + | |
− | < | + | |
+ | <!-- ____________________________________________________________________________________________ --> | ||
+ | |||
+ | |||
+ | <div style="width: 50%; margin-left: auto; margin-right: auto; display: block;"> | ||
+ | <h style= "font-size: 20px; font-weight: bold;"> | ||
+ | |||
+ | |||
+ | <!-- Heading goes here -->content number 2 | ||
+ | |||
+ | </h> | ||
+ | <p style="text-align: justify"> | ||
+ | |||
+ | |||
+ | <!-- ENTER TEXT FOR THE PAGE HERE --> | ||
+ | Example content number 2 | ||
+ | |||
+ | |||
+ | |||
+ | </p> | ||
</div> | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <!-- ____________________________________________________________________________________________ --> | ||
+ | |||
+ | |||
+ | <!--INVISIBLE BOX, MAYBE USE TO HOST CONTENT? --> | ||
+ | <div class="row" style="background-color: #f2f2f2;"> | ||
+ | <div class="column side left" style="background-color: #f2f2f2;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="column side right"style="background-color: #f2f2f2;"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END OF BOX --> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | {{Macquarie_Australia/Footer}} |
Revision as of 13:02, 5 October 2018
Example content number 1
Example content number 2