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

Revision as of 14:26, 13 October 2016

Engagement

@@ Line 1: / Line 1: @@
 {{BIT-China}}
 <html>
+<head>
+    <style>
+#mw-content-text{
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 14px;
+    line-height: 1.42857143;
+}
+#mw-content-text>p{
+    position:absolute;
+    top:-100%;
+}
-<div class="column full_size judges-will-not-evaluate">
+.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
-<h3>★  ALERT! </h3>
+    margin: 0;
-<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Engagement award</a>. </p>
+    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>
+.footer-widgets .widget-title {
-</div>
+    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>Do you want to be considered for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Engagement award</a>? Help the judges consider your team for this award by describing your work on this page.</p>
+        .block-title{
-</div>
+            margin-top: 20px;
+            padding-bottom: 10px;
+            width: 100%;
+            text-align: center;
+            font-size: 2em;
+        }
+        .problem-title{
+            font-size: 1.5em;
+        }
+        .problem-txt div{
+            margin-top: 1em;
+        }
-<p>Here are two examples of excellent Education and Public Engagement from 2015:</p>
+        .block-content-header{
-<ul>
+            display: inline-block;
-<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement"> UFMG Brazil 2015</a></li>
+            margin-top: 10px;
-<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> William and Mary 2015</a></li>
+            margin-bottom: 20px;
-</ul>
+            font-weight: bolder;
+        }
-</div>
+        .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">
+                    Engagement
+                    <!--<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: 10px;bottom: 20px;">Engagement </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}}