Uiuce how

From 2013.igem.org

(Difference between revisions)
Line 9: Line 9:
/*the igem Global setting*/
/*the igem Global setting*/
* {
* {
-
   margin: 0;
+
   margin: 5;
   padding: 0;
   padding: 0;
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
Line 23: Line 23:
}
}
h1, h2, h3, h4, h5, h6{
h1, h2, h3, h4, h5, h6{
-
   padding-top: 0;
+
   padding-top: 100;
-
   padding-bottom: 0;
+
   padding-bottom: 100;
   color: #34495e;
   color: #34495e;
}
}
Line 31: Line 31:
}
}
#top-section{
#top-section{
-
   height:0px;
+
   height:50px;
     border:none;
     border:none;
     width:980px;
     width:980px;
Line 55: Line 55:
   height: 100%;
   height: 100%;
   margin:0;
   margin:0;
-
   padding:0;
+
   padding:50;
-
   width:100%;
+
   width: 100%;
   position: absolute;
   position: absolute;
   background-color: #FFFFFF;
   background-color: #FFFFFF;
Line 62: Line 62:
}
}
a:visited{
a:visited{
-
   color: #fff;
+
   color: #34495e;
}
}
/*the nav settings
/*the nav settings
Line 71: Line 71:
}
}
.navbar-inverse .navbar-nav>li>a{
.navbar-inverse .navbar-nav>li>a{
-
   color: #fff;
+
   color: #1abc9c;
}
}
.navbar-inverse .navbar-nav>li>a:hover{
.navbar-inverse .navbar-nav>li>a:hover{
Line 78: Line 78:
}
}
.navbar-inverse .navbar-brand{
.navbar-inverse .navbar-brand{
-
           color: #fff;
+
           color: #1abc9c;
           padding: 0;
           padding: 0;
}
}
.navbar-inverse .navbar-brand img{
.navbar-inverse .navbar-brand img{
-
  height: 50px;
+
  height: 0px;
-
  padding-left: 90px;
+
}
}
.navbar-inverse .navbar-brand p{
.navbar-inverse .navbar-brand p{
   padding:12px 30px;
   padding:12px 30px;
-
   margin:0;
+
   margin:10;
}
}
.navbar-inverse .navbar-brand:hover{
.navbar-inverse .navbar-brand:hover{
Line 118: Line 117:
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
-
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
+
.dropdown-submenu:hover>a:after{border-left-color:#cccccc}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
Line 125: Line 124:
   position: relative;
   position: relative;
   width: 100%;
   width: 100%;
 +
  height: 50%;
   overflow: auto;
   overflow: auto;
   font-size: 18px;
   font-size: 18px;
   line-height: 24px;
   line-height: 24px;
   text-align: center;
   text-align: center;
-
   color: #fff;
+
   color: #00a5ff;
   background: ;
   background: ;
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
Line 135: Line 135:
   .banner ul {
   .banner ul {
     list-style: none;
     list-style: none;
-
     width: 300%;
+
     width: 100%;
     margin: 0;
     margin: 0;
   }
   }
Line 141: Line 141:
     display: block;
     display: block;
     float: left;
     float: left;
-
     width: 33%;
+
     width: 100%;
-
     min-height: 350px;
+
     min-height: 500px;
     -o-background-size: 100% 100%;
     -o-background-size: 100% 100%;
Line 161: Line 161:
   .banner h1, .banner h2 {
   .banner h1, .banner h2 {
     font-size: 40px;
     font-size: 40px;
-
     line-height: 52px;
+
     line-height: 52px;
     border-bottom:#fff;
     border-bottom:#fff;
     color: #fff;
     color: #fff;
Line 322: Line 322:
</head>
</head>
<body>
<body>
 +
<div>
 +
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
   <div class="navbar-header">
   <div class="navbar-header">
Line 331: Line 333:
         </button>
         </button>
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
-
       <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
+
       <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
     </a>
     </a>
 +
 +
      </button>
 +
   
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
-
       <p>Illinois iGEMe</p>
+
       <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/4/47/Uiuce_VivoSynth_LogoV2.PNG">
     </a>
     </a>
 +
 
 +
   
   </div>
   </div>
 +
</div>
 +
     <div class="collapse navbar-collapse navbar-ex1-collapse">
     <div class="collapse navbar-collapse navbar-ex1-collapse">
       <ul class="nav navbar-nav pull-right">
       <ul class="nav navbar-nav pull-right">
Line 343: Line 352:
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
               <ul class="dropdown-menu">
               <ul class="dropdown-menu">
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/UIUCe_competitive_analysis#">Competitive Analysis</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/UIUCe_competitive_analysis">Competitive Analysis</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_pen">Market Penetration</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_pen">Market Penetration Strategy</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_plan">Marketing Plan</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_plan">Marketing Plan</a></li>
-
 
+
                <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_financial_plan">Financial Plan</a></li> 
-
                                    <ul class="dropdown-menu">
+
               
-
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
+
                <ul class="dropdown-menu">
-
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
+
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">How</a></li>
-
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Financial Plan</a></li>
+
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Do</a></li>
-
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Risk Analysis</a></li>
+
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">You</a></li>
 +
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Like</a></li>
                 </ul>
                 </ul>
-
             </li>  
+
             </li>
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_financial_plan">Financial Plan</a></li>
+
               
-
 
+
               
           <ul class="dropdown-menu">
           <ul class="dropdown-menu">
-
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li>
+
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">These</a></li>
-
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li>
+
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Subtabs</a></li>
-
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Result</a></li>
+
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Here</a></li>
-
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li>
+
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li>
             </ul>
             </ul>
           </li>
           </li>
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_risk_analysis">Risk Analysis</a></li>
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_risk_analysis">Risk Analysis</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT!!!!!!!!!!!!!!!!!*/">Extra Tab</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">An Extra Tab for now</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
Line 374: Line 384:
                 </ul>
                 </ul>
             </li>
             </li>
-
         
+
         
       <li class="dropdown">
       <li class="dropdown">
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why?</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_what">What</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_what">What?</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_how">How</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_how">How?</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Tab</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT">Extra Tab</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT!!!!!!!!!!!!!!!!!*/">Tab</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">Or two...</a></li>
         </ul>
         </ul>
             </li>
             </li>
-
   
+
   
       <li class="dropdown">
       <li class="dropdown">
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<b class="caret"></b></a>
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<b class="caret"></b></a>
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_mission">Our Mission</a></li>
+
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_mission">Our MIssion</a></li>
-
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_team">Our Team</a></li>
+
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Igeme_team">Our Team</a></li>
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_igeme">iGEMe</a></li>
+
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_igeme">Advisory Board</a></li>
 +
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_igeme">iGEMe</a></li>
 +
                       
 +
           
                 </ul>
                 </ul>
             </li>
             </li>
     </ul>
     </ul>
   </div>
   </div>
-
</div>    
+
</div>  
 +
</div>   
<!--the slidershow begin-->
<!--the slidershow begin-->
<div class="banner">
<div class="banner">
 +
      <ul>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
 +
          <div class="inner">
 +
         
 +
         
 +
           
 +
          </div>
 +
        </li>
 +
        
        
 +
      </ul>
 +
  </div>
   <!--the slidershow end-->
   <!--the slidershow end-->
-
  <div class="features">
+
 
-
      <ul class="wrap">
+
-
      <h3><b>Text Here</b></h3><hr>
+
    
    
 +
<div class="container">
 +
        <p>Text about ModuLab</p>
 +
        <h3><b>How?</b></h3><hr>
 +
        <p> Text about How</p>
 +
       
 +
</div>
 +
<!--footer-->
-
 
 
-
  </div>
 
-
</div>
 
-
<div class="col-md-1"></div>
 
-
</div>
 
-
</div>
 
-
</footer>
 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
Line 420: Line 443:
});
});
</script>
</script>
-
<script>
 
-
      if(window.chrome) {
 
-
        $('.banner li').css('background-size', '100% 100%');
 
-
      }
 
-
      $('.banner').unslider({
 
-
        speed: 500,
 
-
        delay: 40000,
 
-
        keys: true,
 
-
        fluid: true,
 
-
        dots: true
 
-
      });     
 
-
    </script>
 
</body>
</body>
</html>
</html>

Revision as of 23:17, 26 October 2013

Text about ModuLab

How?


Text about How