Difference between revisions of "Team:NKU China"

Revision as of 13:28, 1 November 2017 (view source)

IsaacZ (Talk | contribs)

← Older edit

Latest revision as of 03:07, 2 November 2017 (view source)

Dongzhuoer (Talk | contribs)

(15 intermediate revisions by 2 users not shown)

Line 2:

<html>

<head>

−

~~<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8">~~

−

~~<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css" />~~

−

~~<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css" />~~

−

~~<script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/jQuery?~~

−

~~action=raw&ctype=text/javascript"></script>~~

−

~~<script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/main?~~

−

~~action=raw&ctype=text/javascript"></script>~~

−

~~<script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/bootstrap?~~

−

~~action=raw&ctype=text/javascript"></script>~~

−

~~<link href="https://2017.igem.org/Team:NKU_China/css/aminate?action=raw&ctype=text/css" rel="stylesheet">~~

−

~~<link href="https://2017.igem.org/Team:NKU_China/css/bootsnav?action=raw&ctype=text/css" rel="stylesheet">~~

−

~~<link href="https://2017.igem.org/Team:NKU_China/css/bootsnav_style?action=raw&ctype=text/css" rel="stylesheet">~~

</head>

<body>

Line 20:

Line 7:

</div>

+

<div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px;

−

margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div>

+

margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div>

+

+

+

</a>

+

+

+

<div style="font-size:large;"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>

+

+

+

+

</video>

+

</div>

+

</div>

+

</div>

+

<!--<div>

Line 28:

Line 32:

</div>

−

~~<div>~~

+

-->

−

~~<img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>~~

+

−

~~</div>~~-->

+

−

<div style="text-align:center;margin-top:5vmin;"><img style="~~max-~~width:~~100%~~; margin-top: -30px;

+

<div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px;

margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/5/58/T--NKU_China--home1.png"/></div>

−

+

Line 75:

Line 77:

<style>

−

+

.black_overlay{

−

+

display: none;

+

position: absolute;

+

top: 0%;

+

left: 0%;

+

width: 100%;

+

height: 100%;

+

background-color: black;

+

z-index:1001;

+

-moz-opacity: 0.8;

+

opacity:.80;

+

filter: alpha(opacity=88); }

+

.white_content {

+

display: none;

+

position: absolute;

+

top: 20vmin;

+

text-align:center;

+

width: 100vw;

+

height: 81vh;

+

padding: 20px;

+

border: 10px solid orange;

+

background-color: white;

+

z-index:1002;

+

overflow: none; }

.introduction{

font-size: x-large;

Line 127:

Line 151:

margin-top: 3%;}

.homeplaybutton{

−

z-index: 0;

+

z-index: 1;

−

~~height~~: ~~60px~~;

+

position:absolute;

−

margin-left: ~~10%~~;

+

margin-left: 73vw;

−

margin-top: 1%;}

+

margin-top: -15vh;}

+

.video_container {

+

width: 100%;

+

padding-left: 10%;

+

padding-right: 10%;

+

height: 50vh;

+

position: relative;

+

}

+

.video_container video {

+

height:500px;

+

}

#home-Carousel{

−

margin-left:~~20vw~~;

+

margin-left:30vw;

−

margin-right:~~20vw~~;

+

margin-right:30vw;

margin-top:5vmin;

margin-bottom:5vmin;}

.home-pic{

−

max-width:~~60vw~~;}

+

max-width:40vw;}

#mw-content-text {

text-align: justify;}

Line 201:

Line 236:

.new-wrapper{

margin-top:-10vmin;}

+

#mw-content-text #home-Carousel {

+

background-image: url(https://static.igem.org/mediawiki/2017/e/ec/Homecar4-backgroud.png);

+

background-size: 90% 93%;

+

background-position: center;

+

background-repeat: no-repeat;

+

display: flex;

+

align-items: center;

+

padding: 0 30vw;

+

margin: 5vw 10vh;

+

}

+

#mw-content-text.carousel-inner {

+

position: relative;

+

width: 30vw;

+

overflow: hidden;

+

}

+

</style>

@@ Line 2: / Line 2: @@
 <html>
 <head>
-<meta name="viewport" content="width=device-width, initial-scale=1.0"  charset="UTF-8">
-    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css" />
-    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css" />
-    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/jQuery?
-action=raw&ctype=text/javascript"></script>
-    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/main?
-action=raw&ctype=text/javascript"></script>
-    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/bootstrap?
-action=raw&ctype=text/javascript"></script>
-    <link href="https://2017.igem.org/Team:NKU_China/css/aminate?action=raw&ctype=text/css" rel="stylesheet">
-    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav?action=raw&ctype=text/css" rel="stylesheet">
-    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav_style?action=raw&ctype=text/css" rel="stylesheet">
 </head>
 <body>
@@ Line 20: / Line 7: @@
              <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/>
          </div>
 	<div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px;
       margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div>
+	 <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
+            <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
+	 </a>
+<div style="text-align:center;">
+         <div id="light" class="white_content">
+ <div style="font-size:large;"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
+ <div class="video_container">
+    <video controls="controls" autoplay="autoplay" poster="https://static.igem.org/mediawiki/2017/1/1c/T--NKU_China--homecover.png">
+      <source src="https://static.igem.org/mediawiki/2017/5/5e/T--NKU_China--homevideo.mp4" type="video/mp4">
+    </video>
+</div>
+ </div>
+ </div>
+         <div id="fade" class="black_overlay"></div>
        <!--<div>
              <img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/>
@@ Line 28: / Line 32: @@
              <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/>
          </div>
-       <div>
+       -->
-            <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
-        </div>-->
-<div style="text-align:center;margin-top:5vmin;"><img style="max-width:100%; margin-top: -30px;
+<div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px;
       margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/5/58/T--NKU_China--home1.png"/></div>
-<div id="home-Carousel" class="carousel slide" data-ride="carousel">
+<div style="margin-top:-10vmin;" id="home-Carousel" class="carousel slide" data-ride="carousel">
 	<!-- 轮播（Carousel）指标 -->
 	<ol class="carousel-indicators">
@@ Line 75: / Line 77: @@
 <style>
+    .black_overlay{
+             display: none;
+             position: absolute;
+             top: 0%;
+             left: 0%;
+             width: 100%;
+             height: 100%;
+             background-color: black;
+             z-index:1001;
+             -moz-opacity: 0.8;
+             opacity:.80;
+             filter: alpha(opacity=88); }
+         .white_content {
+             display: none;
+             position: absolute;
+             top: 20vmin;
+             text-align:center;
+             width: 100vw;
+             height: 81vh;
+             padding: 20px;
+             border: 10px solid orange;
+             background-color: white;
+             z-index:1002;
+             overflow: none; }
 .introduction{
      font-size: x-large;
@@ Line 127: / Line 151: @@
       margin-top: 3%;}
 .homeplaybutton{
-      z-index: 0;
+      z-index: 1;
-     height: 60px;
+	 position:absolute;
-      margin-left: 10%;
+      margin-left: 73vw;
-      margin-top: 1%;}
+      margin-top: -15vh;}
+.video_container {
+    width: 100%;
+    padding-left: 10%;
+    padding-right: 10%;
+    height: 50vh;
+    position: relative;
+}
+.video_container video {
+    height:500px;
+}
 #home-Carousel{
-     margin-left:20vw;
+     margin-left:30vw;
-     margin-right:20vw;
+     margin-right:30vw;
      margin-top:5vmin;
      margin-bottom:5vmin;}
 .home-pic{
-     max-width:60vw;}
+     max-width:40vw;}
 #mw-content-text {
      text-align: justify;}
@@ Line 201: / Line 236: @@
 .new-wrapper{
      margin-top:-10vmin;}
+#mw-content-text #home-Carousel {
+    background-image: url(https://static.igem.org/mediawiki/2017/e/ec/Homecar4-backgroud.png);
+    background-size: 90% 93%;
+    background-position: center;
+    background-repeat: no-repeat;
+    display: flex;
+    align-items: center;
+    padding: 0 30vw;
+    margin: 5vw 10vh;
+}
+#mw-content-text.carousel-inner {
+    position: relative;
+    width: 30vw;
+    overflow: hidden;
+}
 </style>