Difference between revisions of "Team:Peking/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peking}}
 
 
<html>
 
<html>
  
 +
<head>
 +
<style>
 +
            #home_logo, #sideMenu {
 +
            display: none;
 +
        }
  
 +
        #sideMenu, #top_title, .patrollink {
 +
            display: none;
 +
        }
  
−
<div class="column full_size judges-will-not-evaluate">
+
        #content {
−
<h3>★  ALERT! </h3>
+
            width: 100%;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
            padding: 0px;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
            margin-top: 0px;
−
</div>
+
            margin-left: 0px;
 +
            margin-right: 0px;
 +
        }
  
 +
        body {
 +
            background-color: #FAFAFA;
 +
        !important;
 +
        }
  
−
<div class="clear"></div>
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
a:link {
 +
                        text-decoration: none;
 +
                    }
  
 +
                    a:visited {
 +
                        text-decoration: none;
 +
                    }
  
 +
                    a:active {
 +
                        text-decoration: none;
 +
                    }
  
−
<div class="column full_size">
+
                    a:hover {
−
<h1>Demonstrate</h1>
+
                    }
−
<h3>Gold Medal Criterion #4</h3>
+
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
  
−
<p>
+
.dropdown {
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
    position: relative;
−
</p>
+
    display: inline-block;
 +
}
  
−
<p>
+
.dropdown-content {
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
    display: none;
−
</p>
+
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 140px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
  
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
.dropdown:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
} 
 +
u{ text-decoration:none}
 +
a{ text-decoration:none}
 +
 +
 +
 +
 +
/*Major body*/
 +
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;}
 +
#LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;}
 +
#Content{position:absolute; left:200px;}
 +
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
 +
#ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;}
 +
.Left>a {color:#ffffff; text-decoration:none;}
 +
.Left:hover >a{color:#999999;}
 +
 +
 +
/*end of Major body*/
 +
#AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;}
 +
 +
 +
 +
 +
 +
 +
    </style>
 +
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css">
 +
 +
 +
 +
</head>
 +
 +
<body>
 +
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 +
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
 +
        <div class="mdl-layout__header-row">
 +
            <!-- Title -->
 +
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
 +
              style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a>
 +
            <a href="https://2018.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation. We hide it in small screens. -->
 +
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 +
 +
    <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
 +
    style="color: #000; font-weight: 500;">Home</a>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project"><b>Project</b></a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Description">Description</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Design">Design</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Demonstrate">Demonstrate</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Future_Plan">Future Plan</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Results">Data Page</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Phase_Separation_D">Phase Separation</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Function_D">Function</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Model">Model</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Phase_Separation_M">Phase Separation</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Function_M">Function</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Software">Software</a></span></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/HumanPractices">Human Practices</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Public_Engagement">Public Engagement</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team">Team</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Team">Team Members</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Attributions">Attributions</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Safety">Safety</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Notebook">Notebook</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Experiments">Experiments</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Collaborations">Collaborations</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Acknowledgement">Acknowledgement</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/InterLab">InterLab</a>
 +
                </div></div>
 +
                <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Parts">Parts</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Improve">Improve</a>
 +
                </div></div>
 +
            <span>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</span></div>
 +
            </nav>
 +
        </div>
 +
    </header>
  
 
</div>
 
</div>
  
  
 +
<!--MajorBody-->
 +
<div id="MajorBody"> 
 +
    <div id="LeftNavigation">
 +
          <ul id="ProjectList">
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Project"><b>Project</b></a></li><br/><br/>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Description">&#160;&#160;&#160;&#160;Description</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Design">&#9674;&#160;&#160;&#160;Design</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Demonstrate">>&#160;&#160;&#160;Demonstrate</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Future_Plan">&#9674;&#160;&#160;&#160;Future Plan</a><li>
 +
                </ul>
 +
    </div>
 +
   
  
 +
<div class="two_thirds_size" >
 +
<p>Welcome to our wiki!</p>
 +
 +
</div>
 +
<div id="Content">
 +
Description
 +
</div>
 +
</div>
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 18:44, 3 October 2018

Peking iGEM 2018