|
|
| (29 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;
| |
| − | }
| |
| − | .tabs_nav {
| |
| − | }
| |
| − | .tabs_nav li {
| |
| − | margin-bottom: -1px;
| |
| − | }
| |
| − | .tabs_nav li a:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/tab_selected_bg.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | width:140px;
| |
| − | }
| |
| − | .tabs_nav .active a, .tabs_nav .active a:hover {
| |
| − | float:left;
| |
| − | background-image:url(../images/tab_selected_bg.png);
| |
| − | background-position:0 0;
| |
| − | background-repeat:no-repeat;
| |
| − | width:140px;
| |
| − | }
| |
| − | li {
| |
| − | line-height: 18px;
| |
| − | }
| |
| − | .tab-content.active {
| |
| − | display: block;
| |
| − | }
| |
| − | .tab-content.hide {
| |
| − | display: none;
| |
| − | }
| |
| − | /*=====================================PROJECT MAIN CONTANT CSS========================*/
| |
| − | #project_84_main_contant {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:100px;
| |
| − | }
| |
| − | #project_84_main_contant h1 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | font-size:59px;
| |
| − | color:#000000;
| |
| − | font-family: 'existence_lightregular';
| |
| − | margin-bottom:75px;
| |
| − | }
| |
| − | #some_features {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | padding-bottom:20px;
| |
| − | }
| |
| − | #some_features li {
| |
| − | float:left;
| |
| − | width:50%;
| |
| − | margin-bottom:30px;
| |
| − | }
| |
| − | #some_features li img {
| |
| − | float:left;
| |
| − | }
| |
| − | #some_features li .features_text {
| |
| − | float:left;
| |
| − | width:75%;
| |
| − | margin-left:3%;
| |
| − | }
| |
| − | #some_features li .features_text h6 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:22px;
| |
| − | color:#000000;
| |
| − | }
| |
| − | #some_features li .features_text h6 a {
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:12px;
| |
| − | color:#ffffff;
| |
| − | background-color:#66ce52;
| |
| − | padding:1px 3px;
| |
| − | font-weight:normal;
| |
| − | margin-left:15px;
| |
| − | margin-top:-2px !important;
| |
| − | float:right;
| |
| − | margin-right:50px;
| |
| − | }
| |
| − | #some_features li .features_text p {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:16px;
| |
| − | color:#525252;
| |
| − | line-height:22px;
| |
| − | margin-top:5px;
| |
| − | }
| |
| − | /*===================================== LOGIN PAGE CSS ========================*/
| |
| − | #login_detail {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | #login_detail form {
| |
| − | margin:50px auto;
| |
| − | width:308px;
| |
| − | }
| |
| − | #login_detail form h6 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | font-size:47px;
| |
| − | color:#ffffff;
| |
| − | font-family: 'existence_lightregular';
| |
| − | }
| |
| − | #login_detail form input.input_1 {
| |
| − | float:left;
| |
| − | width:248px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:15px;
| |
| − | border:none;
| |
| − | background:none;
| |
| − | padding-left:60px;
| |
| − | background-image:url(../images/login_sprit.png);
| |
| − | background-position:left top;
| |
| − | background-repeat:no-repeat;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | #login_detail form input.input_2 {
| |
| − | float:left;
| |
| − | width:248px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:15px;
| |
| − | border:none;
| |
| − | background:none;
| |
| − | padding-left:60px;
| |
| − | margin-top:5px;
| |
| − | background-image:url(../images/login_sprit.png);
| |
| − | background-position:left -49px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #login_detail form input[type="submit"] {
| |
| − | float:left;
| |
| − | width:308px;
| |
| − | margin-top:28px;
| |
| − | background:none;
| |
| − | cursor:pointer;
| |
| − | background-image:url(../images/login_sprit.png);
| |
| − | background-position:left -118px;
| |
| − | background-repeat:no-repeat;
| |
| − | height:55px;
| |
| − | border:none;
| |
| − | }
| |
| − | #login_detail form input[type="submit"]:hover {
| |
| − | background-image:url(../images/login_hover.png);
| |
| − | background-position:1px 3px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #login_detail form .forget, #login_detail form .not_yet {
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:11px;
| |
| − | color:#ffffff;
| |
| − | margin-top:15px;
| |
| − | }
| |
| − | #login_detail form .forget {
| |
| − | float:left;
| |
| − | }
| |
| − | #login_detail form .not_yet {
| |
| − | float:right;
| |
| − | }
| |
| − | /*===================================== REGISTER PAGE CSS =====================*/
| |
| − | #register_details {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | }
| |
| − | #register_details form {
| |
| − | margin:50px auto;
| |
| − | width:308px;
| |
| − | }
| |
| − | #register_details form h6 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | font-size:47px;
| |
| − | color:#ffffff;
| |
| − | font-family: 'existence_lightregular';
| |
| − | }
| |
| − | #register_details form input.input_1 {
| |
| − | float:left;
| |
| − | width:248px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:15px;
| |
| − | border:none;
| |
| − | background:none;
| |
| − | padding-left:60px;
| |
| − | background-image:url(../images/login_sprit.png);
| |
| − | background-position:left top;
| |
| − | background-repeat:no-repeat;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | #register_details form input.input_2 {
| |
| − | float:left;
| |
| − | width:248px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:15px;
| |
| − | border:none;
| |
| − | background:none;
| |
| − | padding-left:60px;
| |
| − | margin-top:5px;
| |
| − | background-image:url(../images/login_sprit.png);
| |
| − | background-position:left -49px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #register_details form input[type="submit"] {
| |
| − | float:left;
| |
| − | width:308px;
| |
| − | margin-top:28px;
| |
| − | background:none;
| |
| − | cursor:pointer;
| |
| − | background-image:url(../images/register_sprit.png);
| |
| − | background-position:left -221px;
| |
| − | background-repeat:no-repeat;
| |
| − | height:55px;
| |
| − | border:none;
| |
| − | }
| |
| − | #register_details form input[type="submit"]:hover {
| |
| − | background-image:url(../images/register_hover.png);
| |
| − | background-position:0 -1px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #register_details form .forget, #login_detail form .not_yet {
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:11px;
| |
| − | color:#ffffff;
| |
| − | margin-top:15px;
| |
| − | }
| |
| − | #register_details form .forget {
| |
| − | float:left;
| |
| − | }
| |
| − | #register_details form .not_yet {
| |
| − | float:right;
| |
| − | }
| |
| − | #register_details form input.input_3 {
| |
| − | float:left;
| |
| − | width:248px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:15px;
| |
| − | border:none;
| |
| − | margin-top:5px;
| |
| − | background:none;
| |
| − | padding-left:60px;
| |
| − | background-image:url(../images/login_sprit.png);
| |
| − | background-position:left -49px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #register_details form input.input_4 {
| |
| − | float:left;
| |
| − | width:248px;
| |
| − | padding-top:13px;
| |
| − | padding-bottom:15px;
| |
| − | border:none;
| |
| − | background:none;
| |
| − | padding-left:60px;
| |
| − | margin-top:7px;
| |
| − | background-image:url(../images/register_sprit.png);
| |
| − | background-position:left -150px;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | /*===================================== ABOUT PSAGE CSS ========================*/
| |
| − | #about_us {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | #about_us h1 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | color:#ffffff;
| |
| − | font-size:59px;
| |
| − | font-family: 'existence_lightregular';
| |
| − | }
| |
| − | #about_us .meet_the_team {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | margin-top:40px;
| |
| − | }
| |
| − | #about_us .meet_the_team li {
| |
| − | float:left;
| |
| − | margin:0px 10px;
| |
| − | width:220px;
| |
| − | }
| |
| − | #about_us .meet_the_team li .hawk, #about_us .meet_the_team li .kangaroo, #about_us .meet_the_team li .koala, #about_us .meet_the_team li .squirrel {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | height:160px;
| |
| − | }
| |
| − | #about_us .meet_the_team li .hawk {
| |
| − | background-image:url(../images/our_team_sprit.png);
| |
| − | background-position:36px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #about_us .meet_the_team li .kangaroo {
| |
| − | background-image:url(../images/our_team_sprit.png);
| |
| − | background-position:-202px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #about_us .meet_the_team li .koala {
| |
| − | background-image:url(../images/our_team_sprit.png);
| |
| − | background-position:-442px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #about_us .meet_the_team li .squirrel {
| |
| − | background-image:url(../images/our_team_sprit.png);
| |
| − | background-position:-684px top;
| |
| − | background-repeat:no-repeat;
| |
| − | }
| |
| − | #about_us .meet_the_team li strong {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | font-family: 'myriad_pro_lightbold';
| |
| − | font-size:18px;
| |
| − | color:#ffffff;
| |
| − | margin:5px 0px;
| |
| − | }
| |
| − | #about_us .meet_the_team li p {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:justify;
| |
| − | font-size:14px;
| |
| − | font-family:"myriad Pro";
| |
| − | color:#ffffff;
| |
| − | }
| |
| − | /*=====================================ABOUT WRAPPER TOP CSS========================*/
| |
| − | #wrapper_top_about {
| |
| − | background-image: url("../images/white_texture.png");
| |
| − | background-position: 0 0;
| |
| − | background-repeat: repeat;
| |
| − | float: left;
| |
| − | padding:30px 0px;
| |
| − | width: 100%;
| |
| − | }
| |
| − | #wrapper_top_about h2 {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | text-align:center;
| |
| − | font-size:59px;
| |
| − | color:#000000;
| |
| − | font-family: 'existence_lightregular';
| |
| − | margin-bottom:25px;
| |
| − | }
| |
| − | /*=====================================ABOUT WRAPPER LEFT CSS========================*/
| |
| − | #about_left {
| |
| − | float:left;
| |
| − | width:400px;
| |
| − | margin-left:10px;
| |
| − | margin-bottom: 20px;
| |
| − | }
| |
| − | #about_left .future_projects, #about_left .project_trial, #about_left .power_house {
| |
| − | float:left;
| |
| − | width:358px;
| |
| − | border:1px solid #cbcbcc;
| |
| − | background-color:#ffffff;
| |
| − | padding:0px 20px 0px 20px;
| |
| − | -moz-box-shadow: 3px 3px 3px #e0e0e0;
| |
| − | -webkit-box-shadow: 3px 3px 3px #e0e0e0;
| |
| − | box-shadow: 3px 3px 3px #e0e0e0;
| |
| − | }
| |
| − | #about_left .future_projects {
| |
| − | margin-top:48px;
| |
| − | }
| |
| − | #about_left .project_trial {
| |
| − | margin-top:170px;
| |
| − | }
| |
| − | #about_left .power_house {
| |
| − | margin-top:48px;
| |
| − | }
| |
| − | #about_left .future_projects .toltip_left, #about_left .project_trial .toltip_left, #about_left .power_house .toltip_left {
| |
| − | float:left;
| |
| − | margin-left:-21px;
| |
| − | }
| |
| − | #about_left .future_projects h3, #about_left .project_trial h3, #about_left .power_house h3 {
| |
| − | float:left;
| |
| − | font-size:20px;
| |
| − | color:#297f18;
| |
| − | font-family: 'existence_lightregular';
| |
| − | margin-top:-57px;
| |
| − | line-height:57px;
| |
| − | }
| |
| − | #about_left .future_projects p, #about_left .project_trial p, #about_left .power_house p {
| |
| − | float:left;
| |
| − | width:100%;
| |
| − | color:#414141;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:13px;
| |
| − | padding:25px 0px;
| |
| − | border-bottom:1px solid #e1e1e1;
| |
| − | }
| |
| − | #about_left .future_projects em, #about_left .project_trial em, #about_left .power_house em {
| |
| − | float:left;
| |
| − | margin:8px 0px 8px 0px;
| |
| − | padding-left:20px;
| |
| − | background-image:url(../images/clender_icon_1.png);
| |
| − | background-position: 0 center;
| |
| − | background-repeat:no-repeat;
| |
| − | font-style:normal;
| |
| − | font-family:"myriad Pro";
| |
| − | font-size:11px;
| |
| − | color:#272727;
| |
| − | line-height:14px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .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}}
| |