Difference between revisions of "Team:IIT Delhi"

Line 1: Line 1:
 
{{IIT Delhi}}
 
{{IIT Delhi}}
 +
 +
.navbar {
 +
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
 +
top:0px;
 +
left:0px;
 +
height:50px;
 +
width:100%;
 +
margin:0;
 +
padding:0;
 +
z-index:999;
 +
background-color: #333;
 +
overflow:visible;
 +
}
 +
 +
 +
.toppad
 +
{
 +
  padding-top:100px;
 +
  padding-bottom: 0px;
 +
}
 +
 +
.bggg
 +
{
 +
  background-image: url("https://2017.igem.org/File:T--IIT_Delhi--background.png");
 +
  padding-left: 300px;
 +
  padding-right: 300px;
 +
  min-height: 800px;
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
  background-size: cover;
 +
  padding-bottom: 0px;
 +
}
 +
.width-max
 +
{
 +
width:100%;
 +
height: auto;
 +
}
 +
 +
.navbar a {
 +
    float: left;
 +
    font-size: 16px;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown .dropbtn {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 18px 16px;
 +
    background-color: inherit;
 +
    z-index: 101;
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: red;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 101;
 +
}
 +
.dropdown-content-big {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 200px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 101;
 +
}
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
    z-index: 101;
 +
}
 +
.dropdown-content-big a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown-content-big a:hover {
 +
    background-color: #ddd;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
    z-index: 101;
 +
}
 +
.dropdown:hover .dropdown-content-big {
 +
    display: block;
 +
    z-index: 101;
 +
}
 +
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 +
.igem_iitd-hover-opacity {cursor: pointer;}
 +
 +
.igem_iitd-black,.igem_iitd-hover-black:hover{color:#fff!important;background-color:#000!important}
 +
.igem_iitd-padding-64{padding-top:64px!important;padding-bottom:64px!important}
 +
.igem_iitd-hover-opacity-off:hover{opacity:1}
 +
.igem_iitd-button:hover{color:#000!important;background-color:#ccc!important}
 +
.igem_iitd-light-grey,.igem_iitd-hover-light-grey:hover,.igem_iitd-light-gray,.igem_iitd-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
 +
.igem_iitd-margin-right{margin-right:16px!important}
 +
.igem_iitd-button:hover{color:#000!important;background-color:#ccc!important}
 +
 +
.right_menu{
 +
    float: right;
 +
    text-align: right;
 +
    width: auto;
 +
    margin-right: 60px;
 +
}
 +
.backbody {
 +
    background-image: url("1.png");
 +
    min-height: 800px;
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
    opacity: 0.4;
 +
        position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
    bottom: 0px;
 +
    z-index: -1;
 +
}
 +
body {
 +
    background-color: black;
 +
}
 +
 +
@font-face {
 +
  font-family: 'Lato';
 +
  font-style: normal;
 +
  font-weight: 300;
 +
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v14/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Lato';
 +
  font-style: normal;
 +
  font-weight: 300;
 +
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v14/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 +
}
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Lato';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v14/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
 +
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
 +
}
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Lato';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v14/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 +
}
 +
 +
body {
 +
background: #fff;
 +
}
 +
 +
body, input, select, textarea {
 +
color: #444;
 +
font-family: "Lato", Helvetica, sans-serif;
 +
font-size: 15pt;
 +
font-weight: 300;
 +
line-height: 1.65em;
 +
}
 +
 +
a {
 +
color: #4dac71;
 +
text-decoration: underline;
 +
}
 +
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 +
strong, b {
 +
color: #eee;
 +
font-weight: 400;
 +
}
 +
 +
em, i {
 +
font-style: italic;
 +
}
 +
 +
p {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
color: #666;
 +
font-weight: 300;
 +
line-height: 1em;
 +
margin: 0 0 1em 0;
 +
}
 +
 +
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 +
h2 {
 +
font-size: 1.75em;
 +
line-height: 1.5em;
 +
}
 +
 +
h3 {
 +
font-size: 1.35em;
 +
line-height: 1.5em;
 +
}
 +
 +
h4 {
 +
font-size: 1.1em;
 +
line-height: 1.5em;
 +
}
 +
 +
h5 {
 +
font-size: 0.9em;
 +
line-height: 1.5em;
 +
}
 +
 +
h6 {
 +
font-size: 0.7em;
 +
line-height: 1.5em;
 +
}
 +
 +
sub {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: 0.5em;
 +
}
 +
 +
sup {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: -0.5em;
 +
}
 +
 +
hr {
 +
border: 0;
 +
border-bottom: medium 1px rgba(144, 144, 144, 0.25);
 +
margin: 2em 0;
 +
}
 +
 +
hr.major {
 +
margin: 3em 0;
 +
}
 +
 +
blockquote {
 +
border-left: solid 4px rgba(144, 144, 144, 0.25);
 +
font-style: italic;
 +
margin: 0 0 2em 0;
 +
padding: 0.5em 0 0.5em 2em;
 +
}
 +
 +
code {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-radius: 4px;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0.25em;
 +
padding: 0.25em 0.65em;
 +
}
 +
 +
pre {
 +
-webkit-overflow-scrolling: touch;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0 2em 0;
 +
}
 +
 +
pre code {
 +
display: block;
 +
line-height: 1.75em;
 +
padding: 1em 1.5em;
 +
overflow-x: auto;
 +
}
 +
 +
.align-left {
 +
text-align: left;
 +
}
 +
 +
.align-center {
 +
text-align: center;
 +
}
 +
 +
.align-right {
 +
text-align: right;
 +
}
 +
 +
/* Section/Article */
 +
 +
section.special, article.special {
 +
text-align: center;
 +
}
 +
 +
header p {
 +
position: relative;
 +
margin: 0 0 1.5em 0;
 +
}
 +
 +
header h2 + p {
 +
font-size: 1.25em;
 +
margin-top: -1em;
 +
line-height: 1.5em;
 +
}
 +
 +
header h3 + p {
 +
font-size: 1.1em;
 +
margin-top: -0.8em;
 +
line-height: 1.5em;
 +
}
 +
 +
header h4 + p,
 +
header h5 + p,
 +
header h6 + p {
 +
font-size: 0.9em;
 +
margin-top: -0.6em;
 +
line-height: 1.5em;
 +
}
 +
 +
header.major {
 +
text-align: center;
 +
margin-bottom: 3em;
 +
}
 +
 +
header.major h2 {
 +
font-size: 3em;
 +
}
 +
 +
header.major p {
 +
border-top: medium double rgba(144, 144, 144, 0.25);
 +
display: inline-block;
 +
padding: 2em 2em 0 2em;
 +
}
 +
 +
/* Form */
 +
 +
form {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
label {
 +
color: #666;
 +
display: block;
 +
font-size: 0.9em;
 +
font-weight: 400;
 +
margin: 0 0 1em 0;
 +
}
 +
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select,
 +
textarea {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-o-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
background: rgba(144, 144, 144, 0.075);
 +
border-radius: 4px;
 +
border: none;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
color: inherit;
 +
display: block;
 +
outline: 0;
 +
padding: 0 1em;
 +
text-decoration: none;
 +
width: 100%;
 +
}
 +
 +
input[type="text"]:invalid,
 +
input[type="password"]:invalid,
 +
input[type="email"]:invalid,
 +
select:invalid,
 +
textarea:invalid {
 +
box-shadow: none;
 +
}
 +
 +
input[type="text"]:focus,
 +
input[type="password"]:focus,
 +
input[type="email"]:focus,
 +
select:focus,
 +
textarea:focus {
 +
border-color: #4dac71;
 +
box-shadow: 0 0 0 1px #4dac71;
 +
}
 +
 +
.select-wrapper {
 +
text-decoration: none;
 +
display: block;
 +
position: relative;
 +
}
 +
 +
.select-wrapper:before {
 +
content: "";
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 +
.select-wrapper:before {
 +
color: rgba(144, 144, 144, 0.25);
 +
display: block;
 +
height: 2.75em;
 +
line-height: 2.75em;
 +
pointer-events: none;
 +
position: absolute;
 +
right: 0;
 +
text-align: center;
 +
top: 0;
 +
width: 2.75em;
 +
}
 +
 +
.select-wrapper select::-ms-expand {
 +
display: none;
 +
}
 +
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select {
 +
height: 2.75em;
 +
}
 +
 +
textarea {
 +
padding: 0.75em 1em;
 +
}
 +
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-o-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
display: block;
 +
float: left;
 +
margin-right: -2em;
 +
opacity: 0;
 +
width: 1em;
 +
z-index: -1;
 +
}
 +
 +
input[type="checkbox"] + label,
 +
input[type="radio"] + label {
 +
text-decoration: none;
 +
color: #444;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-size: 1em;
 +
font-weight: 300;
 +
padding-left: 2.4em;
 +
padding-right: 0.75em;
 +
position: relative;
 +
}
 +
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-radius: 4px;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
content: '';
 +
display: inline-block;
 +
height: 1.65em;
 +
left: 0;
 +
line-height: 1.58125em;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
width: 1.65em;
 +
}
 +
 +
input[type="checkbox"]:checked + label:before,
 +
input[type="radio"]:checked + label:before {
 +
background: #3ba666;
 +
border-color: #3ba666;
 +
color: #ffffff;
 +
content: '\f00c';
 +
}
 +
 +
input[type="checkbox"]:focus + label:before,
 +
input[type="radio"]:focus + label:before {
 +
border-color: #4dac71;
 +
box-shadow: 0 0 0 1px #4dac71;
 +
}
 +
 +
input[type="checkbox"] + label:before {
 +
border-radius: 4px;
 +
}
 +
 +
input[type="radio"] + label:before {
 +
border-radius: 100%;
 +
}
 +
 +
::-webkit-input-placeholder {
 +
color: #888 !important;
 +
opacity: 1.0;
 +
}
 +
 +
:-moz-placeholder {
 +
color: #888 !important;
 +
opacity: 1.0;
 +
}
 +
 +
::-moz-placeholder {
 +
color: #888 !important;
 +
opacity: 1.0;
 +
}
 +
 +
:-ms-input-placeholder {
 +
color: #888 !important;
 +
opacity: 1.0;
 +
}
 +
 +
.formerize-placeholder {
 +
color: #888 !important;
 +
opacity: 1.0;
 +
}
 +
 +
/* Box */
 +
 +
.box {
 +
border-radius: 4px;
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
margin-bottom: 2em;
 +
padding: 1.5em;
 +
}
 +
 +
.box > :last-child,
 +
.box > :last-child > :last-child,
 +
.box > :last-child > :last-child > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 +
.box.alt {
 +
border: 0;
 +
border-radius: 0;
 +
padding: 0;
 +
}
 +
 +
/* Icon */
 +
 +
.icon {
 +
text-decoration: none;
 +
border-bottom: none;
 +
position: relative;
 +
}
 +
 +
.icon:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 +
.icon > .label {
 +
display: none;
 +
}
 +
 +
.icon.rounded {
 +
border-radius: 100%;
 +
border: 1px solid #4dac71;
 +
display: inline-block;
 +
height: 2em;
 +
line-height: 2em;
 +
text-align: center;
 +
width: 2em;
 +
}
 +
 +
.icon.rounded.big {
 +
font-size: 3.5em;
 +
}
 +
 +
/* Image */
 +
 +
.image {
 +
border-radius: 4px;
 +
border: 0;
 +
display: inline-block;
 +
position: relative;
 +
}
 +
 +
.image img {
 +
border-radius: 4px;
 +
display: block;
 +
}
 +
 +
.image.left {
 +
float: left;
 +
padding: 0 1.5em 1em 0;
 +
top: 0.25em;
 +
}
 +
 +
.image.right {
 +
float: right;
 +
padding: 0 0 1em 1.5em;
 +
top: 0.25em;
 +
}
 +
 +
.image.left, .image.right {
 +
max-width: 40%;
 +
}
 +
 +
.image.left img, .image.right img {
 +
width: 100%;
 +
}
 +
 +
.image.fit {
 +
display: block;
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 +
.image.fit img {
 +
width: 100%;
 +
}
 +
 +
/* List */
 +
 +
ol {
 +
list-style: decimal;
 +
margin: 0 0 2em 0;
 +
padding-left: 1.25em;
 +
}
 +
 +
ol li {
 +
padding-left: 0.25em;
 +
}
 +
 +
ul {
 +
list-style: disc;
 +
margin: 0 0 2em 0;
 +
padding-left: 1em;
 +
}
 +
 +
ul li {
 +
padding-left: 0.5em;
 +
}
 +
 +
ul.alt {
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 +
ul.alt li {
 +
border-top: solid 1px rgba(144, 144, 144, 0.25);
 +
padding: 0.8em 0;
 +
}
 +
 +
ul.alt li:first-child {
 +
border-top: 0;
 +
padding-top: 0;
 +
}
 +
 +
ul.icons {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 +
ul.icons li {
 +
display: inline-block;
 +
padding: 0 1em 0 0;
 +
}
 +
 +
ul.icons li:last-child {
 +
padding-right: 0;
 +
}
 +
 +
ul.actions {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 +
ul.actions li {
 +
display: inline-block;
 +
padding: 0 1em 0 0;
 +
vertical-align: middle;
 +
}
 +
 +
ul.actions li:last-child {
 +
padding-right: 0;
 +
}
 +
 +
ul.actions.small li {
 +
padding: 0 0.5em 0 0;
 +
}
 +
 +
ul.actions.vertical li {
 +
display: block;
 +
padding: 1em 0 0 0;
 +
}
 +
 +
ul.actions.vertical li:first-child {
 +
padding-top: 0;
 +
}
 +
 +
ul.actions.vertical li > * {
 +
margin-bottom: 0;
 +
}
 +
 +
ul.actions.vertical.small li {
 +
padding: 0.5em 0 0 0;
 +
}
 +
 +
ul.actions.vertical.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 +
ul.actions.fit {
 +
display: table;
 +
margin-left: -1em;
 +
padding: 0;
 +
table-layout: fixed;
 +
width: calc(100% + 1em);
 +
}
 +
 +
ul.actions.fit li {
 +
display: table-cell;
 +
padding: 0 0 0 1em;
 +
}
 +
 +
ul.actions.fit li > * {
 +
margin-bottom: 0;
 +
}
 +
 +
ul.actions.fit.small {
 +
margin-left: -0.5em;
 +
width: calc(100% + 0.5em);
 +
}
 +
 +
ul.actions.fit.small li {
 +
padding: 0 0 0 0.5em;
 +
}
 +
 +
ul.tabular {
 +
list-style: outside none none;
 +
padding: 0px;
 +
}
 +
 +
ul.tabular li {
 +
border-top: solid 1px rgba(144, 144, 144, 0.25);
 +
line-height: 1.75em;
 +
margin: 1.5em 0px 0px;
 +
padding-left: 7em;
 +
padding-top: 12px;
 +
position: relative;
 +
}
 +
 +
ul.tabular li:first-child {
 +
border-top: 0;
 +
margin-top: 0;
 +
}
 +
 +
ul.tabular li h3 {
 +
left: 0px;
 +
position: absolute;
 +
text-align: center;
 +
top: 12px;
 +
vertical-align: top;
 +
width: 1em;
 +
}
 +
 +
dl {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
/* Table */
 +
 +
.table-wrapper {
 +
-webkit-overflow-scrolling: touch;
 +
overflow-x: auto;
 +
}
 +
 +
table {
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 +
table tbody tr {
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 +
table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(144, 144, 144, 0.075);
 +
}
 +
 +
table td {
 +
padding: 0.75em 0.75em;
 +
}
 +
 +
table th {
 +
color: #666;
 +
font-size: 0.9em;
 +
font-weight: 400;
 +
padding: 0 0.75em 0.75em 0.75em;
 +
text-align: left;
 +
}
 +
 +
table thead {
 +
border-bottom: solid 0px rgba(144, 144, 144, 0.25);
 +
}
 +
 +
table tfoot {
 +
border-top: solid 2px rgba(144, 144, 144, 0.25);
 +
}
 +
 +
table.alt {
 +
border-collapse: separate;
 +
}
 +
 +
table.alt tbody tr td {
 +
border: solid 1px rgba(144, 144, 144, 0.25);
 +
border-left-width: 0;
 +
border-top-width: 0;
 +
}
 +
 +
table.alt tbody tr td:first-child {
 +
border-left-width: 1px;
 +
}
 +
 +
table.alt tbody tr:first-child td {
 +
border-top-width: 1px;
 +
}
 +
 +
table.alt thead {
 +
border-bottom: 0;
 +
}
 +
 +
table.alt tfoot {
 +
border-top: 0;
 +
}
 +
 +
/* Button */
 +
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
.button {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-o-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
background-color: #3ba666;
 +
border-radius: 4px;
 +
border: 0;
 +
color: #ffffff !important;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-weight: 400;
 +
height: 2.85em;
 +
line-height: 2.8em;
 +
padding: 0 2em;
 +
text-align: center;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
}
 +
 +
input[type="submit"]:hover,
 +
input[type="reset"]:hover,
 +
input[type="button"]:hover,
 +
.button:hover {
 +
background-color: #42b972;
 +
}
 +
 +
input[type="submit"]:active,
 +
input[type="reset"]:active,
 +
input[type="button"]:active,
 +
.button:active {
 +
background-color: #34935a;
 +
}
 +
 +
input[type="submit"].icon,
 +
input[type="reset"].icon,
 +
input[type="button"].icon,
 +
.button.icon {
 +
padding-left: 1.35em;
 +
}
 +
 +
input[type="submit"].icon:before,
 +
input[type="reset"].icon:before,
 +
input[type="button"].icon:before,
 +
.button.icon:before {
 +
margin-right: 0.5em;
 +
}
 +
 +
input[type="submit"].fit,
 +
input[type="reset"].fit,
 +
input[type="button"].fit,
 +
.button.fit {
 +
display: block;
 +
margin: 0 0 1em 0;
 +
width: 100%;
 +
}
 +
 +
input[type="submit"].small,
 +
input[type="reset"].small,
 +
input[type="button"].small,
 +
.button.small {
 +
font-size: 0.8em;
 +
}
 +
 +
input[type="submit"].big,
 +
input[type="reset"].big,
 +
input[type="button"].big,
 +
.button.big {
 +
font-size: 1.35em;
 +
}
 +
 +
input[type="submit"].alt,
 +
input[type="reset"].alt,
 +
input[type="button"].alt,
 +
.button.alt {
 +
background-color: transparent;
 +
box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
 +
color: #666 !important;
 +
}
 +
 +
input[type="submit"].alt:hover,
 +
input[type="reset"].alt:hover,
 +
input[type="button"].alt:hover,
 +
.button.alt:hover {
 +
background-color: rgba(144, 144, 144, 0.075);
 +
}
 +
 +
input[type="submit"].alt:active,
 +
input[type="reset"].alt:active,
 +
input[type="button"].alt:active,
 +
.button.alt:active {
 +
background-color: rgba(144, 144, 144, 0.2);
 +
}
 +
 +
input[type="submit"].alt.icon:before,
 +
input[type="reset"].alt.icon:before,
 +
input[type="button"].alt.icon:before,
 +
.button.alt.icon:before {
 +
color: #888;
 +
}
 +
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
.button.special {
 +
background-color: #4dac71;
 +
color: #ffffff !important;
 +
}
 +
 +
input[type="submit"].special:hover,
 +
input[type="reset"].special:hover,
 +
input[type="button"].special:hover,
 +
.button.special:hover {
 +
background-color: #5cb67e;
 +
}
 +
 +
input[type="submit"].special:active,
 +
input[type="reset"].special:active,
 +
input[type="button"].special:active,
 +
.button.special:active {
 +
background-color: #459a65;
 +
}
 +
 +
input[type="submit"].disabled, input[type="submit"]:disabled,
 +
input[type="reset"].disabled,
 +
input[type="reset"]:disabled,
 +
input[type="button"].disabled,
 +
input[type="button"]:disabled,
 +
.button.disabled,
 +
.button:disabled {
 +
background-color: #444 !important;
 +
box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
 +
color: #fff !important;
 +
cursor: default;
 +
opacity: 0.25;
 +
}
 +
 +
/* Header */
 +
 +
body.landing #header {
 +
background-color: transparent;
 +
left: 0;
 +
position: absolute;
 +
top: 0;
 +
}
 +
 +
#header {
 +
background-color: #202222;
 +
color: #ffffff;
 +
cursor: default;
 +
height: 4.75em;
 +
line-height: 4.75em;
 +
width: 100%;
 +
z-index: 10000;
 +
}
 +
 +
#header h1 {
 +
color: #ffffff;
 +
height: inherit;
 +
left: 2.5em;
 +
line-height: inherit;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
top: 0;
 +
}
 +
 +
#header h1 a {
 +
font-size: 1.25em;
 +
}
 +
 +
#header nav {
 +
height: inherit;
 +
line-height: inherit;
 +
position: absolute;
 +
right: 2.75em;
 +
top: 0;
 +
vertical-align: middle;
 +
}
 +
 +
#header nav > ul {
 +
list-style: none;
 +
margin: 0;
 +
padding-left: 0;
 +
}
 +
 +
#header nav > ul > li {
 +
border-radius: 4px;
 +
display: inline-block;
 +
margin-left: 1.5em;
 +
padding-left: 0;
 +
}
 +
 +
#header nav > ul > li a {
 +
-moz-transition: color 0.2s ease-in-out;
 +
-webkit-transition: color 0.2s ease-in-out;
 +
-o-transition: color 0.2s ease-in-out;
 +
-ms-transition: color 0.2s ease-in-out;
 +
transition: color 0.2s ease-in-out;
 +
color: #cee8d8;
 +
display: inline-block;
 +
text-decoration: none;
 +
}
 +
 +
#header nav > ul > li a:hover {
 +
color: #ffffff;
 +
}
 +
 +
#header nav > ul > li:first-child {
 +
margin-left: 0;
 +
}
 +
 +
#header nav > ul > li .button {
 +
height: 2.25em;
 +
line-height: 2.25em;
 +
margin-bottom: 0;
 +
padding: 0 1em;
 +
position: relative;
 +
top: -0.075em;
 +
vertical-align: middle;
 +
}
 +
 +
#header .container {
 +
position: relative;
 +
}
 +
 +
#header .container h1 {
 +
left: 0;
 +
}
 +
 +
#header .container nav {
 +
right: 0;
 +
}
 +
 +
/* Banner */
 +
 +
#banner {
 +
background: url("../images/banner.jpg") ;
 +
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
color: #ffffff;
 +
padding: 41em 0em 1em;
 +
text-align: center;
 +
 +
}
 +
 +
#banner h2 {
 +
color: #ffffff;
 +
font-size: 3em;
 +
line-height: 1em;
 +
margin: 0 0 0.5em 0;
 +
padding: 0;
 +
}
 +
 +
#banner p {
 +
font-size: 1.5em;
 +
margin: 1.5em 0 0 0;
 +
}
 +
 +
#banner .actions {
 +
margin: 3em 0 0 0;
 +
}
 +
 +
#banner .button {
 +
background-color: transparent;
 +
border: 1px solid #ffffff;
 +
font-weight: 300;
 +
}
 +
 +
#banner .button:hover {
 +
background-color: rgba(255, 255, 255, 0.2);
 +
}
 +
 +
/* Wrapper */
 +
 +
.wrapper {
 +
padding: 3em 0em 4em;
 +
}
 +
 +
.wrapper.style1 {
 +
background-color: #3ba666;
 +
-moz-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%);
 +
-webkit-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%);
 +
-o-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%);
 +
-ms-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%);
 +
background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%);
 +
color: #ffffff;
 +
margin-top: 0em;
 +
}
 +
 +
.wrapper.style1 header {
 +
margin-bottom: 4em;
 +
}
 +
 +
.wrapper.style1 h2 {
 +
color: #ffffff;
 +
}
 +
 +
.wrapper.style1 .icon.big {
 +
border-color: #ffffff;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
.wrapper.style2 .title, .wrapper.style2 header {
 +
border-bottom: medium double rgba(144, 144, 144, 0.25);
 +
padding-bottom: 1em;
 +
}
 +
 +
.wrapper.style2 header {
 +
margin-bottom: 4em;
 +
}
 +
 +
.wrapper.style2 .feature {
 +
margin: 0 0 2em 0;
 +
}
 +
 +
/* Footer */
 +
 +
#footer {
 +
background: #202222;
 +
color: #ddd;
 +
padding: 1em 0em 1em;
 +
}
 +
 +
#footer h2, #footer h3, #footer h4 {
 +
color: #ffffff;
 +
}
 +
 +
#footer a {
 +
-moz-transition: all 0.2s ease-in-out;
 +
-webkit-transition: all 0.2s ease-in-out;
 +
-o-transition: all 0.2s ease-in-out;
 +
-ms-transition: all 0.2s ease-in-out;
 +
transition: all 0.2s ease-in-out;
 +
color: #888;
 +
}
 +
 +
#footer a:active, #footer a:hover {
 +
color: #ffffff;
 +
}
 +
 +
#footer .icons .rounded {
 +
border-color: #888;
 +
font-size: 1.5em;
 +
}
 +
 +
#footer .icons .rounded:active, #footer .icons .rounded:hover {
 +
border-color: #ffffff;
 +
}
 +
 +
#footer .copyright {
 +
font-size: 0.9em;
 +
margin: 2em 0 0 0;
 +
padding: 0;
 +
text-align: center;
 +
}
 +
 +
#footer .copyright li {
 +
border-left: solid 1px rgba(144, 144, 144, 0.25);
 +
display: inline-block;
 +
list-style: none;
 +
margin-left: 1.5em;
 +
padding-left: 1.5em;
 +
}
 +
 +
#footer .copyright li:first-child {
 +
border-left: 0;
 +
margin-left: 0;
 +
padding-left: 0;
 +
}<style>
 +
 +
 +
</style>
 
<html lang="en">
 
<html lang="en">
 +
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">

Revision as of 13:21, 27 October 2017

.navbar { 

	position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */

top:0px; left:0px; height:50px; width:100%; margin:0; padding:0; z-index:999; background-color: #333; overflow:visible; }


.toppad { 

 padding-top:100px;
 padding-bottom: 0px;

}

.bggg { 

 background-image: url("https://2017.igem.org/File:T--IIT_Delhi--background.png");
 padding-left: 300px;
 padding-right: 300px;
 min-height: 800px;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
 background-size: cover;
 padding-bottom: 0px;

} .width-max { width:100%; height: auto; }

.navbar a { 

   float: left;
   font-size: 16px;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;

}

.dropdown { 

   float: left;
   overflow: hidden;
   z-index: 101;

}

.dropdown .dropbtn { 

   font-size: 16px;    
   border: none;
   outline: none;
   color: white;
   padding: 18px 16px;
   background-color: inherit;
   z-index: 101;

}

.navbar a:hover, .dropdown:hover .dropbtn { 

   background-color: red;
   z-index: 101;

}

.dropdown-content { 

   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 101;

} .dropdown-content-big { 

   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 200px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 101;

} .dropdown-content a { 

   float: none;
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
   z-index: 101;

}

.dropdown-content a:hover { 

   background-color: #ddd;
   z-index: 101;

} .dropdown-content-big a { 

   float: none;
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
   z-index: 101;

}

.dropdown-content-big a:hover { 

   background-color: #ddd;
   z-index: 101;

}

.dropdown:hover .dropdown-content { 

   display: block;
   z-index: 101;

} .dropdown:hover .dropdown-content-big { 

   display: block;
   z-index: 101;

} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .igem_iitd-hover-opacity {cursor: pointer;}

.igem_iitd-black,.igem_iitd-hover-black:hover{color:#fff!important;background-color:#000!important} .igem_iitd-padding-64{padding-top:64px!important;padding-bottom:64px!important} .igem_iitd-hover-opacity-off:hover{opacity:1} .igem_iitd-button:hover{color:#000!important;background-color:#ccc!important} .igem_iitd-light-grey,.igem_iitd-hover-light-grey:hover,.igem_iitd-light-gray,.igem_iitd-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important} .igem_iitd-margin-right{margin-right:16px!important} .igem_iitd-button:hover{color:#000!important;background-color:#ccc!important}

.right_menu{ float: right; 

   text-align: right;
   width: auto;
   margin-right: 60px;

} .backbody { 

   background-image: url("1.png");
   min-height: 800px;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 0.4;
       position: absolute;
   left: 0px;
   top: 0px;
   bottom: 0px;
   z-index: -1;

} body { 

   background-color: black;

}

@font-face { 

 font-family: 'Lato';
 font-style: normal;
 font-weight: 300;
 src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v14/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Lato';
 font-style: normal;
 font-weight: 300;
 src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v14/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

} /* latin-ext */ @font-face { 

 font-family: 'Lato';
 font-style: normal;
 font-weight: 400;
 src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v14/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

} /* latin */ @font-face { 

 font-family: 'Lato';
 font-style: normal;
 font-weight: 400;
 src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v14/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

body { background: #fff; }

body, input, select, textarea { color: #444; font-family: "Lato", Helvetica, sans-serif; font-size: 15pt; font-weight: 300; line-height: 1.65em; }

a { color: #4dac71; text-decoration: underline; }

a:hover { text-decoration: none; }

strong, b { color: #eee; font-weight: 400; }

em, i { font-style: italic; }

p { margin: 0 0 2em 0; }

h1, h2, h3, h4, h5, h6 { color: #666; font-weight: 300; line-height: 1em; margin: 0 0 1em 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }

h2 { font-size: 1.75em; line-height: 1.5em; }

h3 { font-size: 1.35em; line-height: 1.5em; }

h4 { font-size: 1.1em; line-height: 1.5em; }

h5 { font-size: 0.9em; line-height: 1.5em; }

h6 { font-size: 0.7em; line-height: 1.5em; }

sub { font-size: 0.8em; position: relative; top: 0.5em; }

sup { font-size: 0.8em; position: relative; top: -0.5em; }

hr { border: 0; border-bottom: medium 1px rgba(144, 144, 144, 0.25); margin: 2em 0; }

hr.major { margin: 3em 0; }

blockquote { border-left: solid 4px rgba(144, 144, 144, 0.25); font-style: italic; margin: 0 0 2em 0; padding: 0.5em 0 0.5em 2em; }

code { background: rgba(144, 144, 144, 0.075); border-radius: 4px; border: solid 1px rgba(144, 144, 144, 0.25); font-family: "Courier New", monospace; font-size: 0.9em; margin: 0 0.25em; padding: 0.25em 0.65em; }

pre { -webkit-overflow-scrolling: touch; font-family: "Courier New", monospace; font-size: 0.9em; margin: 0 0 2em 0; }

pre code { display: block; line-height: 1.75em; padding: 1em 1.5em; overflow-x: auto; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

/* Section/Article */

section.special, article.special { text-align: center; }

header p { position: relative; margin: 0 0 1.5em 0; }

header h2 + p { font-size: 1.25em; margin-top: -1em; line-height: 1.5em; }

header h3 + p { font-size: 1.1em; margin-top: -0.8em; line-height: 1.5em; }

header h4 + p, header h5 + p, header h6 + p { font-size: 0.9em; margin-top: -0.6em; line-height: 1.5em; }

header.major { text-align: center; margin-bottom: 3em; }

header.major h2 { font-size: 3em; }

header.major p { border-top: medium double rgba(144, 144, 144, 0.25); display: inline-block; padding: 2em 2em 0 2em; }

/* Form */

form { margin: 0 0 2em 0; }

label { color: #666; display: block; font-size: 0.9em; font-weight: 400; margin: 0 0 1em 0; }

input[type="text"], input[type="password"], input[type="email"], select, textarea { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background: rgba(144, 144, 144, 0.075); border-radius: 4px; border: none; border: solid 1px rgba(144, 144, 144, 0.25); color: inherit; display: block; outline: 0; padding: 0 1em; text-decoration: none; width: 100%; }

input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, select:invalid, textarea:invalid { box-shadow: none; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus { border-color: #4dac71; box-shadow: 0 0 0 1px #4dac71; }

.select-wrapper { text-decoration: none; display: block; position: relative; }

.select-wrapper:before { content: ""; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }

.select-wrapper:before { color: rgba(144, 144, 144, 0.25); display: block; height: 2.75em; line-height: 2.75em; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 2.75em; }

.select-wrapper select::-ms-expand { display: none; }

input[type="text"], input[type="password"], input[type="email"], select { height: 2.75em; }

textarea { padding: 0.75em 1em; }

input[type="checkbox"], input[type="radio"] { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; display: block; float: left; margin-right: -2em; opacity: 0; width: 1em; z-index: -1; }

input[type="checkbox"] + label, input[type="radio"] + label { text-decoration: none; color: #444; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 300; padding-left: 2.4em; padding-right: 0.75em; position: relative; }

input[type="checkbox"] + label:before, input[type="radio"] + label:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }

input[type="checkbox"] + label:before, input[type="radio"] + label:before { background: rgba(144, 144, 144, 0.075); border-radius: 4px; border: solid 1px rgba(144, 144, 144, 0.25); content: ; display: inline-block; height: 1.65em; left: 0; line-height: 1.58125em; position: absolute; text-align: center; top: 0; width: 1.65em; }

input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { background: #3ba666; border-color: #3ba666; color: #ffffff; content: '\f00c'; }

input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before { border-color: #4dac71; box-shadow: 0 0 0 1px #4dac71; }

input[type="checkbox"] + label:before { border-radius: 4px; }

input[type="radio"] + label:before { border-radius: 100%; }

::-webkit-input-placeholder { color: #888 !important; opacity: 1.0; }

:-moz-placeholder { color: #888 !important; opacity: 1.0; }

::-moz-placeholder { color: #888 !important; opacity: 1.0; }

:-ms-input-placeholder { color: #888 !important; opacity: 1.0; }

.formerize-placeholder { color: #888 !important; opacity: 1.0; }

/* Box */

.box { border-radius: 4px; border: solid 1px rgba(144, 144, 144, 0.25); margin-bottom: 2em; padding: 1.5em; }

.box > :last-child, .box > :last-child > :last-child, .box > :last-child > :last-child > :last-child { margin-bottom: 0; }

.box.alt { border: 0; border-radius: 0; padding: 0; }

/* Icon */

.icon { text-decoration: none; border-bottom: none; position: relative; }

.icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }

.icon > .label { display: none; }

.icon.rounded { border-radius: 100%; border: 1px solid #4dac71; display: inline-block; height: 2em; line-height: 2em; text-align: center; width: 2em; }

.icon.rounded.big { font-size: 3.5em; }

/* Image */

.image { border-radius: 4px; border: 0; display: inline-block; position: relative; }

.image img { border-radius: 4px; display: block; }

.image.left { float: left; padding: 0 1.5em 1em 0; top: 0.25em; }

.image.right { float: right; padding: 0 0 1em 1.5em; top: 0.25em; }

.image.left, .image.right { max-width: 40%; }

.image.left img, .image.right img { width: 100%; }

.image.fit { display: block; margin: 0 0 2em 0; width: 100%; }

.image.fit img { width: 100%; }

/* List */

ol { list-style: decimal; margin: 0 0 2em 0; padding-left: 1.25em; }

ol li { padding-left: 0.25em; }

ul { list-style: disc; margin: 0 0 2em 0; padding-left: 1em; }

ul li { padding-left: 0.5em; }

ul.alt { list-style: none; padding-left: 0; }

ul.alt li { border-top: solid 1px rgba(144, 144, 144, 0.25); padding: 0.8em 0; }

ul.alt li:first-child { border-top: 0; padding-top: 0; }

ul.icons { cursor: default; list-style: none; padding-left: 0; }

ul.icons li { display: inline-block; padding: 0 1em 0 0; }

ul.icons li:last-child { padding-right: 0; }

ul.actions { cursor: default; list-style: none; padding-left: 0; }

ul.actions li { display: inline-block; padding: 0 1em 0 0; vertical-align: middle; }

ul.actions li:last-child { padding-right: 0; }

ul.actions.small li { padding: 0 0.5em 0 0; }

ul.actions.vertical li { display: block; padding: 1em 0 0 0; }

ul.actions.vertical li:first-child { padding-top: 0; }

ul.actions.vertical li > * { margin-bottom: 0; }

ul.actions.vertical.small li { padding: 0.5em 0 0 0; }

ul.actions.vertical.small li:first-child { padding-top: 0; }

ul.actions.fit { display: table; margin-left: -1em; padding: 0; table-layout: fixed; width: calc(100% + 1em); }

ul.actions.fit li { display: table-cell; padding: 0 0 0 1em; }

ul.actions.fit li > * { margin-bottom: 0; }

ul.actions.fit.small { margin-left: -0.5em; width: calc(100% + 0.5em); }

ul.actions.fit.small li { padding: 0 0 0 0.5em; }

ul.tabular { list-style: outside none none; padding: 0px; }

ul.tabular li { border-top: solid 1px rgba(144, 144, 144, 0.25); line-height: 1.75em; margin: 1.5em 0px 0px; padding-left: 7em; padding-top: 12px; position: relative; }

ul.tabular li:first-child { border-top: 0; margin-top: 0; }

ul.tabular li h3 { left: 0px; position: absolute; text-align: center; top: 12px; vertical-align: top; width: 1em; }

dl { margin: 0 0 2em 0; }

/* Table */

.table-wrapper { -webkit-overflow-scrolling: touch; overflow-x: auto; }

table { margin: 0 0 2em 0; width: 100%; }

table tbody tr { border: solid 1px rgba(144, 144, 144, 0.25); border-left: 0; border-right: 0; }

table tbody tr:nth-child(2n + 1) { background-color: rgba(144, 144, 144, 0.075); }

table td { padding: 0.75em 0.75em; }

table th { color: #666; font-size: 0.9em; font-weight: 400; padding: 0 0.75em 0.75em 0.75em; text-align: left; }

table thead { border-bottom: solid 0px rgba(144, 144, 144, 0.25); }

table tfoot { border-top: solid 2px rgba(144, 144, 144, 0.25); }

table.alt { border-collapse: separate; }

table.alt tbody tr td { border: solid 1px rgba(144, 144, 144, 0.25); border-left-width: 0; border-top-width: 0; }

table.alt tbody tr td:first-child { border-left-width: 1px; }

table.alt tbody tr:first-child td { border-top-width: 1px; }

table.alt thead { border-bottom: 0; }

table.alt tfoot { border-top: 0; }

/* Button */

input[type="submit"], input[type="reset"], input[type="button"], .button { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; background-color: #3ba666; border-radius: 4px; border: 0; color: #ffffff !important; cursor: pointer; display: inline-block; font-weight: 400; height: 2.85em; line-height: 2.8em; padding: 0 2em; text-align: center; text-decoration: none; white-space: nowrap; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover { background-color: #42b972; }

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active { background-color: #34935a; }

input[type="submit"].icon, input[type="reset"].icon, input[type="button"].icon, .button.icon { padding-left: 1.35em; }

input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, .button.icon:before { margin-right: 0.5em; }

input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, .button.fit { display: block; margin: 0 0 1em 0; width: 100%; }

input[type="submit"].small, input[type="reset"].small, input[type="button"].small, .button.small { font-size: 0.8em; }

input[type="submit"].big, input[type="reset"].big, input[type="button"].big, .button.big { font-size: 1.35em; }

input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt { background-color: transparent; box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25); color: #666 !important; }

input[type="submit"].alt:hover, input[type="reset"].alt:hover, input[type="button"].alt:hover, .button.alt:hover { background-color: rgba(144, 144, 144, 0.075); }

input[type="submit"].alt:active, input[type="reset"].alt:active, input[type="button"].alt:active, .button.alt:active { background-color: rgba(144, 144, 144, 0.2); }

input[type="submit"].alt.icon:before, input[type="reset"].alt.icon:before, input[type="button"].alt.icon:before, .button.alt.icon:before { color: #888; }

input[type="submit"].special, input[type="reset"].special, input[type="button"].special, .button.special { background-color: #4dac71; color: #ffffff !important; }

input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, .button.special:hover { background-color: #5cb67e; }

input[type="submit"].special:active, input[type="reset"].special:active, input[type="button"].special:active, .button.special:active { background-color: #459a65; }

input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, .button.disabled, .button:disabled { background-color: #444 !important; box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); color: #fff !important; cursor: default; opacity: 0.25; }

/* Header */

body.landing #header { background-color: transparent; left: 0; position: absolute; top: 0; }

#header { background-color: #202222; color: #ffffff; cursor: default; height: 4.75em; line-height: 4.75em; width: 100%; z-index: 10000; }

#header h1 { color: #ffffff; height: inherit; left: 2.5em; line-height: inherit; margin: 0; padding: 0; position: absolute; top: 0; }

#header h1 a { font-size: 1.25em; }

#header nav { height: inherit; line-height: inherit; position: absolute; right: 2.75em; top: 0; vertical-align: middle; }

#header nav > ul { list-style: none; margin: 0; padding-left: 0; }

#header nav > ul > li { border-radius: 4px; display: inline-block; margin-left: 1.5em; padding-left: 0; }

#header nav > ul > li a { -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; color: #cee8d8; display: inline-block; text-decoration: none; }

#header nav > ul > li a:hover { color: #ffffff; }

#header nav > ul > li:first-child { margin-left: 0; }

#header nav > ul > li .button { height: 2.25em; line-height: 2.25em; margin-bottom: 0; padding: 0 1em; position: relative; top: -0.075em; vertical-align: middle; }

#header .container { position: relative; }

#header .container h1 { left: 0; }

#header .container nav { right: 0; }

/* Banner */

#banner { background: url("../images/banner.jpg") ;

background-position: center; background-repeat: no-repeat; background-size: cover; color: #ffffff; padding: 41em 0em 1em; text-align: center;

}

#banner h2 { color: #ffffff; font-size: 3em; line-height: 1em; margin: 0 0 0.5em 0; padding: 0; }

#banner p { font-size: 1.5em; margin: 1.5em 0 0 0; }

#banner .actions { margin: 3em 0 0 0; }

#banner .button { background-color: transparent; border: 1px solid #ffffff; font-weight: 300; }

#banner .button:hover { background-color: rgba(255, 255, 255, 0.2); }

/* Wrapper */

.wrapper { padding: 3em 0em 4em; }

.wrapper.style1 { background-color: #3ba666; -moz-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%); -webkit-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%); -o-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%); -ms-background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%); background-image: linear-gradient(60deg, #4dac71 50%, #3ba666 50%); color: #ffffff; margin-top: 0em; }

.wrapper.style1 header { margin-bottom: 4em; }

.wrapper.style1 h2 { color: #ffffff; }

.wrapper.style1 .icon.big { border-color: #ffffff; margin-bottom: 0.5em; }

.wrapper.style2 .title, .wrapper.style2 header { border-bottom: medium double rgba(144, 144, 144, 0.25); padding-bottom: 1em; }

.wrapper.style2 header { margin-bottom: 4em; }

.wrapper.style2 .feature { margin: 0 0 2em 0; }

/* Footer */

#footer { background: #202222; color: #ddd; padding: 1em 0em 1em; }

#footer h2, #footer h3, #footer h4 { color: #ffffff; }

#footer a { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #888; }

#footer a:active, #footer a:hover { color: #ffffff; }

#footer .icons .rounded { border-color: #888; font-size: 1.5em; }

#footer .icons .rounded:active, #footer .icons .rounded:hover { border-color: #ffffff; }

#footer .copyright { font-size: 0.9em; margin: 2em 0 0 0; padding: 0; text-align: center; }

#footer .copyright li { border-left: solid 1px rgba(144, 144, 144, 0.25); display: inline-block; list-style: none; margin-left: 1.5em; padding-left: 1.5em; }

#footer .copyright li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }<style>


</style> iGEM IIT Delhi

iGEM IIT Delhi
Description Results Proof of Concept Basic Parts Composite Parts
Overview Logic Assessment Signalling Tools
Human Practices Integrated Practices Public Engagement Collaborations
Lab Records Protocols Recipes Medal Criteria Recipes
The Team Attributions

Abstract

Lack of digital responses in Synthetic Biology have inhibited the diverse potential that accompanies the digitization of biological circuits. This year we aim to develop synthetic modules for signal processing in biological systems, in the form of elements of specialized logic gates based on transcriptional regulation. We move from developing near digital logic gates with sharp responses, to more specialized collapsible and reconfigurable circuits which can perform various operations like developing square pulses. Further, to realize this aim of making a square wave generator, we engineered a five node repression based ring network to give digital oscillations. Quantitative computational modelling would be used to tailor the cellular environment and observe period, steepness, noise and amplitude variations. Our project poses to be an integral element in genetic networks intended to solve scientific challenges for years to come, ranging from making light sensitive frequency modulators and bacterial memory storage systems.

Consectetur adipisicing elit

Lorem ipsum dolor sit amet adipisicing elit. Delectus consequatur sed tempus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium ullam consequatur repellat debitis maxime molestiae.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque eaque eveniet, nesciunt molestias. Ipsam, voluptate vero.

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, autem.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ipsa voluptate, quae quibusdam. Doloremque similique, reiciendis sit quibusdam aperiam? Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Esse, fugiat, in

Natus perspiciatis fugit illum porro iusto fuga nam voluptas minima voluptates deserunt, veniam reiciendis harum repellat necessitatibus. Animi, adipisci qui. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Voluptates, repudiandae, dolor

Voluptatibus repellendus tempora, quia! Consequuntur atque, rerum quis, ullam labore officiis ipsa beatae dolore, assumenda eos harum repudiandae, qui ab! Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Eveniet, reiciendis, veniam

Rem nulla molestiae inventore quibusdam repudiandae doloremque eveniet ullam, qui autem possimus saepe laudantium numquam sapiente vel. Repudiandae, nihil tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Sponsored By
Contact Us Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi