Difference between revisions of "Team:SHSBNU China/Test"

Line 1: Line 1:
<html lang="zh-CN">
+
<head>
    <style type="text/css">
+
<style type="text/css">
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
Line 14: Line 14:
 
         margin:0;
 
         margin:0;
 
     }
 
     }
 
 
   
 
    .main-container{
 
                    background:#E8E3E8;
 
                    position:fixed;
 
                    width:100vw;
 
                    height:auto;
 
                    z-index:999;
 
                    }
 
 
 
    .dropbtn{
 
                  margin-top:5px;
 
}
 
 
 
 
      
 
      
 
     .dropbtn span:after{
 
     .dropbtn span:after{
Line 216: Line 199:
 
     </style>
 
     </style>
  
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
+
<meta charset="UTF-8" />
 +
<title>SHSBNU-China iGEM 2017 Home Page</title>
 
<link rel='stylesheet' id='flat-theme-css' href='http://www.azirquantum.com/wp-content/themes/flat/assets/css/flat.min.css?ver=1.7.8' media='all' />
 
<link rel='stylesheet' id='flat-theme-css' href='http://www.azirquantum.com/wp-content/themes/flat/assets/css/flat.min.css?ver=1.7.8' media='all' />
 +
 +
</script>
 +
</head>
 +
 +
<body style = "text-align:center">
 
<style type="text/css">  
 
<style type="text/css">  
 
body {background-color:#F1F1F1}
 
body {background-color:#F1F1F1}
Line 247: Line 236:
  
 
<div id="primary" class="content-area col-lg-9" itemprop="mainContentOfPage">
 
<div id="primary" class="content-area col-lg-9" itemprop="mainContentOfPage">
<div>
+
<div itemscope itemtype="http://schema.org/Article" id="content" class="site-content" role="main">
 
<article id="post-93" class="post-93 page type-page status-publish hentry">
 
<article id="post-93" class="post-93 page type-page status-publish hentry">
<header>
+
<header class="entry-header">
<h1>Gut Inflammation Detector</h1>
+
<h1 class="entry-title" itemprop="name">Gut Inflammation Detector</h1>
 
</header>
 
</header>
<div>
+
<div class="entry-content" itemprop="articleBody">
 
<p style = "font-family:arial;color:#000000;font-size:32px;"> Discription </p>
 
<p style = "font-family:arial;color:#000000;font-size:32px;"> Discription </p>
 
<p> Thiosulfate and tetrathionate are two kinds of chemical compound which can be produced in the gut while gut inflammation. Nowadays, people are able to detect gut inflammation using utilized two-system detector gained from marine Shewanella species and at the same time present the result by producing GFP (expressing the gene sfGFP) which would produce green light if exposed to ultraviolet light. Considering this method can be further improved, SHSBNU_China team contributed to change some parts of the two-system detector in order to let the results to be presented more clearly and visibly in normal condition (without specially-produced ultraviolet light). Furthermore, based on the idea of making the detecting system more practical and usable, we focused on developing a kind of pill with a similar thinking of molecule-targeted drugs, where the whole system is stored in a container which can be easily collect and analyzed when it has finished the trip in the digestive system. One more thing is that this system also has a great potential for future research that it could be further modified to do some treatment to the inflammation (once it’s detected). </p>
 
<p> Thiosulfate and tetrathionate are two kinds of chemical compound which can be produced in the gut while gut inflammation. Nowadays, people are able to detect gut inflammation using utilized two-system detector gained from marine Shewanella species and at the same time present the result by producing GFP (expressing the gene sfGFP) which would produce green light if exposed to ultraviolet light. Considering this method can be further improved, SHSBNU_China team contributed to change some parts of the two-system detector in order to let the results to be presented more clearly and visibly in normal condition (without specially-produced ultraviolet light). Furthermore, based on the idea of making the detecting system more practical and usable, we focused on developing a kind of pill with a similar thinking of molecule-targeted drugs, where the whole system is stored in a container which can be easily collect and analyzed when it has finished the trip in the digestive system. One more thing is that this system also has a great potential for future research that it could be further modified to do some treatment to the inflammation (once it’s detected). </p>
Line 266: Line 255:
 
</div>
 
</div>
 
</div>
 
</div>
</html>
+
</body>

Revision as of 06:01, 15 September 2017

<head> <style type="text/css">

  1. sideMenu, #top_title {display:none;}
  2. content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
  1. bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  2. top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
    *{
     font-family:"Open Sans",serif,sans-serif
   }
   
   body{
        margin:0;
   }
   
   .dropbtn span:after{

width: 0; height: 0; border: 0.313em solid transparent; border-bottom: none; border-top-color:black; content: ; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */

               text-decoration:none !important;
               list-style-type:none !important;             
              }
  .dropdown{
      float:left;
      text-decoration:none !important;
      list-style-type:none !important;
     }
   ul>.dropdown>a{
               color:black !important;
               list-style-type:none !important;
               text-decoration:none !important;
               text-align:left;
              }
   li .dropdown{
                display:inline-block;
               }
               
   .dropdown > a, .dropbtn {
                     display: inline-block;
                     text-align: center;
                     text-color:black;
                     padding-right: 10px;
                     margin-right:10px;
                     text-decoration:none !important;     
                    }

.main-menu{

      position:relative;
      list-style-type: none !important;
      margin-right:1px;
      display:block;
      float:right !important;
      font-weight:400 !important;
      font-size:15px;
      font-family:"Open Sans",serif,sans-serif;
     }
               /*下拉式menu*/
   .dropdown > a:hover, .dropdown:hover .dropbtn{
                                           color:red !important;
                                           }
   .dropdown-content{ 
                      display:none;
                      background:#E8E3E8;
                      position:absolute;
                      width:auto !important;
                      
                    }
   .dropdown-content a{
                       color: black;
                       padding:15px;
                       text-decoration: none;
                       display: block;
                       text-align:left !important;
                       size:1em;
                       }
                       
   
   .dropdown-content a:hover{
                             color:red;
                             }
   
   


/*manu*/ @media screen and (min-width: 768px) { .main-container{

                   background:white !important;
                   position:fixed;
                   width:100vw;
                   height:10.5vh;
                   display:block important; 
                   }
  .NCTU_Formosa{
                left:1.5vw;
                position:relative;
                top:25px;

} } @media screen and (orientation: portrait) {

  .main-container{
                   background:white !important;
                   position:fixed;
                   width:100vw;
                   height:4vh;
                   display:block important; 
                   }
  .NCTU_Formosa{
                left:1.5vw;
                position:relative;
                top:35px;

} }

.menu_sign:after { width: 0; height: 0; border: 0.313em solid transparent; border-bottom: none; border-top-color: black; content: ; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */

}

.active_menu{display:none;}

   ul>.dropdown>a{
               color:black !important;
               text-align:center !important;
               list-style-type: none !important;
               text-decoration: none;
              }
   .dropdown{
                background:white;
                display:block !important;
                text-align:center;
                list-style-type: none !important;
                text-decoration: none !important;
                font-family:"Open Sans",serif,sans-serif;
               }
               
   .dropdown > a, .dropbtn {
                     display:block !important;
                     text-align: center !important;
                     text-color:black !important;
                     padding: 12px 12px !important;
                     text-decoration:none !important;     
                    }
               /*下拉式menu*/
   .dropdown > a:hover, .dropdown:hover .dropbtn{
                                           color:red !important;
                                           }
   .dropdown-content{ 
                      background:white;
                      position:absolute;
                      width:100%;
                      text-align:center;
                      display: none;
                      Z-index:100;
                    }
   .dropdown-content a{
                       color: black;
                       padding-top:5px;         
                       text-decoration: none;
                       text-align:center;
                       size:1.3em;
                       
                       }


   .dropdown-content a:hover{
                             color:red;
                             }

}

   </style>

<meta charset="UTF-8" /> <title>SHSBNU-China iGEM 2017 Home Page</title> <link rel='stylesheet' id='flat-theme-css' href='http://www.azirquantum.com/wp-content/themes/flat/assets/css/flat.min.css?ver=1.7.8' media='all' />

</script> </head>

<body style = "text-align:center"> <style type="text/css"> body {background-color:#F1F1F1} </style>

<header id="masthead" class="site-header" role="banner">

</header>