Yasmin1304 (Talk | contribs) |
Yasmin1304 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | < | + | |
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Oxford/Assets/stylesheet?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link rel="stylesheet" href="//2015.igem.org/Team:Oxford/Assets/Font-Awesome?action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrapj?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/contents?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<style> | <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; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
+ | |||
+ | /* Wrapper for the content */ | ||
+ | .igem_2017_content_wrapper { | ||
+ | width: 81%; | ||
+ | margin: 2%; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/0/04/BackgroundMainPage.png"); | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /********************************* HTML STYLING *********************************/ | ||
+ | |||
+ | /* styling for the titles h1 h2 */ | ||
+ | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #3399ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the titles h3 h4 h5 h6*/ | ||
+ | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom:0px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* font and text */ | ||
+ | .igem_2017_content_wrapper p { | ||
+ | padding: 0px 15px; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | /* Links */ | ||
+ | .igem_2017_content_wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | text-decoration-color: #3399ff; | ||
+ | color: #3399ff; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* hover for the links */ | ||
+ | .igem_2017_content_wrapper a:hover { | ||
+ | text-decoration:none; | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | /* non numbered lists */ | ||
+ | .igem_2017_content_wrapper ul { | ||
+ | padding:0px 20px; | ||
+ | font-size: 13px; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* numbered lists */ | ||
+ | .igem_2017_content_wrapper ol { | ||
+ | padding:0px; | ||
+ | font-size: 13px; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Table */ | ||
+ | .igem_2017_content_wrapper table { | ||
+ | width: 97%; | ||
+ | margin:15px 10px; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /* table cells */ | ||
+ | .igem_2017_content_wrapper td { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /* table headers */ | ||
+ | .igem_2017_content_wrapper th { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | background-color:#f2f2f2; | ||
+ | } | ||
+ | |||
+ | |||
+ | /**********************************LAYOUT CLASSES **********************************/ | ||
+ | |||
+ | /* general class for column divs */ | ||
+ | .igem_2017_content_wrapper .column { | ||
+ | padding: 10px 0px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | /* class for a full width column */ | ||
+ | .column .full_size { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | /* styling for images in a full width column*/ | ||
+ | .column.full_size img { | ||
+ | width:97%; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | |||
+ | /* class for a half width column */ | ||
+ | .column.half_size { | ||
+ | width: 50%; | ||
+ | } | ||
+ | /* styling for images in a half width column*/ | ||
+ | .column.half_size img { | ||
+ | width: 94.5%; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /********************************* SUPPORT CLASSES ********************************/ | ||
+ | |||
+ | /* class that clears content below*/ | ||
+ | .igem_2017_content_wrapper .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* adds extra spacing when clearing content */ | ||
+ | .igem_2017_content_wrapper .clear.extra_space { | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight class, makes content slightly smaller */ | ||
+ | .igem_2017_content_wrapper .highlight { | ||
+ | margin: 0px 15px; | ||
+ | padding: 15px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight class, adds a gray background */ | ||
+ | .igem_2017_content_wrapper .highlight.gray { | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | /* highlight with decoration blue line on top */ | ||
+ | .igem_2017_content_wrapper .highlight.blue_top { | ||
+ | border-top: 4px solid #3399ff; | ||
+ | } | ||
+ | |||
+ | /* highlight with a full blue border decoration */ | ||
+ | .igem_2017_content_wrapper .highlight.blue_border { | ||
+ | border: 4px solid #3399ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* button class */ | ||
+ | .igem_2017_content_wrapper .button{ | ||
+ | max-width: 35%; | ||
+ | margin: 30px auto; | ||
+ | padding: 12px 10px; | ||
+ | background-color: #3399ff; | ||
+ | text-align: center; | ||
+ | color: #ffffff; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* styling for button on hover */ | ||
+ | .igem_2017_content_wrapper .button:hover{ | ||
+ | background-color: #3399ff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** 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; } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
+ | |||
+ | |||
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
+ | |||
+ | |||
+ | |||
+ | <head> | ||
+ | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
</head> | </head> | ||
+ | <nav class="navbar navbar-default navbar-fixed-top"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar"> | ||
+ | <i class="fa fa-chevron-down"></i> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ">CMUQ</a> | ||
+ | </div> | ||
+ | <nav class="navbar-collapse collapse" id="ox-navbar"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/descritpion">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/safety">Safety</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Model">Model</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/achievments">Achievements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PRACTICES<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">WET LAB<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/results">Overview & Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/notebook">Notebook</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Protocols</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">DRY LAB<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/modelling">Modelling</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">TEAM<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/attributions">Attributions</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="main"></div> | ||
<body> | <body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:44, 13 October 2017