|
|
| (28 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*/
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | * {
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | text-align: center;
| |
| − | }
| |
| − | img {
| |
| − | border:none;
| |
| − | }
| |
| − | input, textarea{
| |
| − | outline:none;}
| |
| − | ul li {
| |
| − | list-style:none;
| |
| − | }
| |
| − | a {
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | display:block;
| |
| − | font-weight:normal;
| |
| − | }
| |
| − | body {
| |
| − | font-size: 15px;
| |
| − | font-family: "myriad Pro";
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/7/79/Nankai_Model_Body_bg.png);
| |
| − | background-position: 0 0;
| |
| − | background-repeat: repeat;
| |
| − | background-color: #F4F4F4;
| |
| − | layer-background-color: white;
| |
| − | }
| |
| − | .center_frame {
| |
| − | width:960px;
| |
| − | margin:0 auto;
| |
| − | }
| |
| − | .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
| |
| − | /*===================================== HEADER CSS ============================*/
| |
| − |
| |
| − |
| |
| − | #main_contant {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | #main_contant h2 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | background-image:url(https://static.igem.org/mediawiki/2015/9/9f/Nankai_Model_Title_bg.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:repeat-x;
| |
| − | height:79px;
| |
| − | text-align:center;
| |
| − | line-height:79px;
| |
| − | color:#555555;
| |
| − | font-family: 'existence_lightregular';
| |
| − | font-size:48px;
| |
| − | font-weight:normal;
| |
| − | margin:30px 0px 15px 0px;
| |
| − | }
| |
| − | #main_contant .box_1, #main_contant .box_3, #main_contant .box_2 {
| |
| − | float:left;
| |
| − | width:960px;
| |
| − | -moz-box-shadow: 5px 5px 5px #f3f3f4;
| |
| − | -webkit-box-shadow: 5px 5px 5px #f3f3f4;
| |
| − | box-shadow: 5px 5px 5px #f3f3f4;
| |
| − | border:1px solid #d8d8d8;
| |
| − | margin-bottom:25px;
| |
| − | height:324px;
| |
| − | }
| |
| − | .text {
| |
| − | float:left;
| |
| − | width:424px;
| |
| − | margin-left:-43px;
| |
| − | }
| |
| − | #main_contant .box_1 .img_1 {
| |
| − | float:left;
| |
| − | display:block;
| |
| − | }
| |
| − | #main_contant .box_3 .img_1 {
| |
| − | float:left;
| |
| − | display:block;
| |
| − | }
| |
| − | #main_contant .box_1 h6, #main_contant .box_2 h6, #main_contant .box_3 h6 {
| |
| − | float:left;
| |
| − | width:424px;
| |
| − | color:#48a31b;
| |
| − | font-size:37px;
| |
| − | font-family: 'existence_lightregular';
| |
| − | margin-top:60px;
| |
| − | }
| |
| − | #main_contant .box_1 h5, #main_contant .box_2 h5, #main_contant .box_3 h5 {
| |
| − | float:left;
| |
| − | width:424px;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:20px;
| |
| − | color:#2c2c2c;
| |
| − | }
| |
| − | #main_contant .box_1 p, #main_contant .box_2 p, #main_contant .box_3 p {
| |
| − | float:left;
| |
| − | width:424px;
| |
| − | line-height:26px;
| |
| − | color:#555555;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:15px;
| |
| − | }
| |
| − | #main_contant .box_1 a, #main_contant .box_2 a, #main_contant .box_3 a {
| |
| − | float:left;
| |
| − | margin-top:30px;
| |
| − | width:83px;
| |
| − | height:31px;
| |
| − | background-image:url(https://static.igem.org/mediawiki/2015/c/cd/Nankai_Model_More_info.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #main_contant .box_1 a:hover, #main_contant .box_2 a:hover, #main_contant .box_3 a:hover {
| |
| − | background-image:url(https://static.igem.org/mediawiki/2015/f/f8/Nankai_Model_More_info_hover.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #main_contant .box_1 .main_img_1 {
| |
| − | float:right;
| |
| − | margin-right:70px;
| |
| − | }
| |
| − | #main_contant .box_3 .main_img_3 {
| |
| − | float:right;
| |
| − | margin:20px 20px 0px 0px;
| |
| − | }
| |
| − | #main_contant .box_2 .main_img_2 {
| |
| − | float:left;
| |
| − | margin-left:50px;
| |
| − | }
| |
| − | #main_contant .box_2 .img_2 {
| |
| − | float:right;
| |
| − | }
| |
| − | .text_2 {
| |
| − | float:right;
| |
| − | width:424px;
| |
| − | margin-right:-30px;
| |
| − | }
| |
| − |
| |
| − | /*===================================== PROJECT PAGE CSS ======================*/
| |
| − | #project_84 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | #project_84 h1 {
| |
| − | float:left;
| |
| − | width:700px;
| |
| − | font-family: 'existence_lightregular';
| |
| − | font-size:35px;
| |
| − | color:#bfc2c7;
| |
| − | line-height:42px;
| |
| − | }
| |
| − | #project_84 h1 strong {
| |
| − | color:#ffffff;
| |
| − | }
| |
| − | #project_84 .proj_sign {
| |
| − | float:right;
| |
| − | background-image:url(../images/sign_up_sprit.png);
| |
| − | background-position: left top;
| |
| − | background-repeat:no-repeat;
| |
| − | width:207px;
| |
| − | height:76px;
| |
| − | }
| |
| − | #project_84 .proj_sign:hover {
| |
| − | background-image:url(../images/sign_up_sprit.png);
| |
| − | background-position:left -86px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #proj_process {
| |
| − | float:left;
| |
| − | width:820px;
| |
| − | margin-top:80px;
| |
| − | background-image:url(../images/header_shade_bg.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:repeat-x;
| |
| − | height:161px;
| |
| − | padding:35px 70px 0px;
| |
| − | }
| |
| − | #project_84 .proj_process {
| |
| − | float:left;
| |
| − | width:184px;
| |
| − | }
| |
| − | #project_84 .proj_process .subject_brain {
| |
| − | float:left;
| |
| − | background-image:url(../images/header_project84_img.png);
| |
| − | background-position: 0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | width:184px;
| |
| − | height:65px;
| |
| − | }
| |
| − | #project_84 .proj_process p {
| |
| − | float:left;
| |
| − | width:184px;
| |
| − | text-align:center;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:16px;
| |
| − | color:#ffffff;
| |
| − | margin-top:30px;
| |
| − | }
| |
| − | .arrwo_bg {
| |
| − | float:left;
| |
| − | width:133px;
| |
| − | height:65px;
| |
| − | background-image:url(../images/header_project84_img.png);
| |
| − | background-position: -184px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #project_84 .proj_process .lens_eve {
| |
| − | float:left;
| |
| − | background-image:url(../images/header_project84_img.png);
| |
| − | background-position: -320px top;
| |
| − | background-repeat:no-repeat;
| |
| − | width:184px;
| |
| − | height:65px;
| |
| − | }
| |
| − | #project_84 .proj_process .safe_fast {
| |
| − | float:left;
| |
| − | background-image:url(../images/header_project84_img.png);
| |
| − | background-position: -638px 0;
| |
| − | background-repeat:no-repeat;
| |
| − | width:184px;
| |
| − | height:65px;
| |
| − | }
| |
| − | #wrapper_top_project {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | background-image:url(../images/white_texture.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:repeat;
| |
| − | height:491px;
| |
| − | }
| |
| − | /*=====================================TAB CONTANT CSS========================*/
| |
| − | #tab_contant {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | #tab_contant .tab_display {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | #tab_contant .tab_display img {
| |
| − | float:left;
| |
| − | }
| |
| − | #tab_contant .tab_display .tab_right_side {
| |
| − | float:right;
| |
| − | width:480px;
| |
| − | margin-top:10px;
| |
| − | }
| |
| − | .tab_right_side h1 {
| |
| − | float:left;
| |
| − | color:#101010;
| |
| − | font-size:45px;
| |
| − | font-family: 'existence_lightregular';
| |
| − | }
| |
| − | .tab_right_side h6 {
| |
| − | float:left;
| |
| − | color:#000000;
| |
| − | font-size:18px;
| |
| − | margin:10px 0px;
| |
| − | font-family: 'myriad_pro_lightbold';
| |
| − | width:480px;
| |
| − | }
| |
| − | .tab_right_side p {
| |
| − | float:left;
| |
| − | color:#515151;
| |
| − | font-size:14px;
| |
| − | font-family: "myriad Pro";
| |
| − | text-align:justify;
| |
| − | line-height:23px;
| |
| − | width:470px;
| |
| − | }
| |
| − | .nav_tab {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | .nav_tab li a {
| |
| − | display: block;
| |
| − | float:left;
| |
| − | padding:26px 0px;
| |
| − | }
| |
| − | .tabs_nav {
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | .tabs_nav:before, .tabs_nav:after {
| |
| − | display: table;
| |
| − | content: "";
| |
| − | }
| |
| − | .tabs_nav li {
| |
| − | float: left;
| |
| − | width:140px;
| |
| − | margin:0px 10px;
| |
| − | height:150px;
| |
| − | }
| |
| − | .tabs_nav li a {
| |
| − | float:left;
| |
| − | font-size:14px;
| |
| − | color:#8f8f8f;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_1, .tabs_nav li a .tab_img_2, .tabs_nav li a .tab_img_3, .tabs_nav li a .tab_img_4, .tabs_nav li a .tab_img_5, .tabs_nav li a .tab_img_6 {
| |
| − | float:left;
| |
| − | width:120px;
| |
| − | height:60px;
| |
| − | margin-bottom:20px;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_1 {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img.png);
| |
| − | background-position:37px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_1:hover, ui-state-active {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img-hover.png);
| |
| − | background-position:37px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_2 {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img.png);
| |
| − | background-position:-123px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_2:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img-hover.png);
| |
| − | background-position:-123px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_3 {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img.png);
| |
| − | background-position:-288px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_3:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img-hover.png);
| |
| − | background-position:-288px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_4 {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img.png);
| |
| − | background-position:-438px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_4:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img-hover.png);
| |
| − | background-position:-438px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_5 {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img.png);
| |
| − | background-position:-605px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_5:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img-hover.png);
| |
| − | background-position:-605px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_6 {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img.png);
| |
| − | background-position:-761px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | .tabs_nav li a .tab_img_6:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/project_tab_img-hover.png);
| |
| − | background-position:-761px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .site-footer {
| |
| − | position: relative;
| |
| − | z-index: 11;
| |
| − | padding: 14px 0;
| |
| − | background: transparent;
| |
| − | margin-top: 30px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | 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}}
| |