|
|
| (51 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html xmlns="http://www.w3.org/1999/xhtml">
| |
| − | <head>
| |
| − | <script>
| |
| − | document.styleSheets[0].disabled = true
| |
| − | </script>
| |
| | | | |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <title>Power House</title>
| |
| − |
| |
| − | <!--[if IE 7]><link rel="stylesheet" media="all" type="text/css" href="css/ie7.css" />
| |
| − | <![endif]-->
| |
| − | <!--[if IE 8]><link rel="stylesheet" media="all" type="text/css" href="css/ie8.css" />
| |
| − | <![endif]-->
| |
| − | <link href="https://2015.igem.org/Team:Nankai/Modeling/stylesheet.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
| |
| − | <!--slidercss-->
| |
| − | <link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Modeling/basic-jquery-slider.css?action=raw&ctype=text/css" />
| |
| − |
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Modeling/jquery-1.6.2.min.js?action=raw&ctype=text/javascript" type="text/javascript" language="javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Modeling/basic-jquery-slider.js?action=raw&ctype=text/javascript" type="text/javascript" language="javascript"></script>
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Modeling/custom.js?action=raw&ctype=text/javascript" language="javascript"></script>
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Modeling/input.js?action=raw&ctype=text/javascript" language="javascript"></script>
| |
| − | <!-- Attach the plug-in to the slider parent element and adjust the settings as required -->
| |
| − | <script type="text/javascript" language="javascript">
| |
| − | $(document).ready(function() {
| |
| − |
| |
| − | $('#banner').bjqs({
| |
| − | 'animation' : 'slide',
| |
| − | 'width' : 960,
| |
| − | 'height' : 450
| |
| − | });
| |
| − |
| |
| − | });
| |
| − | </script>
| |
| − | <script type="text/javascript" src="js/pie.js" language="javascript"></script>
| |
| − | <style type="text/css">
| |
| − | /*Clear existing style*/
| |
| − |
| |
| − |
| |
| − | #contentSub, #menubar, #footer-box, #siteSub, #catlinks,
| |
| − |
| |
| − | #search-controls, #p-logo, .printfooter, .firstHeading,
| |
| − |
| |
| − | .visualClear {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | html, body {
| |
| − | width: auto !important;
| |
| − | /*overflow-x: hidden !important;*/
| |
| − | height: 100% !important;
| |
| − |
| |
| − | }
| |
| − | /*End claer*/
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .person_icon h5 {
| |
| − | float:left;
| |
| − | width:74px;
| |
| − | }
| |
| − | .person_icon img {
| |
| − | float:left;
| |
| − | }
| |
| − | .person_icon span {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | font-size:11px;
| |
| − | font-family:"myriad Pro";
| |
| − | color:#3461d3;
| |
| − | margin:4px 0px 2px;
| |
| − | font-weight:700;
| |
| − | }
| |
| − | .person_icon em {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | font-style:normal;
| |
| − | font-size:11px;
| |
| − | font-family:"myriad Pro";
| |
| − | color:#959595;
| |
| − | }
| |
| − | .person_icon a {
| |
| − | float:right;
| |
| − | font-size:12px;
| |
| − | font-family:"myriad Pro";
| |
| − | color:#3461d3;
| |
| − | margin-top:8px;
| |
| − | margin-right:20px;
| |
| − | }
| |
| − | .person_comment {
| |
| − | float:left;
| |
| − | background-color:#e9e9e9;
| |
| − | padding:15px;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:13px;
| |
| − | color:#5d5d5d;
| |
| − | line-height:26px;
| |
| − | border:solid 1px #cccccc;
| |
| − | -moz-border-radius: 15px;
| |
| − | -webkit-border-radius: 15px;
| |
| − | border-radius: 15px;
| |
| − | width:79%;
| |
| − | margin-left:25px;
| |
| − | }
| |
| − | .person_comment .comment_tooltip {
| |
| − | float:left;
| |
| − | position:relative;
| |
| − | margin-left:-30px;
| |
| − | }
| |
| − | .leve_margin {
| |
| − | margin-left:110px;
| |
| − | }
| |
| − | .short_width {
| |
| − | width:75%;
| |
| − | }
| |
| − | #comment_form {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:40px;
| |
| − | }
| |
| − | #comment_form h2 {
| |
| − | float:left;
| |
| − | font-family:"myriad Pro";
| |
| − | font-weight:bold;
| |
| − | font-size:20px;
| |
| − | color:#373737;
| |
| − | }
| |
| − | #comment_form form {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:35px;
| |
| − | }
| |
| − | #comment_form form input.comment_name, #comment_form form input.comment_email, #comment_form form textarea.coment_message {
| |
| − | background:none;
| |
| − | border:none;
| |
| − | padding-left:60px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:14px;
| |
| − | margin-bottom:10px;
| |
| − | font-size:16px;
| |
| − | font-family:"myriad Pro";
| |
| − | color:#292929;
| |
| − | }
| |
| − | #comment_form form input.comment_name {
| |
| − | float:left;
| |
| − | width:300px;
| |
| − | background-image:url(../images/leave_name.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #comment_form form input.comment_email {
| |
| − | float:left;
| |
| − | width:300px;
| |
| − | background-image:url(../images/leave_email.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #comment_form form textarea.coment_message {
| |
| − | float:left;
| |
| − | width:612px;
| |
| − | height:105px;
| |
| − | background-image:url(../images/leave_message.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #comment_form form input[type="submit"] {
| |
| − | float:left;
| |
| − | border:none;
| |
| − | background:none;
| |
| − | width:298px;
| |
| − | height:45px;
| |
| − | margin-top:3px;
| |
| − | line-height:42px;
| |
| − | background-image:url(../images/leave_post_comment.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | color:#fff;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:20px;
| |
| − | font-weight:bold;
| |
| − | cursor:pointer;
| |
| − | }
| |
| − | #comment_form form input[type="submit"]:hover {
| |
| − | background-image:url(../images/leave_post_comment_hover.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #page_navigation .leave_back {
| |
| − | float:right;
| |
| − | margin-right:315px;
| |
| − | width:138px;
| |
| − | height:37px;
| |
| − | background-image:url(../images/leave_back.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | margin-top:35px;
| |
| − |
| |
| − | }
| |
| − | #page_navigation .leave_back:hover {
| |
| − | float:right;
| |
| − | margin-right:315px;
| |
| − | width:138px;
| |
| − | height:37px;
| |
| − | background-image:url(../images/leave_back_hover.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | margin-top:35px;
| |
| − |
| |
| − | }
| |
| − | /*===================================== EXTRA POST PAGE CSS ====================*/
| |
| − | #extra_page {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | #extra_slider {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | #extra_slider h1 {
| |
| − | float:left;
| |
| − | width:70%;
| |
| − | padding-bottom:15px;
| |
| − | background-image:url(../images/slider-bg.png);
| |
| − | background-repeat:repeat-x;
| |
| − | height:137px;
| |
| − | margin-top:-245px;
| |
| − | margin-left:50px;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:17px;
| |
| − | color:#fff;
| |
| − | padding-top:10px;
| |
| − | padding-left:10px;
| |
| − | line-height:21px;
| |
| − | z-index: 1;
| |
| − | position:absolute;
| |
| − |
| |
| − | }
| |
| − | #extra_slider h1 strong {
| |
| − | float:left;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:25px;
| |
| − | line-height:30px;
| |
| − | }
| |
| − | /*=====================================EXTRA POST PAGE TAB CSS========================*/
| |
| − |
| |
| − | #extra_content {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | background-image:url(../images/white_texture.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:repeat;
| |
| − | }
| |
| − | #extra_cat {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | padding:50px 0px 0px;
| |
| − | }
| |
| − | #extra_cat h1 {
| |
| − | float:left;
| |
| − | font-size:36px;
| |
| − | color:#000000;
| |
| − | font-family: 'existence_lightregular';
| |
| − | margin-left:10px;
| |
| − | }
| |
| − | /* Example Styles for Demo */
| |
| − | .extra_tab {
| |
| − | display: inline-block;
| |
| − | zoom:1;
| |
| − | *display:inline;
| |
| − | background: #eee;
| |
| − | border: solid 1px #999;
| |
| − | border-bottom: none;
| |
| − | -moz-border-radius: 4px 4px 0 0;
| |
| − | -webkit-border-radius: 4px 4px 0 0;
| |
| − | }
| |
| − | .extra_tab a {
| |
| − | font-size: 14px;
| |
| − | line-height: 2em;
| |
| − | display: block;
| |
| − | padding: 0 10px;
| |
| − | outline: none;
| |
| − | }
| |
| − | .extra_tab a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | .extra_tab.active {
| |
| − | background: #fff;
| |
| − | padding-top: 6px;
| |
| − | position: relative;
| |
| − | top: 1px;
| |
| − | border-color: #666;
| |
| − | }
| |
| − | .extra_tab a.active {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | .tab-container .panel-container {
| |
| − | float:left;
| |
| − | }
| |
| − | .panel-container {
| |
| − | margin-bottom: 10px;
| |
| − | float:left;
| |
| − | }
| |
| − | .etabs {
| |
| − | float:left;
| |
| − | margin-left:10px;
| |
| − | margin-top:30px;
| |
| − | width:950px;
| |
| − | }
| |
| − | .etabs li {
| |
| − | float:left;
| |
| − | margin-right:10px;
| |
| − | }
| |
| − | .etabs li a {
| |
| − | float:left;
| |
| − | background-image:url(../images/extra_tab_bg.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:repeat-x;
| |
| − | padding:0px 20px;
| |
| − | line-height:35px;
| |
| − | }
| |
| − | .etabs li a:hover, .etabs li.active {
| |
| − | background-image:url(../images/extra_tab_bg_hover.png);
| |
| − | background-repeat:repeat;
| |
| − | background-position:0 0;
| |
| − | }
| |
| − | .extra_tab_content {
| |
| − | float:left;
| |
| − | width:960px;
| |
| − | margin-top:35px;
| |
| − | }
| |
| − | .extra_tab_content li {
| |
| − | float:left;
| |
| − | width:300px;
| |
| − | margin:0px 10px;
| |
| − | background-color:#fff;
| |
| − | padding-bottom:20px;
| |
| − | margin-bottom:35px;
| |
| − | position:relative;
| |
| − | z-index:102;
| |
| − | }
| |
| − | .extra_tab_content li a {
| |
| − | float:left;
| |
| − | }
| |
| − | .extra_tab_content li a img {
| |
| − | float:left;
| |
| − | border-bottom:2px solid #8fd831;
| |
| − | position:relative;
| |
| − | z-index:2221;
| |
| − | }
| |
| − | .extra_tab_content li a img:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/extra_tab_hover.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | position:relative;
| |
| − | z-index:2222;
| |
| − | border-bottom:2px solid #000;
| |
| − | }
| |
| − | .extra_tab_content li strong {
| |
| − | float:left;
| |
| − | margin-top:20px;
| |
| − | margin-left:10px;
| |
| − | margin-bottom:5px;
| |
| − | font-size:14px;
| |
| − | color:#000000;
| |
| − | font-family: 'myriad_pro_lightbold';
| |
| − | }
| |
| − | .extra_tab_content li p {
| |
| − | float:left;
| |
| − | width:280px;
| |
| − | padding:0px 10px;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:13px;
| |
| − | color:#3a3a3a;
| |
| − | line-height:16px;
| |
| − | }
| |
| − | #extra_page_nav {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | #extra_page_nav ul {
| |
| − | float:left;
| |
| − | margin-left:10px;
| |
| − | margin-bottom:30px;
| |
| − | }
| |
| − | #extra_page_nav ul li {
| |
| − | float:left;
| |
| − | margin-right:10px;
| |
| − | }
| |
| − | #extra_page_nav ul li a {
| |
| − | float:left;
| |
| − | line-height:35px;
| |
| − | text-align:center;
| |
| − | color:#000;
| |
| − | padding:0px 15px;
| |
| − | background-image:url(../images/extra_tab_bg.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:repeat-x;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | ul.bjqs h1, ol.bjqs-markers li a {
| |
| − | behavior: url("js/PIE.htc") !important;
| |
| − | }
| |
| − | body {
| |
| − | font-size: 15px;
| |
| − | font-family: "myriad Pro";
| |
| − | background-position: 0 0;
| |
| − | background-repeat: repeat;
| |
| − | background-color: transparent;
| |
| − | layer-background-color:transparent;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − | </div>
| |
| − | <!--Header End Here-->
| |
| − | <!--slider start here-->
| |
| − |
| |
| − | <!--Wrapper Start Here-->
| |
| − | <div id="wrapper"><!--Top Wrapper End Here-->
| |
| − | <!--Main Contant Start Here-->
| |
| − | <div id="main_contant">
| |
| − | <div class="center_frame">
| |
| − | <h2>3 facts you should know about Project 84</h2>
| |
| − | <div class="box_1"> <img src="https://static.igem.org/mediawiki/2015/5/52/Nankai_Model_1_img.png" class="img_1" alt="" />
| |
| − | <div class="text">
| |
| − | <h6>Quick insertion</h6>
| |
| − | <h5>It just takes 1 hour to improve your life</h5>
| |
| − | <p>Come down to our clinic today and we will insert your new favourite toy into your brain and eye within just 1 hour and guaranteed life-long happiness will be yours.</p>
| |
| − | <a href="#"></a> </div>
| |
| − | <img src="https://static.igem.org/mediawiki/2015/d/db/Nankai_Model_Box_1.png" alt="" class="main_img_1" /> </div>
| |
| − | <div class="box_2"> <img src="https://static.igem.org/mediawiki/2015/9/94/Nankai_Model_Box_2.png" alt="" class="main_img_2" /> <img src="https://static.igem.org/mediawiki/2015/a/a7/Nankai_Model_2_img.png" alt="" class="img_2" />
| |
| − | <div class="text_2">
| |
| − | <h6>Just think it</h6>
| |
| − | <h5>Whatever you want to happen, happens</h5>
| |
| − | <p>Want to tweet that you were standing in line for ice cream and then accidentally farted in the boy's face behind you? All you have to do is think it! Our tech's so fast sometimes it posts before you even think it!</p>
| |
| − | <a href="#"></a> </div>
| |
| − | </div>
| |
| − | <div class="box_3"> <img src="https://static.igem.org/mediawiki/2015/9/99/Nankai_Model_3_img.png" class="img_1" alt="" />
| |
| − | <div class="text">
| |
| − | <h6>Fewer & fewer incidents</h6>
| |
| − | <h5>We take all the necessary precautions</h5>
| |
| − | <p>We are hard at work to bring safer methods of implementing chips into the brains of users. Over the past 4 months we have decreased the amount of incidents so you have almost nothing to fear!</p>
| |
| − | <a href="#"></a> </div>
| |
| − | <img src="https://static.igem.org/mediawiki/2015/1/1f/Nankai_Model_Box_3.png" alt="" class="main_img_3" /> </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- Main Contant End Here -->
| |
| − | </div>
| |
| − | <!--Wrapper End Here-->
| |
| − | </body>
| |
| − | </html>
| |
| − | {{Nankai}}
| |