Difference between revisions of "Template:NWU-CHINA"

Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<script>
 
<script>
  
Line 84: Line 83:
  
 
</script>
 
</script>
−
 
−
 
−
 
−
 
  
 
<style>
 
<style>
−
 
−
 
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
Line 97: Line 90:
 
/* Clear the default wiki settings */
 
/* Clear the default wiki settings */
 
 
−
#home_logo, #sideMenu { display:none; }
+
 
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
#content { width:100%; }
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
 
body {background-color:white; }
 
body {background-color:white; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
−
+
 
 
 
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/
−
/* Wrapper for the menu */
 
−
.igem_2017_menu_wrapper {
 
−
width: 15%;
 
−
height:100vh;
 
−
position:fixed;
 
−
right:0%;
 
−
padding:0px;
 
−
float:right;
 
−
border-left: 1px solid #d3d3d3;
 
−
background-color:#dddddd;
 
−
text-align:left;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
overflow-y: auto;
 
−
overflow-x: hidden;
 
−
}
 
  
 +
    /* Wrapper for the menu */
 +
    .igem_2017_menu_wrapper {
 +
  width: 100%;
 +
  height:20px;
 +
  position:fixed;
 +
  padding-left:160px;
 +
      overflow-y: auto;
 +
  overflow-x: auto;
 +
  background-color:#514050; 
 +
    }
 +
 +
 +
 
/* this hides the scrollbar to keep view consistency */
 
/* this hides the scrollbar to keep view consistency */
 
.igem_2017_menu_wrappe::-webkit-scrollbar {  
 
.igem_2017_menu_wrappe::-webkit-scrollbar {  
 
display: none;  
 
display: none;  
−
}
+
}  
−
+
 
−
+
−
/* styling for links in the menu, removes the line under text */
+
    /* styling for links in the menu, removes the line under text */
−
.igem_2017_menu_wrapper a {   
+
    .igem_2017_menu_wrapper a {   
 
text-decoration: none;  
 
text-decoration: none;  
 
}
 
}
  
  
−
/* styling for the images in the menu */
+
    /* styling for the images in the menu */
−
.igem_2017_menu_wrapper img {
+
−
width: 100%;
+
−
}
+
−
 
+
 
/* styling for the menu buttons */
 
/* styling for the menu buttons */
 
.igem_2017_menu_wrapper .menu_button {  
 
.igem_2017_menu_wrapper .menu_button {  
−
width: 100%;  
+
    width: 180px;  
−
padding: 10px 0px 10px 15px;  
+
height: 50px
 +
padding: 20px 0px 20px 10px;  
 
float:left;  
 
float:left;  
−
border-bottom: 1px solid #d3d3d3;  
+
border: 1px solid #d3d3d3;  
−
font-size: 12px;
+
    font-size:60px
 
font-weight: bold;  
 
font-weight: bold;  
−
color: #5e5f5f;  
+
color: white;  
 
cursor: pointer;
 
cursor: pointer;
 +
 +
 
}
 
}
−
 
+
−
 
+
−
.igem_2017_menu_wrapper .menu_bottom_padding {
+
−
width: 100%;
+
−
height: 30px;
+
−
float:left;
+
−
}
+
−
 
+
 
.menu_button.direct_to_page {  
 
.menu_button.direct_to_page {  
−
padding-left: 36px;
+
 +
text-indent: 30px;
 
}
 
}
  
−
 
+
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
−
width:10%;
+
width:15%;
 
float:left;
 
float:left;
 +
padding-left:10px
 
}
 
}
  
Line 176: Line 160:
 
content: "-" !important;   
 
content: "-" !important;   
 
}
 
}
−
 
 
 
 
 
Line 193: Line 176:
  
  
−
/* styling for the submenu buttons */
+
    /* styling for the submenu buttons */
 
.igem_2017_menu_wrapper .submenu_button {  
 
.igem_2017_menu_wrapper .submenu_button {  
 
width: 100%;  
 
width: 100%;  
Line 205: Line 188:
 
}
 
}
  
−
/* wrapper for the submenu items, they are hidden by default*/
+
    /* wrapper for the submenu items, they are hidden by default*/
 
.igem_2017_menu_wrapper .submenu_wrapper {  
 
.igem_2017_menu_wrapper .submenu_wrapper {  
 
display:none;
 
display:none;
Line 215: Line 198:
 
text-align:center;
 
text-align:center;
 
}
 
}
−
+
 
 +
 
  
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
Line 221: Line 205:
 
/* Wrapper for the content */
 
/* Wrapper for the content */
 
.igem_2017_content_wrapper {
 
.igem_2017_content_wrapper {
−
width: 81%;
+
−
margin: 2%;
+
−
display:block;
+
−
float:left;
+
 
background-color:white;  
 
background-color:white;  
−
font-family:Tahoma, Geneva, sans-serif;
 
 
}
 
}
−
 
  
 
/********************************* HTML STYLING  *********************************/
 
/********************************* HTML STYLING  *********************************/
  
−
/* styling for the titles h1 h2 */
+
    /* styling for the titles h1 h2 */
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
−
padding:5px 15px;
+
−
border-bottom: 0px;
+
−
color: #3399ff;
+
−
}
+
  
  
 
/* styling for the titles  h3 h4 h5 h6*/
 
/* styling for the titles  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;
+
−
border-bottom:0px;
+
−
color: #000000; 
+
−
}
+
  
  
Line 255: Line 226:
  
 
/* Links */
 
/* Links */
−
.igem_2017_content_wrapper a {
+
−
font-weight: bold;
+
−
text-decoration: underline;
+
−
text-decoration-color: #3399ff;
+
−
color:  #3399ff;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
  
 
/* hover for the links */
 
/* hover for the links */
−
.igem_2017_content_wrapper a:hover {
+
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
  
 
/* non numbered lists */
 
/* non numbered lists */
−
.igem_2017_content_wrapper ul {
+
−
padding:0px 20px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
  
 
/* numbered lists */
 
/* numbered lists */
−
.igem_2017_content_wrapper ol {
+
−
padding:0px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
  
 
/* Table */
 
/* Table */
Line 311: Line 261:
 
background-color:#f2f2f2;  
 
background-color:#f2f2f2;  
 
}
 
}
−
 
−
 
 
/**********************************LAYOUT CLASSES **********************************/
 
/**********************************LAYOUT CLASSES **********************************/
  
Line 402: Line 350:
 
}
 
}
  
−
 
−
 
−
 
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
−
 
−
/* IF THE SCREEN IS LESS THAN 1200PX */
 
−
@media only screen and (max-width: 1200px) {
 
−
 
−
#content {width:100%; }
 
−
.igem_2017_menu_wrapper {width:15%; right:0;}
 
−
.highlight {padding:10px 0px;}
 
−
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 
−
#menu_content { display:block;}
 
−
.menu_button.direct_to_page {padding-left: 17px;}
 
−
 
−
}
 
−
 
−
/* IF THE SCREEN IS LESS THAN 800PX */
 
−
@media only screen and (max-width: 800px) {
 
−
 
−
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 
−
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
−
.column.half_size  {width:100%; }
 
−
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 
−
.highlight {padding:15px 5px;}
 
−
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 
−
#menu_content { display:none;}
 
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 
−
.menu_bottom_padding {display:none;}
 
−
.menu_button.direct_to_page { padding-left: 36px; }
 
−
}
 
  
  
 
 
−
 
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
 
−
.judges-will-not-evaluate {
 
−
    width: 96.6%;
 
−
  margin: 5px 15px;
 
−
  display: block;
 
−
border: 4px solid #3399ff;
 
−
    font-weight: bold;
 
−
}
 
 
 
 
</style>
 
</style>
−
 
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
Line 465: Line 372:
  
  
 +
  
−
<a href="https://2017.igem.org/Team:NWU-CHINA">
+
−
<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">
+
 
 
  
Line 737: Line 635:
 
</div>  
 
</div>  
 
 
−
</div>
+
  
  
Line 745: Line 643:
  
  
−
 
+
</html>
−
<!-- start of content -->
+
−
<div class="igem_2017_content_wrapper">
+
−
<h1>NWU-CHINA</h1>
+

Revision as of 09:56, 7 October 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