Difference between revisions of "Template:Fudan-CHINA"

(Replaced content with "{{Fudan-CHINA/initialize}} {{Fudan-CHINA/mainNav}}")
 
(107 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
+
{{Fudan-CHINA/initialize}}
<script language=javascript>
+
{{Fudan-CHINA/mainNav}}
function hero()
+
{
+
var herowidth=1920;
+
 
+
window.resizeTo(herowidth,heroheight);
+
}
+
hero();
+
</script>
+
 
+
<style>
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
/* DEFAULT WIKI SETTINGS */
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
#home_logo, #sideMenu { display:none; }
+
#sideMenu, #top_title, .patrollink  {display:none;}
+
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;}
+
body {
+
            background-color: #e7e7e7;
+
}
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
/*mobile menu bar styling*/
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
.igem_2018_team_mobile_bar {
+
background-color:#e4dede;
+
border-bottom: 1px solid #c4baba;
+
cursor:pointer;
+
display:none;
+
float:left;
+
margin-top: 0;
+
padding: 5px 0;
+
position:fixed;
+
width:100%;
+
}
+
 
+
.igem_logo_mobile img {
+
width:70px;
+
}
+
 
+
.igem_logo_mobile {
+
float:left;
+
padding-left: 5%;
+
width: 30%;
+
}
+
 
+
.igem_menu_control_mobile img {
+
width:25px;
+
}
+
 
+
.igem_menu_control_mobile {
+
float:right;
+
padding-right:5%;
+
padding-top:5px;
+
text-align:right;
+
width: 30%;
+
}
+
 
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
/* CONTENT OF THE PAGE */
+
/**************************************************************************************************************************************************************************************************/
+
 
+
/* general wrapper for the content */
+
.igem_2018_team_content {
+
background-color:#e7e7e7;
+
display:block;
+
width: 100%;
+
}
+
 
+
/* subwrapper to center content */
+
.igem_2018_team_content .igem_2018_team_column_wrapper {
+
margin:auto;
+
max-width: 1920px;
+
width:100%;
+
}
+
 
+
 
+
 
+
/*general styling*/
+
/**************************************************************************************************************************************************************************************************/
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 310%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 290%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
+
 
+
 
+
/* styling for the titles h1, h2*/
+
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
+
border-bottom:0px;
+
color: #635d5d;
+
font-family: "Arial Black", Gadget, sans-serif;
+
padding: 10px 0px;
+
}
+
 
+
/* styling for the titles h3, h3, h5, h6 */
+
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
+
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
+
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
+
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {
+
border-bottom:0px;
+
color: #928b8b; 
+
font-family: "Arial Black", Gadget, sans-serif;
+
padding: 5px 0px;
+
}
+
 
+
/* text */
+
.igem_2018_team_content .igem_2018_team_column_wrapper p {
+
font-size: 100%;
+
font-family: Arial, Helvetica, sans-serif;
+
padding: 5px 0px;
+
text-align: left;
+
color: #888888;
+
 
+
}
+
 
+
/* Links */
+
.igem_2018_team_content .igem_2018_team_column_wrapper a {
+
color: #5c5c5c;
+
font-weight: normal;
+
text-decoration: none;
+
text-decoration-color: #5bc7d8;
+
transition: all 0.4s ease;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
}
+
 
+
/* hover for the links */
+
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
+
color: #FFFFFF;
+
text-decoration: none;
+
}
+
 
+
 
+
/* Table */
+
.igem_2018_team_content .igem_2018_team_column_wrapper table {
+
border: 0px solid #928b8b;
+
border-collapse: collapse;
+
font-size: 130%;
+
width: 100%;
+
        background-color:#adadad;
+
 
+
}
+
 
+
/* table cells */
+
.igem_2018_team_content .igem_2018_team_column_wrapper td {
+
border: 0px solid #c4baba;
+
border-collapse: collapse;
+
font-size: 78%;
+
padding: 10px;
+
vertical-align: text-top;
+
color: #5C5C5C;
+
}
+
 
+
/* table headers */
+
.igem_2018_team_content .igem_2018_team_column_wrapper th {
+
background-color:#c4baba;
+
border: 1px solid #928b8b;
+
border-collapse: collapse;
+
font-size: 110%;
+
padding: 10px;
+
vertical-align: text-top;
+
}
+
 
+
 
+
 
+
/* non numbered lists */
+
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
+
font-size: 130%;
+
font-family: Arial, Helvetica, sans-serif;
+
padding:0px 20px;
+
}
+
 
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
 
+
 
+
 
+
/*layout classes*/
+
/**************************************************************************************************************************************************************************************************/
+
 
+
/*main layout class */
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
+
float:left;
+
margin: 1% 2%;
+
padding: 0px;
+
}
+
 
+
/* 100% */
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
 
+
/* 66% */
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
 
+
/* 33% */
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
 
+
 
+
 
+
 
+
/*styling for all images*/
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
+
margin-bottom: 15px;
+
width: 100%;
+
}
+
 
+
 
+
/* page break */
+
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
+
clear:both;
+
}
+
/*add extra space to page break with clear class*/
+
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
+
height: 30px;
+
}
+
 
+
/* horizontal line to divide the page*/
+
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
+
    border-top: 1px solid #c4baba;
+
  margin: auto;
+
  width: 98%;
+
}
+
 
+
 
+
 
+
+
/*support classes*/
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
/*Button  */
+
/************************************************/
+
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
+
font-size: 130%;
+
margin: 30px auto;
+
text-align: center;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
+
background-color: #5bc7d8;
+
color: #635d5d !important;
+
font-weight: bold;
+
margin: auto;
+
text-decoration: none !important;
+
padding: 10px 15px;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
+
background-color: #f8b732 !important; 
+
}
+
 
+
 
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
+
padding: 15px 20px;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
+
padding: 5px 15px;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
+
background-color: #e4dede;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
+
    border-top: 4px solid #5bc7d8;
+
}
+
 
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
+
    border: 4px solid #5bc7d8;
+
}
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
+
    border-top: 4px solid #f8b732
+
}
+
 
+
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
+
    border: 4px solid #f8b732;
+
}
+
 
+
 
+
 
+
 
+
/*mobile*/
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
/* 1800px  */
+
/************************************************/
+
@media only screen and (max-width: 1800px) {
+
.igem_2018_team_content {
+
width: 100%;
+
}
+
.igem_2018_team_menu {display:block;}
+
}
+
 
+
/* 1400px  */
+
/************************************************/
+
@media only screen and (max-width: 1400px) {
+
.igem_2018_team_menu .menu_item { font-size:100%;}
+
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
+
.igem_2018_team_menu {display:block;}
+
}
+
 
+
@media only screen and (max-width: 1001px) {
+
.igem_2018_team_menu {display:block;}
+
}
+
 
+
/* 1000px  */
+
/************************************************/
+
@media only screen and (max-width: 1000px) {
+
.igem_2018_team_content {width:100%; margin-left:0px;}
+
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
+
.igem_2018_team_mobile_bar {display:block;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
+
 
+
}
+
 
+
 
+
@media only screen and (max-width: 500px) {
+
.igem_2018_team_menu {min-width:100%; width:100%; }
+
}
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
 
+
 
+
 
+
 
+
 
+
 
+
@media (max-width: 1920px){
+
}
+
 
+
    .submenu{
+
width:240px;
+
 
+
    }
+
+
    .submenu ul{
+
        width:240px;
+
 
+
    }
+
    .submenu li{
+
width: 240px;
+
 
+
    }
+
       
+
nav {
+
    width: 1920px;
+
     
+
    text-align:center;
+
   
+
}
+
    nav:link{
+
    color:#666666;   
+
    }
+
nav ul {
+
border-radius: 0px;
+
padding: 0 20px;
+
display: block;
+
position: fixed;
+
background-color: #adadad;
+
top: 15px;
+
}
+
nav ul ul {
+
    display:none;
+
}
+
nav ul li {
+
    float:left;
+
    font-size: 20px;
+
    line-height: 50px;
+
 
+
}
+
nav ul::after {
+
    content:"";
+
    display:block;
+
    clear:both;
+
}
+
nav ul li a {
+
display: block;
+
    width: 240px;
+
color: #666666;
+
text-decoration: none;
+
font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
+
   
+
}
+
nav ul li:hover > ul {
+
    display:block;
+
}
+
nav ul li:hover {
+
background:#5f6975;
+
}
+
nav ul li:hover a {
+
    color:#FFF;
+
}
+
nav ul ul {
+
    background:#5f6975;
+
    border-radius:0;
+
    position:absolute;
+
    top:100%;
+
    padding:0;
+
   
+
}
+
nav ul ul li {
+
    float:none;
+
 
+
 
+
}
+
nav ul ul li a {
+
    color:#FFF;
+
+
nav ul ul li a:hover {
+
    background:#4b545f;
+
}
+
nav ul ul ul {
+
    width:100%;
+
    position:absolute;
+
    left:100%;
+
    top:50%;
+
}
+
 
+
ul li{
+
list-style: none;
+
width: 240px;
+
    padding:0;
+
    margin:0;
+
}
+
 
+
 
+
 
+
</style>
+
 
+
 
+
 
+
 
+
 
+
 
+
<html>
+
<head>
+
<style type="text/css">
+
a:link {color: #666666} /* 未访问的链接 */
+
a:visited {color: #666666} /* 已访问的链接 */
+
a:hover {color: #666666} /* 鼠标移动到链接上 */
+
a:active {color: #666666} /* 选定的链接 */
+
ul.nav{
+
width: 999999px;
+
margin-left: -27px;
+
    }
+
    div.submenu_item{
+
 
+
    }
+
</style>
+
+
</head>
+
 
+
<body>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Menu --->
+
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------><body text="#666666" link="#666666" vlink="#666666" alink="#666666">
+
<body onresize=hero();>
+
 
+
 
+
 
+
<div class="igem_2018_team_mobile_bar">
+
+
<div class="igem_logo_mobile">
+
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
+
</div>
+
 
+
 
+
<div class="igem_menu_control_mobile">
+
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
+
</div>
+
 
+
</div>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page  --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
<div class="nav">
+
<nav>
+
        <ul class="nav">
+
            <li><a href="https://2018.igem.org/Team:Fudan-CHINA">
+
                  <div class="menu_item direct_link">
+
                      HOME
+
                  </div>
+
                  </a>
+
 
+
            </li>
+
            <li><a href="#">TEAM</a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li>                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Team">
+
                      <div class="submenu_item">
+
                        Team Members
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">
+
                      <div class="submenu_item">
+
                        Collaborations
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                 
+
                </ul>
+
           
+
            </li>
+
            <li><a href="#"><div class="menu_item">
+
 
+
                      PROJECT
+
                    </div>  </a>
+
                <ul>
+
                  <div class="submenu">
+
                 
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Description">
+
                      <div class="submenu_item">
+
                        Description
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Design">
+
                      <div class="submenu_item">
+
                        Design
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Experiments">
+
                      <div class="submenu_item">
+
                        Experiments
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Notebook">
+
                      <div class="submenu_item">
+
                        Notebook
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/InterLab">
+
                      <div class="submenu_item">
+
                        InterLab
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
+
                      <div class="submenu_item">
+
                        Model
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Results">
+
                      <div class="submenu_item">
+
                        Results
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate">
+
                      <div class="submenu_item">
+
                        Demonstrate
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Improve">
+
                      <div class="submenu_item">
+
                        Improve
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Attributions">
+
                      <div class="submenu_item">
+
                        Attributions
+
                      </div>
+
                      </a></li>
+
                    </div>
+
 
+
                </ul>
+
            </li>
+
            <li><a href="#"><div class="menu_item">
+
           
+
                    PARTS
+
                    </div></a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Parts">
+
                      <div class="submenu_item">
+
                        Parts Overview
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">
+
                      <div class="submenu_item">
+
                        Basic Parts
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">
+
                      <div class="submenu_item">
+
                        Composite Parts
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">
+
                      <div class="submenu_item">
+
                        Part Collection
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                </ul>
+
            </li>
+
            <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Safety"><div class="menu_item direct_link">
+
                    SAFETY
+
                  </div></a></li>
+
            <li><a href="#"><div class="menu_item">
+
             
+
                    HP
+
                    </div></a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">
+
                      <div class="submenu_item">
+
                        Human Practices
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">
+
                      <div class="submenu_item">
+
                        Education & Engagement
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                </ul>
+
               
+
            </li>
+
                        <li><a href="#"><div class="menu_item">
+
 
+
                    AWARDS
+
                    </div> </a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design">
+
                      <div class="submenu_item">
+
                        Applied Design
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Entrepreneurship">
+
                      <div class="submenu_item">
+
                        Entrepreneurship
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Hardware">
+
                      <div class="submenu_item">
+
                        Hardware
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Measurement">
+
                      <div class="submenu_item">
+
                        Measurement
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
+
                      <div class="submenu_item">
+
                        Model
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Plant">
+
                      <div class="submenu_item">
+
                        Plant
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Software">
+
                      <div class="submenu_item">
+
                        Software
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                </ul>
+
                <li><a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA"><div class="menu_item direct_link">
+
                    JUDGING FORM
+
                  </div></a></li>
+
            </li>
+
        </ul>
+
    </nav>
+
    </div>
+
</body>
+
</html>
+

Latest revision as of 08:58, 17 October 2018