Difference between revisions of "Team:NYMU-Taipei"

Line 85: Line 85:
 
</script>
 
</script>
  
 
 
<head>
 
<head>
 
 
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
 
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
 
 
Line 127: Line 125:
 
.home_wrapper {
 
.home_wrapper {
 
background-color:rgba(35, 51, 31, 0.9);
 
background-color:rgba(35, 51, 31, 0.9);
height:37vw;
+
height:40vw;
 +
}
 +
 +
.introduction_wrapper {
 +
background-color:#181f28;
 
}
 
}
 
 
Line 135: Line 137:
 
opacity:1;
 
opacity:1;
 
}
 
}
 
.introduction_wrapper {
 
background-color:#181f28;
 
}
 
 
 
 
 
/* image */
 
/* image */
 
.home_wrapper img:hover {
 
.home_wrapper img:hover {
box-shadow:0 0 2px 1px rgba( 0, 140, 186, 0.5);
+
box-shadow:0 0 0.8vw 0.5vw rgba(256,256,256, 0.5);
 
}
 
}
 
 
 
 
/* Wrapper for the footer */
 
/* Wrapper for the footer */
Line 205: Line 201:
 
<div class='home'>
 
<div class='home'>
 
<!-- head vedeo -->
 
<!-- head vedeo -->
<div class = 'head_wrapper' >
+
<div class = 'head_wrapper' style="height:100%;">
 
<center>
 
<center>
 
<video loop autoplay controls  
 
<video loop autoplay controls  
width='80%' background='#29382a' >
+
width = "80%" >
 
 
 
<source src='https://static.igem.org/mediawiki/2017/c/cd/T--NYMU-Taipei--home.mp4'>
 
<source src='https://static.igem.org/mediawiki/2017/c/cd/T--NYMU-Taipei--home.mp4'>
Line 219: Line 215:
 
<div class='home_space'></div>
 
<div class='home_space'></div>
 
 
<!-- first content: introduction懶人包圖說 -->
+
<!-- first content:懶人包圖說 -->
 
<div class='introduction_wrapper'>
 
<div class='introduction_wrapper'>
 
<img src='https://static.igem.org/mediawiki/2017/d/d3/T--NYMU-Taipei--home_introduction.png'
 
<img src='https://static.igem.org/mediawiki/2017/d/d3/T--NYMU-Taipei--home_introduction.png'
style='width:90vw;'>
+
style='width:90vw'>
 
</div>
 
</div>
  
Line 231: Line 227:
 
<div class='home_wrapper'>
 
<div class='home_wrapper'>
 
 
<div style="width:100%;height:65px;background:rgba(35, 51, 31, 0);float:left"></div>
+
<div style="width:100vw;height:6vw;background:rgba(35, 51, 31, 0);float:left"></div>
 
 
<div style="width:4%;height:250px;background:rgba(35, 51, 31, 0);float:left"></div>
+
<div style="width:4vw;height:34vw;background:rgba(35, 51, 31, 0);float:left"></div>
 
 
 
<a href="https://2017.igem.org/Team:NYMU-Taipei/Overview">
 
<a href="https://2017.igem.org/Team:NYMU-Taipei/Overview">
 
<img src="https://static.igem.org/mediawiki/2017/3/3a/T--NYMU-Taipei--home1.jpg"
 
<img src="https://static.igem.org/mediawiki/2017/3/3a/T--NYMU-Taipei--home1.jpg"
style="width:27%;border-radius:50%; float:left;">
+
style="width:27vw;border-radius:50%;float:left;">
 
</a>
 
</a>
 
 
 
 
<div style="width:4%;height:250px;background:rgba(35, 51, 31, 0);;float:left"></div>
+
<div style="width:4vw;height:34vw;background:rgba(35, 51, 31, 0);;float:left"></div>
 
 
 
<a href="https://2017.igem.org/Team:NYMU-Taipei/Parts">
 
<a href="https://2017.igem.org/Team:NYMU-Taipei/Parts">
 
<img src="https://static.igem.org/mediawiki/2017/8/87/T--NYMU-Taipei--home2.png"
 
<img src="https://static.igem.org/mediawiki/2017/8/87/T--NYMU-Taipei--home2.png"
style="width:27%;border-radius:50%; float:left;"> <!--border:5px solid #d02757;-->
+
style="width:27vw;border-radius:50%;float:left;"> <!--border:0.5vw solid #7c4949;-->
 
</a>
 
</a>
 
 
<div style="width:4%;height:250px;background:rgba(35, 51, 31, 0);float:left;"></div>
+
<div style="width:4vw;height:34vw;background:rgba(35, 51, 31, 0);float:left;"></div>
 
 
 
<a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated">
 
<a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated">
 
<img src="https://static.igem.org/mediawiki/2017/c/c2/T--NYMU-Taipei--homehp.png"
 
<img src="https://static.igem.org/mediawiki/2017/c/c2/T--NYMU-Taipei--homehp.png"
style="width:27%;border-radius:50%; float:left;">
+
style="width:27vw;border-radius:50%;float:left;">
 
</a>
 
</a>
 
 

Revision as of 01:56, 9 October 2017