Difference between revisions of "Template:ICT-Mumbai/basic"

 
(178 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
     <![endif]-->
 
     <![endif]-->
 
+
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=K2D|Open+Sans" rel="stylesheet">
 
<style>
 
<style>
 +
  
  
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { margin-left:0px; margin-top:-2px; padding:0px; width:100%;}
+
#content { margin-left:0px; margin-right: 0px; margin-top:-2px; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
Line 18: Line 20:
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
  
 +
 +
 +
 +
 +
#footer-img{
 +
 +
height: 80px;
 +
padding: 10px;
 +
display: block;
 +
float: left;
 +
}
 +
 +
#footer-icon{
 +
 +
height: 30px;
 +
padding: 10px;
 +
display: block;
 +
float: right;
 +
 +
}
 +
 +
 +
.footer {
 +
  margin-top: 100px;
 +
  position: absolute;
 +
  right: 0;
 +
  bottom: -170px;
 +
  left: 0;
 +
  padding: 1rem;
 +
  background-color: #ffffff;
 +
  text-align: center;
 +
  min-height: 100px;
 +
}
  
  
Line 23: Line 58:
 
#globalWrapper {
 
#globalWrapper {
 
     font-size: inherit;
 
     font-size: inherit;
 +
    margin-left:0px; margin-right: 0px;
 
     width: 100vw;
 
     width: 100vw;
 
     padding: none;
 
     padding: none;
Line 41: Line 77:
 
     background-color: #fff;
 
     background-color: #fff;
 
     color: #777;
 
     color: #777;
     font: normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
     font: normal 15px;
 +
    font-family: 'Open Sans', sans-serif;
 
}
 
}
 
#bodyContent p {
 
#bodyContent p {
 
     line-height: 2em;
 
     line-height: 2em;
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
     font: normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
     font-size: 15px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    color: #444;
 
}
 
}
 +
 +
ol li {
 +
    line-height: 2em;
 +
    font-size: 15px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    color: #444;
 +
}
 +
 +
ol ol li{
 +
    list-style-type: lower-alpha;
 +
    color: #444;
 +
}
 +
 +
 +
#bodyContent table, th, td{
 +
text-align: left;
 +
font-family: 'Raleway';
 +
}
 +
 +
table, th, td{
 +
text-align: left;
 +
font-family: 'Raleway';
 +
font-size: 15px;
 +
}
 +
 
#bodyContent h1 {
 
#bodyContent h1 {
     font-family: 'Crete Round', serif;
+
     font-family: 'Raleway';
 
     font-weight: bold;
 
     font-weight: bold;
 
     color: #444;
 
     color: #444;
     font-size: 45px;
+
     font-size: 60px;
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
 +
    line-height: 1em;
 +
    text-align: center;
 +
    -webkit-text-stroke-width: 30%;
 +
    -webkit-text-stroke-color: #444;
 +
 
}
 
}
 
#bodyContent h2 {
 
#bodyContent h2 {
 +
    font-family: 'Raleway', sans-serif;
 
     font-weight: 300;
 
     font-weight: 300;
     color: #444;
+
     color: #2F86A1;
     font-size: 55px;
+
     font-size: 50px;
     text-transform: uppercase;
+
     text-transform: none;
 
     text-align: center;
 
     text-align: center;
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
 +
    line-height: 1em;
 
}
 
}
 
#bodyContent h3 {
 
#bodyContent h3 {
     font-size: 30px;
+
    display: block;
 +
    margin: 0 auto 20px auto;
 +
    font-family: 'K2D', sans-serif;
 +
    line-height: 1em;
 +
     font-size: 40px;
 
     color: #444;
 
     color: #444;
 
     font-weight: bold;
 
     font-weight: bold;
     text-transform: uppercase;
+
     text-transform: none;
 
     text-align: center;
 
     text-align: center;
     margin-bottom: 20px;
+
     max-width: 400px;
 +
    border-bottom: 1px solid #2F86A1;
 +
    padding: 0 0 0px 0;
 
}
 
}
 
#bodyContent h4 {
 
#bodyContent h4 {
     font-size: 24px;
+
    font-family: 'Raleway';
     color: #444;
+
     font-size: 30px;
 +
     color: #2F86A1;
 
     font-weight: bold;
 
     font-weight: bold;
     text-transform: uppercase;
+
     text-transform: none;
 +
   
 
     margin-bottom: 20px;
 
     margin-bottom: 20px;
 +
    line-height: 1em;
 
}
 
}
 
#bodyContent h5 {
 
#bodyContent h5 {
     font-size: 15px;
+
    font-family: 'Raleway';
 +
     font-size: 20px;
 
     color: #444;
 
     color: #444;
 
     font-weight: bold;
 
     font-weight: bold;
     text-transform: uppercase;
+
     text-transform: none;
 +
    line-height: 1em;
 +
   
 +
 
  
#bodyContent capt {
+
#bodyContent ins {
 
     font-size: 15px;
 
     font-size: 15px;
 
     color: #2F86A1;
 
     color: #2F86A1;
Line 115: Line 199:
 
}
 
}
  
#bodyContent ul{ list-style-type: disc; }
+
#grey-div{
 +
background-color: #444;
 +
min-height: 400px;
 +
}
 +
 
 +
#grey-div h1{
 +
color: #E86D06;
 +
}
 +
 
 +
#grey-div p{
 +
color: #fff;
 +
padding-left: 40px;
 +
padding-right: 40px;
 +
}
  
 
.clear {
 
.clear {
Line 125: Line 222:
 
     width: 940px;
 
     width: 940px;
 
}
 
}
 +
 +
.wrapper ul li{
 +
line-height: 2em;
 +
    font-size: 13px;
 +
    font-family: 'Open Sans', sans-serif;
 +
    list-style: disc;
 +
}
 +
  
 
.parallax-window {
 
.parallax-window {
Line 175: Line 280:
 
}
 
}
  
 +
#maintext{
 +
 +
padding-top: 0px;
 +
min-height: 2800px;
 +
background: #f8fafa;
 +
padding-bottom: 0px;
 +
}
 +
 +
#maintext p{
 +
 +
padding-top: 5px;
 +
line-height: 1.5em;
 +
font-size: 20px;
 +
}
  
 
#primary-content {
 
#primary-content {
Line 181: Line 300:
 
     text-align: center;
 
     text-align: center;
 
}
 
}
 +
 
#primary-content h3 {
 
#primary-content h3 {
 +
 
 
     display: block;
 
     display: block;
 
     margin: 0 auto 20px auto;
 
     margin: 0 auto 20px auto;
Line 200: Line 321:
  
 
#header1{
 
#header1{
   
+
     background: #ffffff;
     background: #fff;
+
    color: #444;
+
 
}
 
}
  
#header1 h3{
 
   
 
    display: block;
 
    margin: 0 auto 20px auto;
 
    width: 400px;
 
    border-bottom: 1px solid #2F86A1;
 
    padding: 0 0 0px 0;
 
}
 
  
  
 +
</style>
  
footer {
+
<style>
    padding: 0px 0;
+
    background-color: #f8fafa;
+
    height: 110px;
+
    position:absolute;
+
    bottom:-180px;
+
    width:100%;
+
 
+
  
  
}
 
#footer-info {
 
    width: 600px;
 
    float: left;
 
    margin-top: 10px;
 
}
 
#footer-links {
 
    width: 520px;
 
    float: right;
 
}
 
#footer-links ul {
 
    width: 150px;
 
    float: left;
 
    margin-left: 20px;
 
}
 
#footer-links ul li {
 
    margin: 10px 0;
 
}
 
  
.hov{
 
    position:relative;
 
    z-index:1000;
 
}
 
 
</style>
 
 
<style>
 
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 
 
#cssmenu,
 
#cssmenu,
 
#cssmenu ul,
 
#cssmenu ul,
Line 284: Line 362:
 
#cssmenu {
 
#cssmenu {
 
   width: 100%;
 
   width: 100%;
   font-family: 'Open Sans', sans-serif;
+
   font-family: 'K2D', sans-serif;
 
   line-height: 1;
 
   line-height: 1;
 
   background: #ffffff;
 
   background: #ffffff;
 
   box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
 
   box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
 
   position: fixed;
 
   position: fixed;
 +
  z-index: 5;
 +
 
 
}
 
}
 
#menu-line {
 
#menu-line {
Line 363: Line 443:
  
 
#cssmenu img{
 
#cssmenu img{
height: 100px;
+
height: 80px;
 
}
 
}
  
Line 371: Line 451:
 
             top: -30px;
 
             top: -30px;
 
             background: white;
 
             background: white;
             height: 80px;
+
             height: 145px;
             border: 10px solid rgb(82, 81, 81);
+
             width: 145px;
             height: 160px;
+
             border-radius: 130px;
             width: 160px;
+
             box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
            border-radius: 150px;
+
 
         }
 
         }
 
#cssmenu .logo-wrapper img {
 
#cssmenu .logo-wrapper img {
             height: 120px;
+
             height: 100px;
             width: 120px;
+
             width: 100px;
             border-radius: 50px;
+
             border-radius: 30px;
             padding: 20px 0px 0px 25px;
+
             padding: 30px 0px 0px 25px;
 
         }
 
         }
 
#cssmenu .logo-wrapper #team-logo {
 
#cssmenu .logo-wrapper #team-logo {
Line 389: Line 468:
  
 
#cssmenu > ul > li.has-sub:hover > a::after {
 
#cssmenu > ul > li.has-sub:hover > a::after {
   border-color: #009ae1;
+
   border-color: #2F86A1;
 
}
 
}
 
#cssmenu ul ul {
 
#cssmenu ul ul {
Line 498: Line 577:
 
   }
 
   }
 
   #cssmenu ul ul li a {
 
   #cssmenu ul ul li a {
     padding: 20px 20px 20px 30px;
+
     padding: 20px 20px 30px 30px;
 
     font-size: 12px;
 
     font-size: 12px;
 
     color: #000000;
 
     color: #000000;
Line 709: Line 788:
 
</script>
 
</script>
  
<body>
+
<body id="bodyContent">
  
 
<div id='cssmenu' class='hov'>
 
<div id='cssmenu' class='hov'>
 
<ul>
 
<ul>
 
 
  
 +
<li>
 +
<a href="https://igem.org/2018_Judging_Form?team=ICT-Mumbai">Judging Form ⇗</a>
 +
</li>
 +
 +
<li class='has-sub'><a href='#'>Team</a>
 +
      <ul> 
 +
    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Team">Team Members</a></li>
 +
    <li clas='has-sub'><a href="https://2018.igem.org/Team:ICT-Mumbai/Collaborations">Collaborations</a></li>
 +
 +
      </ul>
 +
</li>
 +
 +
 
 +
<li><a href='https://2018.igem.org/Team:ICT-Mumbai/Software'>Software</a></li>
 
<li class='has-sub'><a href='#'>Human Practices</a>
 
<li class='has-sub'><a href='#'>Human Practices</a>
 
       <ul>   
 
       <ul>   
Line 729: Line 821:
 
       <ul>   
 
       <ul>   
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Parts">Parts overview</a></li>
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Parts">Parts overview</a></li>
    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Basic_Part">Basic Parts</a></li>
 
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Composite_Part">Composite Parts</a></li>
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Composite_Part">Composite Parts</a></li>
 
       </ul>
 
       </ul>
Line 744: Line 835:
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Model">Model</a></li>
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Model">Model</a></li>
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Results">Results</a></li>
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Results">Results</a></li>
    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Demonstrate">Demonstrate</a></li>
 
    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Improve">Improve</a></li>
 
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Attributions">Attributions</a></li>
 
     <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Attributions">Attributions</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li class='has-sub'><a href='#'>Team</a>
 
      <ul> 
 
    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Team">Team Members</a></li>
 
    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Collaborations">Collaborations</a></li>
 
      </ul>
 
</li>
 
 
  
  
Line 764: Line 845:
  
 
</div>
 
</div>
<br>
+
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
  
<p>
+
<div class="footer">
<capt>hello</capt>
+
<a href="https://www.facebook.com/igemictmumbai/"><img style="padding-top: 50px;" id="footer-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--ICT-Mumbai--facebook.png"></img></a>
 +
<a href="https://www.instagram.com/igem_ictmumbai/"><img style="padding-top: 50px;" id="footer-icon" src="https://static.igem.org/mediawiki/2018/8/85/T--ICT-Mumbai--Instagram.png"></img></a>
 +
<p style="display: block; float: right; padding-top: 50px;">
 +
Contact us: <i>igemteamictmumbai@gmail.com</i> &nbsp;| Follow us:
 +
</p>
  
The InterLab study is conducted by the iGEM organization and is an attempt at reducing variability in measurements taken in different laboratories, thus facilitating easier sharing of data between laboratories. More specifically, the Measurement Committee at iGEM is attempting to develop a robust method for fluorescence measurements of Green Fluorescent Protein (GFP) that can minimize lab-to-lab variations in readings taken by a standard plate reader. For more details on the InterLab study please visit the following URL:
+
</div>
https://2018.igem.org/Measurement/InterLab
+
 
+
Team ICT-Mumbai has participated in the InterLab study this year. The plate reader protocol as given on the iGEM website has been strictly followed (the protocol can be downloaded here) and resulting data added to the provided Excel sheet (the Excel sheet can be downloaded here).
+
 
+
</p>
+
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:32, 18 October 2018

Simply