Difference between revisions of "Team:BIT-China/Proof"

Revision as of 14:21, 13 October 2016

Proof

@@ Line 1: / Line 1: @@
 {{BIT-China}}
 <html>
+<head>
+    <style>
-<div class="column full_size judges-will-not-evaluate">
+#mw-content-text{
-<h3>★  ALERT! </h3>
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">gold medal criterion for proof of concept</a>. </p>
+    font-size: 14px;
+    line-height: 1.42857143;
+}
+#mw-content-text>p{
+    position:absolute;
+    top:-100%;
+}
+.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+    margin: 0;
+    padding: 0;
+}
-<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
-</div>
+.footer-widgets .widget-title {
+    margin-top: 0;
+    margin-bottom: 43px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    position: relative;
+}
+        .nav_left_ul{
+            list-style: none;
+            padding-left: 50px;
+        }
+        .nav_left_ul>li{
+            position: relative;
+            margin-top: -15px;
+        }
+        .nav_left_ul>li:nth-child(1){
+            margin-top: -14px;
+        }
+        .nav_left_txt{
+            word-break: keep-all;
+            white-space: nowrap;
+            height: 70px;
+            line-height: 70px;
+            top: 8px;
+            left: 0;
+            width:100%;position:absolute;
+            color: #FFFFFF;
+            font-weight: bold;text-align: center;font-size: 14px;
+        }
-<div class="column full_size">
+        .nav_left_txt_plus{
+            height: 60px;
+            line-height: 60px;
+            top: 5px;
+            right: 0;
+            width:60%;position:absolute;
+            text-align: center;
+            color: #FFFFFF;
+            font-weight: bold;font-size: 8px;
+            white-space: nowrap;
+        }
+        .content-title{
+            width: 100%;
+            text-align: center;
+            font-size: 2.5em;
+        }
-<p>
+        .block-title{
-iGEM teams are great at making things work! We value teams not only doing an incredible job with theoretical models and experiments, but also in taking the first steps to make their project real.
+            margin-top: 20px;
-</p>
+            padding-bottom: 10px;
+            width: 100%;
+            text-align: center;
+            font-size: 2em;
+        }
+        .problem-title{
+            font-size: 1.5em;
+        }
-<h4> What should we do for our proof of concept? </h4>
+        .problem-txt div{
-<p>
+            margin-top: 1em;
-You can assemble a device from BioBricks and show it works. You could build some equipment if you're competing for the hardware award. You can create a working model of your software for the software award. Please note that this not an exhaustive list of activities you can do to fulfill the gold medal criterion. As always, your aim is to impress the judges!
+        }
-</p>
-</div>
+        .block-content-header{
+            display: inline-block;
+            margin-top: 10px;
+            margin-bottom: 20px;
+            font-weight: bolder;
+        }
+        .block-content-sub-header{
+            display: inline-block;
+            font-style: italic;
+            margin-top: 5px;
+            margin-bottom: 15px;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+<div class="col-sm-12 clearfix" style="padding: 0;padding-top:30px;
+background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
+    <div class="content-right" style="float: left;width:100%;padding: 10px;">
+        <div style="margin-left:220px;background: white;margin-top: 0.5em;margin-bottom:0.5em;padding: 1px;border-radius: 10px">
+            <div class="overview-content" style="border:1px dashed #F08B1F;
+            border-radius: 10px;margin: 0.5em;padding: 10px;">
+                <div class="content-title">
+                    Proof
+                    <!--<img src="https://static.igem.org/mediawiki/2016/3/30/T&#45;&#45;BIT-China&#45;&#45;Project&#45;&#45;Design&#45;&#45;title.png"-->
+                    <!--alt="title" class="col-sm-8 col-sm-offset-2">-->
+                    <!--<br>-->
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="nav-left slow-transition" id="nav_left_wrapper"  style="float: left;margin-left:-100%;width: 200px;">
+        <div class="nav-left-title" style="position:relative;width: 200px;padding: 0;">
+            <img src="https://static.igem.org/mediawiki/2016/4/43/T--BIT-China--img--nav_left_top.png" alt="nav_left_top" style="width: 100%;">
+            <span style="color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;
+        right: 40px;bottom: 20px;">Proof</span>
+        </div>
+        <ul class="nav_left_ul" style="padding-left: 50px;">
+            <li>
+                <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--nav_left_c1.png"
+                     alt="c1" style="width: 100%;height: 70px;">
+                <a href="#equipments" class="nav_point">
+                    <span class="nav_left_txt"></span></a>
+            </li>
+            <li>
+                <img src="https://static.igem.org/mediawiki/2016/9/9d/T--BIT-China--img--nav_left_c3.png"
+                     alt="c1" style="width: 100%;height: 70px;">
+                <a href="#materials" class="nav_point">
+                    <span class="nav_left_txt" ></span></a>
+            </li>
+        </ul>
+        <!--相邻页面切换按钮-->
+        <div class="slow-transition" id="site-change-btn"
+             style="position: absolute;left: 20px;bottom: 20px;z-index:9;display: none;">
+            <a href="https://2016.igem.org/Team:BIT-China/E_M">
+        <span style="color: #654D6F;font-weight: bold;font-size: 12px">
+            <i class="fa fa-angle-double-left" aria-hidden="true"></i>E & M</span>
+            </a>
+            <img src="https://static.igem.org/mediawiki/2016/a/ab/T--BIT-China--img--page_change_left.png"
+                 alt="page_change" style="width: 40px;height: auto;">
+        </div>
+    </div>
 </div>
+</body>
 </html>
+{{BIT-China/footer}}