Difference between revisions of "Team:CityU HK/Design"

Line 17: Line 17:
  
 
<style type='text/css'>
 
<style type='text/css'>
−
.wsite-elements.wsite-not-footer div.paragraph, .wsite-elements.wsite-not-footer p, .wsite-elements.wsite-not-footer .product-block .product-title, .wsite-elements.wsite-not-footer .product-description, .wsite-elements.wsite-not-footer .wsite-form-field label, .wsite-elements.wsite-not-footer .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
+
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
−
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
+
}
−
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
+
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:300);
−
.wsite-elements.wsite-not-footer h2, .wsite-elements.wsite-not-footer .product-long .product-title, .wsite-elements.wsite-not-footer .product-large .product-title, .wsite-elements.wsite-not-footer .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
+
.fa-2x {
−
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
+
font-size: 2em;
−
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
+
}
−
#wsite-title {}
+
.fa {
−
.wsite-menu-default a {}
+
position: relative;
−
.wsite-menu a {}
+
display: table-cell;
−
.wsite-image div, .wsite-caption {}
+
width: 60px;
−
.galleryCaptionInnerText {}
+
height: 36px;
−
.fancybox-title {}
+
text-align: center;
−
.wslide-caption-text {}
+
vertical-align: middle;
−
.wsite-phone {}
+
font-size:20px;
−
.wsite-headline {}
+
}
−
.wsite-headline-paragraph {}
+
 
−
.wsite-button-inner {}
+
 
−
.wsite-not-footer blockquote {}
+
.main-menu:hover,nav.main-menu.expanded {
−
.wsite-footer blockquote {}
+
width:250px;
−
.blog-header h2 a {}
+
overflow:visible;
−
#wsite-content h2.wsite-product-title {}
+
}
−
.wsite-product .wsite-product-price a {}
+
 
 +
.main-menu {
 +
background:#fbfbfb;
 +
border-right:1px solid #e5e5e5;
 +
position:absolute;
 +
top:0;
 +
bottom:0;
 +
height:100%;
 +
left:0;
 +
width:60px;
 +
overflow:hidden;
 +
-webkit-transition:width .05s linear;
 +
transition:width .05s linear;
 +
-webkit-transform:translateZ(0) scale(1,1);
 +
z-index:1000;
 +
}
 +
 
 +
.main-menu>ul {
 +
margin:7px 0;
 +
}
 +
 
 +
.main-menu li {
 +
position:relative;
 +
display:block;
 +
width:250px;
 +
}
 +
 
 +
.main-menu li>a {
 +
position:relative;
 +
display:table;
 +
border-collapse:collapse;
 +
border-spacing:0;
 +
color:#999;
 +
font-family: arial;
 +
font-size: 14px;
 +
text-decoration:none;
 +
-webkit-transform:translateZ(0) scale(1,1);
 +
-webkit-transition:all .1s linear;
 +
transition:all .1s linear;
 +
 
 +
}
 +
 
 +
.main-menu .nav-icon {
 +
position:relative;
 +
display:table-cell;
 +
width:60px;
 +
height:36px;
 +
text-align:center;
 +
vertical-align:middle;
 +
font-size:18px;
 +
}
 +
 
 +
.main-menu .nav-text {
 +
position:relative;
 +
display:table-cell;
 +
vertical-align:middle;
 +
width:190px;
 +
  font-family: 'Titillium Web', sans-serif;
 +
}
 +
 
 +
.main-menu>ul.logout {
 +
position:absolute;
 +
left:0;
 +
bottom:0;
 +
}
 +
 
 +
.no-touch .scrollable.hover {
 +
overflow-y:hidden;
 +
}
 +
 
 +
.no-touch .scrollable.hover:hover {
 +
overflow-y:auto;
 +
overflow:visible;
 +
}
 +
 
 +
a:hover,a:focus {
 +
text-decoration:none;
 +
}
 +
 
 +
nav {
 +
-webkit-user-select:none;
 +
-moz-user-select:none;
 +
-ms-user-select:none;
 +
-o-user-select:none;
 +
user-select:none;
 +
}
 +
 
 +
nav ul,nav li {
 +
outline:0;
 +
margin:0;
 +
padding:0;
 +
}
 +
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
 +
color:#fff;
 +
background-color:#5fa2db;
 +
}
 +
.area {
 +
float: left;
 +
background: #e2e2e2;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
@font-face {
 +
  font-family: 'Titillium Web';
 +
  font-style: normal;
 +
  font-weight: 300;
 +
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
 +
}
 
</style>
 
</style>
 +
 
<style>
 
<style>
 
.wsite-background {background-image: url('//cdn1.editmysite.com/uploads/5/7/0/0/57008745/background-images/743272643.jpg') !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;background-color: transparent !important;background: inherit;}
 
.wsite-background {background-image: url('//cdn1.editmysite.com/uploads/5/7/0/0/57008745/background-images/743272643.jpg') !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;background-color: transparent !important;background: inherit;}
Line 49: Line 157:
 
<body class="landing-page wsite-theme-light  wsite-page-index"><input type="checkbox" id="navTrigger" />
 
<body class="landing-page wsite-theme-light  wsite-page-index"><input type="checkbox" id="navTrigger" />
  
−
<div class="wrapper">
+
<div class="wrapper">
 
  <div class="paris-header">
 
  <div class="paris-header">
 
       <div class="container">
 
       <div class="container">
 
       </div><!-- end .container -->
 
       </div><!-- end .container -->
 
  </div><!-- end .header -->   
 
  </div><!-- end .header -->   
−
       
+
     
 +
 
 +
 
 +
<!----------- sidebar ------------>
 +
<div class="area"></div><nav class="main-menu">
 +
            <ul>
 +
                <li>
 +
                    <a href="#">
 +
                        <i class="fa fa-home fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Dashboard
 +
                        </span>
 +
                    </a>
 +
                 
 +
                </li>
 +
                <li class="has-subnav">
 +
                    <a href="#">
 +
                        <i class="fa fa-laptop fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            UI Components
 +
                        </span>
 +
                    </a>
 +
                   
 +
                </li>
 +
                <li class="has-subnav">
 +
                    <a href="#">
 +
                      <i class="fa fa-list fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Forms
 +
                        </span>
 +
                    </a>
 +
                   
 +
                </li>
 +
                <li class="has-subnav">
 +
                    <a href="#">
 +
                      <i class="fa fa-folder-open fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Pages
 +
                        </span>
 +
                    </a>
 +
                 
 +
                </li>
 +
                <li>
 +
                    <a href="#">
 +
                        <i class="fa fa-bar-chart-o fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Graphs and Statistics
 +
                        </span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#">
 +
                        <i class="fa fa-font fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Typography and Icons
 +
                        </span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                      <i class="fa fa-table fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Tables
 +
                        </span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">
 +
                        <i class="fa fa-map-marker fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Maps
 +
                        </span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#">
 +
                      <i class="fa fa-info fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Documentation
 +
                        </span>
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
 
 +
            <ul class="logout">
 +
                <li>
 +
                  <a href="#">
 +
                        <i class="fa fa-power-off fa-2x"></i>
 +
                        <span class="nav-text">
 +
                            Logout
 +
                        </span>
 +
                    </a>
 +
                </li> 
 +
            </ul>
 +
        </nav>  <!---------end of sidebar --------->
 +
 
 +
 
 +
 
  
  
−
<div class="main-wrap">
+
<div class="main-wrap">
 
    <div class="container">
 
    <div class="container">
 
<div class="content-wrap"><div id='wsite-content' class='wsite-elements wsite-not-footer'>
 
<div class="content-wrap"><div id='wsite-content' class='wsite-elements wsite-not-footer'>

Revision as of 12:34, 15 September 2015

iGEM2015 wiki - Home
For most people, indulging in sweet food like ice-cream, cheesecake and chocolate is as natural as breathing. However, the same kind of food could remind some people of the discomfort and annoyance brought on by lactose intolerance. Should they avoid all these delicacies altogether or resort to taking lactase pills every time after eating food containing lactose? Here, we offer you a new choice.  

Abstract

Lactose intolerance is a gastrointestinal problem signified by symptoms such as bloating, stomach cramps, diarrhea and nausea after consuming milk or dairy products. Normally, lactase in the small intestine will break down lactose into glucose and galactose for absorption. For people with lactose intolerance, their body produces little or no lactase. Undigested lactose will therefore enter the colon where bacteria may ferment the lactose to produce lactic acid and gases as by-products. These by-products are the culprits of the symptoms.

There is evidence suggesting that dairy consumption is associated with lower risk of hypertension and higher rate of bone mineralization. To help people with lactose intolerance to enjoy the diverse health benefits from dairy consumption,  our iGEM Team (CityU_HK) has set a goal to tackle this problem.