Difference between revisions of "Template:NYMU-Taipei/newtemplate1"

 
(25 intermediate revisions by the same user not shown)
Line 46: Line 46:
 
left:200px;
 
left:200px;
 
margin:0px;
 
margin:0px;
 +
}
 +
 +
.coverimage{
 +
width:1200px; z-index:2; opacity:0.9;
 
}
 
}
  
 
.column{
 
.column{
−
background-color:white; width:1150px; margin-left:50px; padding:10px;
+
background-color:white; width:1180px; margin-left:0px; padding:10px;
 
box-shadow: 0px 2px 10px #B1C4C9;
 
box-shadow: 0px 2px 10px #B1C4C9;
  
Line 60: Line 64:
 
padding:20px;
 
padding:20px;
 
margin:20px;
 
margin:20px;
−
width:900px;
+
width:1000px;
 
}
 
}
  
Line 73: Line 77:
 
position:relative;
 
position:relative;
 
width:90%;
 
width:90%;
−
left:15%;
+
left:10%;
 
}
 
}
  
Line 80: Line 84:
 
}
 
}
  
−
#page-content .paragraphs h1{
+
#page-content h1{
 
font-size:90px;
 
font-size:90px;
 
text-align:left;
 
text-align:left;
Line 88: Line 92:
 
}
 
}
  
−
#page-content .paragraphs h2{
+
#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 .paragraphs h3{
+
#page-content h3{
 
font-size:40px;
 
font-size:40px;
 
}
 
}
Line 104: Line 112:
 
a:hover{
 
a:hover{
 
text-decoration:none;
 
text-decoration:none;
 +
color:#638695;
  
 
}
 
}
Line 161: Line 170:
 
text-align:center;
 
text-align:center;
 
color:#4B727B;
 
color:#4B727B;
−
font-size: 15px;
+
font-size: 17px;
 
}
 
}
  
Line 180: Line 189:
 
}
 
}
  
 +
a {
 +
color:#B1C4C9;
 +
}
  
 +
a:hover{
 +
color:#638695;
 +
}
  
 
.dropdown .dropdown-content a div{
 
.dropdown .dropdown-content a div{
Line 190: Line 205:
 
.dropdown .dropdown-content a :hover{
 
.dropdown .dropdown-content a :hover{
 
background-color:#f1f1f1;
 
background-color:#f1f1f1;
−
color:#B1C4C9;
+
color:#638695;
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
Line 216: Line 231:
  
  
−
 
−
 
−
/* cover of other pages*/
 
−
 
−
.covertopic{
 
−
position:absolute;
 
−
top:100px
 
−
}
 
−
 
−
.coversentence{
 
−
position:absolute;
 
−
top:150px;
 
−
font-size:70px;
 
−
}
 
−
 
−
/*description*/
 
−
 
−
#page-content #reference p, #page-content #reference h2{
 
−
font-size:20px;
 
−
}
 
−
 
−
#description-1{
 
−
background-color:#4B727B;
 
−
width:1000px;
 
−
padding:30px;
 
−
}
 
−
#description-2{
 
−
background-color:#094857;
 
−
width:1000px;
 
−
padding:30px;
 
−
}
 
−
#description-3{
 
−
background-color:#013946;
 
−
width:1000px;
 
−
padding:30px;
 
−
}
 
  
 
</style>
 
</style>
Line 264: 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 272: Line 251:
 
<!-- Team -->
 
<!-- Team -->
 
<div class="dropdown">
 
<div class="dropdown">
−
<div id="1h" onclick="closeintro(event),openintro(event)">
+
<div id="1r" onclick="closeintro(event),openintro(event)">
 
TEAM
 
TEAM
 
</div>  
 
</div>  
−
<div class="dropdown-content" id="1i">
+
<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 294: Line 273:
 
<div class="dropdown">
 
<div class="dropdown">
 
<!-- Project -->
 
<!-- Project -->
−
<div id="2h" onclick="closeintro(event),openintro(event)">
+
<div id="2r" onclick="closeintro(event),openintro(event)">
 
PROJECT
 
PROJECT
 
</div>  
 
</div>  
−
<div class="dropdown-content" id="2i">
+
<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 311: Line 290:
 
</a>
 
</a>
  
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Experiments">
+
<a href="https://2018.igem.org/Team:NYMU-Taipei/experimentsandresults">
 
<div >
 
<div >
−
Experiments
+
Experiments & Results
 
</div>
 
</div>
 
</a>
 
</a>
Line 334: Line 313:
 
<div >
 
<div >
 
Model
 
Model
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Results">
 
−
<div >
 
−
Results
 
 
</div>
 
</div>
 
</a>
 
</a>
Line 366: Line 339:
  
 
<div class="dropdown">
 
<div class="dropdown">
−
<div id="3h" onclick="closeintro(event),openintro(event)">
+
<div id="3r" onclick="closeintro(event),openintro(event)">
 
PARTS
 
PARTS
 
</div>
 
</div>
−
<div class="dropdown-content" id="3i">
+
<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 412: Line 385:
  
 
<div class="dropdown">
 
<div class="dropdown">
−
<div id="4h" onclick="closeintro(event),openintro(event)">
+
<div id="4r" onclick="closeintro(event),openintro(event)">
 
HUMAN PRACTICES  
 
HUMAN PRACTICES  
 
</div>  
 
</div>  
  
−
<div class="dropdown-content"id="4i">
+
<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 437: Line 410:
  
 
<div class="dropdown">
 
<div class="dropdown">
−
<div id="5h" onclick="closeintro(event),openintro(event)">
+
<div id="5r" onclick="closeintro(event),openintro(event)">
 
AWARDS
 
AWARDS
 
</div>  
 
</div>  
  
−
<div class="dropdown-content" id="5i">
+
<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 452: Line 425:
 
<div >
 
<div >
 
Entrepreneurship
 
Entrepreneurship
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Hardware">
 
−
<div >
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Measurement">
 
−
<div>
 
−
Measurement
 
 
</div>
 
</div>
 
</a>
 
</a>
Line 470: Line 431:
 
<div >
 
<div >
 
Model
 
Model
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Plant">
 
−
<div >
 
−
Plant
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Software">
 
−
<div >
 
−
Software
 
 
</div>
 
</div>
 
</a>
 
</a>
Line 517: Line 465:
 
function closeintro(x){
 
function closeintro(x){
 
var intros = $('.intro');
 
var intros = $('.intro');
−
var targetintro = x.target.id.replace('h','i');
+
var targetintro = x.target.id.replace('d','c');
 
for (var i = intros.length - 1; i >= 0; i--) {
 
for (var i = intros.length - 1; i >= 0; i--) {
 
if (intros[i].id != targetintro) {
 
if (intros[i].id != targetintro) {
Line 526: Line 474:
  
 
function openintro(x){
 
function openintro(x){
−
var targetintro = x.target.id.replace('h','i');
+
var targetintro = x.target.id.replace('r','c');
 
document.getElementById(targetintro).show();;
 
document.getElementById(targetintro).show();;
 
}
 
}

Latest revision as of 19:37, 17 October 2018

HAIR TO STAY
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments & Results
Notebook
InterLab
Model
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Model
JUDGING FORM ⇗