HANSONGTSENG (Talk | contribs) |
HANSONGTSENG (Talk | contribs) |
||
(38 intermediate revisions by the same user not shown) | |||
Line 43: | Line 43: | ||
position:relative; | position:relative; | ||
top:100px; | top:100px; | ||
− | width: | + | width:1040px; |
left:200px; | left:200px; | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | .coverimage{ | ||
+ | width:1200px; z-index:2; opacity:0.9; | ||
} | } | ||
.column{ | .column{ | ||
− | background-color:white; width: | + | background-color:white; width:1180px; margin-left:0px; padding:10px; |
box-shadow: 0px 2px 10px #B1C4C9; | box-shadow: 0px 2px 10px #B1C4C9; | ||
Line 58: | Line 63: | ||
border-color:#638695; | border-color:#638695; | ||
padding:20px; | padding:20px; | ||
+ | margin:20px; | ||
+ | width:1000px; | ||
+ | } | ||
+ | |||
+ | .story img{ | ||
+ | width: 90%; | ||
+ | z-index:10; | ||
margin:40px; | margin:40px; | ||
− | |||
} | } | ||
Line 66: | Line 77: | ||
position:relative; | position:relative; | ||
width:90%; | width:90%; | ||
− | left: | + | left:10%; |
} | } | ||
Line 73: | Line 84: | ||
} | } | ||
− | #page-content | + | #page-content h1{ |
font-size:90px; | font-size:90px; | ||
text-align:left; | text-align:left; | ||
Line 81: | Line 92: | ||
} | } | ||
− | #page-content . | + | #page-content .column h1{ |
+ | color:#638695; font-size:70px; line-height:1em; | ||
+ | } | ||
+ | |||
+ | #page-content h2{ | ||
font-size:50px; | font-size:50px; | ||
line-height:2em; | line-height:2em; | ||
} | } | ||
− | #page-content | + | #page-content h3{ |
font-size:40px; | font-size:40px; | ||
} | } | ||
Line 97: | Line 112: | ||
a:hover{ | a:hover{ | ||
text-decoration:none; | text-decoration:none; | ||
+ | color:#638695; | ||
} | } | ||
Line 154: | Line 170: | ||
text-align:center; | text-align:center; | ||
color:#4B727B; | color:#4B727B; | ||
− | font-size: | + | font-size: 17px; |
} | } | ||
Line 173: | Line 189: | ||
} | } | ||
+ | a { | ||
+ | color:#B1C4C9; | ||
+ | } | ||
+ | a:hover{ | ||
+ | color:#638695; | ||
+ | } | ||
.dropdown .dropdown-content a div{ | .dropdown .dropdown-content a div{ | ||
Line 183: | Line 205: | ||
.dropdown .dropdown-content a :hover{ | .dropdown .dropdown-content a :hover{ | ||
background-color:#f1f1f1; | background-color:#f1f1f1; | ||
− | color:# | + | color:#638695; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 209: | Line 231: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
Line 257: | Line 243: | ||
<div class="menu-part"> | <div class="menu-part"> | ||
<a href="https://2018.igem.org/Team:NYMU-Taipei"> | <a href="https://2018.igem.org/Team:NYMU-Taipei"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--NYMU-Taipei--gear-logo-2.jpg"> | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--NYMU-Taipei--gear-logo-2.jpg" style="width:130px;"> |
</a> | </a> | ||
</div> | </div> | ||
Line 265: | Line 251: | ||
<!-- Team --> | <!-- Team --> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <div> | + | <div id="1r" onclick="closeintro(event),openintro(event)"> |
TEAM | TEAM | ||
</div> | </div> | ||
− | <div class="dropdown-content"> | + | <div class="dropdown-content" id="1c"> |
<a href="https://2018.igem.org/Team:NYMU-Taipei/Team"> | <a href="https://2018.igem.org/Team:NYMU-Taipei/Team"> | ||
Line 287: | Line 273: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<!-- Project --> | <!-- Project --> | ||
− | <div | + | <div id="2r" onclick="closeintro(event),openintro(event)"> |
− | + | ||
PROJECT | PROJECT | ||
</div> | </div> | ||
− | <div class="dropdown-content"> | + | <div class="dropdown-content" id="2c"> |
<a href="https://2018.igem.org/Team:NYMU-Taipei/Description"> | <a href="https://2018.igem.org/Team:NYMU-Taipei/Description"> | ||
Line 305: | Line 290: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2018.igem.org/Team:NYMU-Taipei/experimentsandresults"> |
<div > | <div > | ||
− | Experiments | + | Experiments & Results |
</div> | </div> | ||
</a> | </a> | ||
Line 328: | Line 313: | ||
<div > | <div > | ||
Model | Model | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 360: | Line 339: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <div | + | <div id="3r" onclick="closeintro(event),openintro(event)"> |
− | + | ||
PARTS | PARTS | ||
</div> | </div> | ||
− | <div class="dropdown-content"> | + | <div class="dropdown-content" id="3c"> |
<a href="https://2018.igem.org/Team:NYMU-Taipei/Parts"> | <a href="https://2018.igem.org/Team:NYMU-Taipei/Parts"> | ||
Line 407: | Line 385: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <div | + | <div id="4r" onclick="closeintro(event),openintro(event)"> |
− | + | ||
HUMAN PRACTICES | HUMAN PRACTICES | ||
</div> | </div> | ||
− | <div class="dropdown-content"> | + | <div class="dropdown-content"id="4c"> |
<a href="https://2018.igem.org/Team:NYMU-Taipei/Human_Practices"> | <a href="https://2018.igem.org/Team:NYMU-Taipei/Human_Practices"> | ||
Line 433: | Line 410: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <div | + | <div id="5r" onclick="closeintro(event),openintro(event)"> |
− | + | ||
AWARDS | AWARDS | ||
</div> | </div> | ||
− | <div class="dropdown-content"> | + | <div class="dropdown-content" id="5c"> |
<a href="https://2018.igem.org/Team:NYMU-Taipei/Applied_Design"> | <a href="https://2018.igem.org/Team:NYMU-Taipei/Applied_Design"> | ||
Line 449: | Line 425: | ||
<div > | <div > | ||
Entrepreneurship | Entrepreneurship | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 467: | Line 431: | ||
<div > | <div > | ||
Model | Model | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 498: | Line 449: | ||
<div id="dot-side-bar"></div> | <div id="dot-side-bar"></div> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 508: | Line 460: | ||
$("#dot-side-bar").html(dots.join().replace(/,/g,'')); | $("#dot-side-bar").html(dots.join().replace(/,/g,'')); | ||
}); | }); | ||
+ | |||
+ | |||
+ | |||
+ | function closeintro(x){ | ||
+ | var intros = $('.intro'); | ||
+ | var targetintro = x.target.id.replace('d','c'); | ||
+ | for (var i = intros.length - 1; i >= 0; i--) { | ||
+ | if (intros[i].id != targetintro) { | ||
+ | intros[i].hide(); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function openintro(x){ | ||
+ | var targetintro = x.target.id.replace('r','c'); | ||
+ | document.getElementById(targetintro).show();; | ||
+ | } | ||
+ | |||
</script> | </script> | ||
Line 517: | Line 487: | ||
font-size: 20px; | font-size: 20px; | ||
z-index:0px; | z-index:0px; | ||
− | background-color:# | + | background-color:#f0f0f0; |
height:100%; | height:100%; | ||
padding-right:0px; | padding-right:0px; |
Latest revision as of 19:37, 17 October 2018