Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head> | + | <head> |
+ | <style> | ||
+ | |||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* 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:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** RESPONSIVE STYLING ****************************************************/ | ||
+ | |||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 1200PX */ | ||
+ | |||
+ | @media only screen and (max-width: 1200px) { | ||
+ | #content {width:100%; } | ||
+ | .igem_2017_menu_wrapper {width:15%; right:0;} | ||
+ | .highlight {padding:10px 0px;} | ||
+ | .igem_2017_menu_wrapper #display_menu_control { display:none; } | ||
+ | #menu_content { display:block;} | ||
+ | .menu_button.direct_to_page {padding-left: 17px;} | ||
+ | } | ||
+ | |||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 800PX */ | ||
+ | |||
+ | @media only screen and (max-width: 800px) { | ||
+ | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | ||
+ | .igem_2017_content_wrapper {width:100%; margin-left:0px;} | ||
+ | .column.half_size {width:100%; } | ||
+ | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | ||
+ | .highlight {padding:15px 5px;} | ||
+ | .igem_2017_menu_wrapper #display_menu_control { display:block; } | ||
+ | #menu_content { display:none;} | ||
+ | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } | ||
+ | .menu_bottom_padding {display:none;} | ||
+ | .menu_button.direct_to_page { padding-left: 36px; } | ||
+ | } | ||
+ | |||
+ | |||
+ | /* special class that the system uses to make sure the team wants a page to be evaluated */ | ||
+ | |||
+ | .judges-will-not-evaluate { | ||
+ | width: 96.6%; | ||
+ | margin: 5px 15px; | ||
+ | display: block; | ||
+ | border: 4px solid #3399ff; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
<title>DTU iGEM wiki 2017</title> | <title>DTU iGEM wiki 2017</title> | ||
Line 11: | Line 69: | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
+ | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
Line 17: | Line 76: | ||
− | <body | + | <body> |
− | <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list --> | + | <!-- header contains the top navbar |
+ | creates a 1 column (12) row containing the header | ||
+ | and defines the dropdown list--> | ||
<div class="col-12 rmvpadmarg tofront" style="position: fixed;"> | <div class="col-12 rmvpadmarg tofront" style="position: fixed;"> | ||
<nav class="navbar"> | <nav class="navbar"> |
Revision as of 16:31, 16 July 2017
- Hej
- med
- dig