Difference between revisions of "Team:Mingdao/DM test"
| (27 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | {{: | + | <html> |
| + | |||
| + | <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; } | ||
| + | |||
| + | |||
| + | </style> | ||
| + | </html> | ||
| + | |||
<html> | <html> | ||
<head> | <head> | ||
| + | |||
| + | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<style> | <style> | ||
| Line 11: | Line 29: | ||
/* Slideshow container */ | /* Slideshow container */ | ||
.slideshow-container { | .slideshow-container { | ||
| − | max-width: | + | max-width: 100%; |
position: relative; | position: relative; | ||
margin: auto; | margin: auto; | ||
| − | |||
} | } | ||
| − | |||
/* Next & previous buttons */ | /* Next & previous buttons */ | ||
| Line 26: | Line 42: | ||
padding: 16px; | padding: 16px; | ||
margin-top: -22px; | margin-top: -22px; | ||
| − | color: | + | color: gray; |
font-weight: bold; | font-weight: bold; | ||
| − | font-size: | + | font-size: 25px; |
| − | transition: | + | transition: 1s ease; |
border-radius: 0 3px 3px 0; | border-radius: 0 3px 3px 0; | ||
} | } | ||
| Line 41: | Line 57: | ||
/* On hover, add a black background color with a little bit see-through */ | /* On hover, add a black background color with a little bit see-through */ | ||
.prev:hover, .next:hover { | .prev:hover, .next:hover { | ||
| − | + | background-color: rgba(0,0,0,0.8); | |
} | } | ||
| Line 77: | Line 93: | ||
.active, .dot:hover { | .active, .dot:hover { | ||
| − | background-color: | + | background-color: #717171; |
} | } | ||
| Line 83: | Line 99: | ||
.fade { | .fade { | ||
-webkit-animation-name: fade; | -webkit-animation-name: fade; | ||
| − | -webkit-animation-duration: 5s; | + | -webkit-animation-duration: 1.5s; |
animation-name: fade; | animation-name: fade; | ||
| − | animation-duration: 5s; | + | animation-duration: 1.5s; |
} | } | ||
| Line 110: | Line 126: | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">1 / 4</div> | <div class="numbertext">1 / 4</div> | ||
| − | <img src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" style="width:80%"> | + | <img src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" style="display:block; margin:auto;" style="width:80%"> |
<div class="text"></div> | <div class="text"></div> | ||
</div> | </div> | ||
| Line 116: | Line 132: | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">2 / 4</div> | <div class="numbertext">2 / 4</div> | ||
| − | <img src="https://static.igem.org/mediawiki/2018/0/0a/T--Mingdao--HomePage_DM_p2.png" style="width:80%"> | + | <img src="https://static.igem.org/mediawiki/2018/0/0a/T--Mingdao--HomePage_DM_p2.png" style="display:block; margin:auto;" style="width:80%"> |
<div class="text"></div> | <div class="text"></div> | ||
</div> | </div> | ||
| Line 122: | Line 138: | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">3 / 4</div> | <div class="numbertext">3 / 4</div> | ||
| − | <img src="https://static.igem.org/mediawiki/2018/5/5f/T--Mingdao--HomePage_DM_p3.png" style="width:80%"> | + | <img src="https://static.igem.org/mediawiki/2018/5/5f/T--Mingdao--HomePage_DM_p3.png"style="display:block; margin:auto;" style="width:80%"> |
<div class="text"></div> | <div class="text"></div> | ||
</div> | </div> | ||
| Line 128: | Line 144: | ||
<div class="mySlides fade"> | <div class="mySlides fade"> | ||
<div class="numbertext">4 / 4</div> | <div class="numbertext">4 / 4</div> | ||
| − | <img src="https://static.igem.org/mediawiki/2018/7/7e/T--Mingdao--HomePage_DM_p4.png" style="width:80%"> | + | <img src="https://static.igem.org/mediawiki/2018/7/7e/T--Mingdao--HomePage_DM_p4.png" style="display:block; margin:auto;" style="width:80%"> |
<div class="text"></div> | <div class="text"></div> | ||
</div> | </div> | ||
Latest revision as of 05:28, 15 October 2018
