Difference between revisions of "Template:Kyoto"

Line 96: Line 96:
 
 
 
/* Clear the 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; }
 +
 +
 +
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/
Line 212: Line 221:
 
/* Wrapper for the content */
 
/* Wrapper for the content */
 
.igem_2017_content_wrapper {
 
.igem_2017_content_wrapper {
−
width: 100%;
+
width: 81%;
 
margin: 2%;
 
margin: 2%;
 
display:block;
 
display:block;
Line 224: Line 233:
  
 
/* styling for the titles h1 h2 */
 
/* styling for the titles h1 h2 */
−
h1,h2 {
+
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: #3399ff;
 
color: #3399ff;
−
                text-align: center;
 
 
}
 
}
  
  
 
/* styling for the titles  h3 h4 h5 h6*/
 
/* styling for the titles  h3 h4 h5 h6*/
−
h3,h4,h5,h6 {  
+
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {  
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #000000;   
 
color: #000000;   
−
                text-align: center;
 
 
}
 
}
  
  
 
/* font and text */
 
/* font and text */
−
        p {  
+
.igem_2017_content_wrapper p {  
 
padding: 0px 15px;  
 
padding: 0px 15px;  
−
font-size: 30px;
+
font-size: 13px;
−
                text-align: center;
+
 
}
 
}
  
 
/* Links */
 
/* Links */
−
a {  
+
.igem_2017_content_wrapper a {  
 
font-weight: bold;  
 
font-weight: bold;  
 
text-decoration: underline;
 
text-decoration: underline;
Line 260: Line 266:
 
transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
}
−
        /* Top-banner */
+
 
−
        ul.nv {
+
−
                display:table;
+
−
                table-layout: fixed;
+
−
                width: 100%;
+
−
        }
+
−
        /*topbanner contents*/
+
−
        ul.nv li a {
+
−
                display: table-cell;
+
−
                vertical-align: middle;
+
−
                text-align: center;
+
−
                border: solid 1px;
+
−
                width: 100px;
+
−
                height: 100px;
+
−
        }
+
−
               
+
 
/* hover for the links */
 
/* hover for the links */
 
.igem_2017_content_wrapper a:hover {  
 
.igem_2017_content_wrapper a:hover {  
Line 286: Line 277:
 
padding:0px 20px;
 
padding:0px 20px;
 
font-size: 13px;
 
font-size: 13px;
−
font-family:Tahoma, Geneva, sans-serif;
+
font-family:Tahoma, Geneva, sans-serif;  
−
                float: left;  
+
 
}
 
}
  
Line 295: Line 285:
 
font-size: 13px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;  
 
font-family:Tahoma, Geneva, sans-serif;  
−
        }
+
}
  
 
/* Table */
 
/* Table */
Line 302: Line 292:
 
margin:15px 10px;  
 
margin:15px 10px;  
 
border: 1px solid #d3d3d3;  
 
border: 1px solid #d3d3d3;  
−
border-collapse: collapse;
+
border-collapse: collapse;  
−
                text-align: center;  
+
 
}
 
}
  
Line 394: Line 383:
  
 
/* button class */
 
/* button class */
−
button{
+
.igem_2017_content_wrapper .button{
−
                display: block; height: 100%; width:100%;
+
max-width: 35%;
−
width: 10%;
+
  margin: 30px auto;
−
  margin: 5px;
+
 
padding: 12px 10px;
 
padding: 12px 10px;
 
     background-color: #3399ff;
 
     background-color: #3399ff;
 
     text-align: center;
 
     text-align: center;
−
   color: #000000;
+
   color: #ffffff;
 
-webkit-transition: all 0.4s ease;  
 
-webkit-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
 
-ms-transition: all 0.4s ease;  
 
-ms-transition: all 0.4s ease;  
−
-o-transition: all 0.4s ease; transition: all 0.4s ease;                
+
-o-transition: all 0.4s ease; transition: all 0.4s ease;
 
}
 
}
  
Line 476: Line 464:
  
  
 +
<div class="igem_2017_menu_wrapper" >
  
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto">
 +
<img src="http://placehold.it/350x150">
 +
</a>
 +
 +
 +
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 +
<div class="menu_button" id="display_menu_control">
 +
MENU 
 +
</div>
 +
 +
<div id="menu_content">
 +
 +
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto">
 +
<div class="menu_button direct_to_page">
 +
HOME
 +
</div>
 +
</a>
 +
 +
 +
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> TEAM
 +
</div>
 +
 +
<div class="submenu_wrapper" id="team_submenu">
 
 
 +
<a href="https://2017.igem.org/Team:Kyoto/Team">
 +
<div class="submenu_button" id="Team_page">
 +
Team
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Collaborations">
 +
<div class="submenu_button"  id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PROJECT
 +
</div>
 +
 +
<!-- project submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Description">
 +
<div class="submenu_button"  id="Description_page">
 +
Description
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Design">
 +
<div class="submenu_button"  id="Design_page">
 +
Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Experiments">
 +
<div class="submenu_button"  id="Experiments_page">
 +
Experiments
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Notebook">
 +
<div class="submenu_button"  id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/InterLab">
 +
<div class="submenu_button"  id="InterLab_page">
 +
InterLab
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Contribution">
 +
<div class="submenu_button"  id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Results">
 +
<div class="submenu_button"  id="Results_page">
 +
Results
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Demonstrate">
 +
<div class="submenu_button"  id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Improve">
 +
<div class="submenu_button"  id="Improve_page">
 +
Improve
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Attributions">
 +
<div class="submenu_button"  id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PARTS
 +
</div>
 +
 +
<!-- parts submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Parts">
 +
<div class="submenu_button"  id="Parts_page">
 +
Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Basic_Part">
 +
<div class="submenu_button"  id="Basic_Part_page">
 +
Basic Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Composite_Part">
 +
<div class="submenu_button"  id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Part_Collection">
 +
<div class="submenu_button"  id="Part_Collection_page">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Safety">
 +
<div class="menu_button direct_to_page">
 +
SAFETY
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
 +
 +
<div class="menu_button" >
 +
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 +
</div>
 +
 +
<!-- human practices submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/HP/Silver">
 +
<div class="submenu_button"  id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/HP/Gold_Integrated">
 +
<div class="submenu_button" id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Engagement">
 +
<div class="submenu_button"  id="Engagement_page">
 +
Public Engagement
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> AWARDS
 +
</div>
 +
 +
<!-- awards submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Applied_Design">
 +
<div class="submenu_button"  id="Applied_Design_page">
 +
Applied Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Entrepreneurship">
 +
<div class="submenu_button"  id="Entrepreneurship_page">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Hardware">
 +
<div class="submenu_button"  id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Measurement">
 +
<div class="submenu_button"  id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Plant">
 +
<div class="submenu_button"  id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2017.igem.org/Team:Kyoto/Software">
 +
<div class="submenu_button"  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
<a href="https://igem.org/2017_Judging_Form?team=Kyoto">
 +
<div class="menu_button direct_to_page">
 +
JUDGING FORM
 +
</div>
 +
</a>
 +
 +
 +
 +
<div class="menu_bottom_padding" >
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
</div>
  
  
  
−
<!-- start of content --!>
+
<!-- start of content -->
 +
<div class="igem_2017_content_wrapper">
 +
<h1>Kyoto</h1>

Revision as of 09:25, 18 September 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Kyoto