Difference between revisions of "Team:TECHNION-ISRAEL"

Line 1: Line 1:
−
<html lang="en">
+
/*!
−
<head>
+
iGEM Technion 2017
−
        <!-- Title for the page & metadata  -->       
+
*/
−
        <title>Tolegen, by iGEM Technion 2017</title>
+
−
    <meta charset="utf-8">
+
−
    <meta name="navbar" content="width=device-width, initial-scale=1">
+
  
−
    <!-- Bootstrap CSS -->
 
−
                <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
 
−
                <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
 
−
            <!-- Bootstrap JS -->
 
−
                <script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 
−
                <script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 
−
        <!-- ===================Basic Bootstrap's CSS and JS=================== -->
 
−
            <!-- Our wiki CSS -->
 
−
                <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/CSS?action=raw&ctype=text/css"/>
 
−
 
−
<!-- fonts -->
 
−
  <!-- Fonts -->
 
−
      <script src="https://use.fontawesome.com/597ba5ca72.js"></script>
 
−
<link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet">
 
−
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet">
 
−
<style>
 
−
 
−
body{
 
−
 
−
margin-left: 0;
 
−
margin-right: 0;
 
−
margin-top: 0;
 
−
padding-top: 0;
 
−
}
 
−
 
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {padding-top: 10px;}
 
−
.imglog {
 
−
display: inline;
 
−
padding: 0 20px 0 20px;
 
−
width: 160px;
 
−
}
 
−
 
−
.navbar-inverse {
 
−
 
−
padding-top: 20px;
 
−
background-image: none;
 
−
background-color: transparent ;
 
−
border: none;
 
−
}
 
−
 
−
.dropdown-toggle {
 
−
margin-top : -1000px; ;
 
−
}
 
−
 
−
</style>
 
−
 
−
<!------ snippet hover navbar----->
 
−
 
−
<style type="text/css">
 
−
@media screen and (min-width: 768px){
 
−
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
 
−
display: block;
 
−
}
 
−
.dropdown-menu{
 
−
margin-top: 0;
 
−
}
 
−
.dropdown-toggle{
 
−
margin-bottom: 2px;
 
−
}
 
−
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
 
−
margin-bottom: 0;
 
−
}
 
−
}
 
−
</style>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$(".dropdown, .btn-group").hover(function(){
 
−
var dropdownMenu = $(this).children(".dropdown-menu");
 
−
if(dropdownMenu.is(":visible")){
 
−
dropdownMenu.parent().toggleClass("open");
 
−
}
 
−
});
 
−
});   
 
−
</script>
 
  
−
</head>
+
/*! =====================================wiki reset===================================== */
 +
 
 +
.reset-this {
 +
animation : none;
 +
animation-delay : 0;
 +
animation-direction : normal;
 +
animation-duration : 0;
 +
animation-fill-mode : none;
 +
animation-iteration-count : 1;
 +
animation-name : none;
 +
animation-play-state : running;
 +
animation-timing-function : ease;
 +
backface-visibility : visible;
 +
background : 0;
 +
background-attachment : scroll;
 +
background-clip : border-box;
 +
background-color : transparent;
 +
background-image : none;
 +
background-origin : padding-box;
 +
background-position : 0 0;
 +
background-position-x : 0;
 +
background-position-y : 0;
 +
background-repeat : repeat;
 +
background-size : auto auto;
 +
border : 0;
 +
border-style : none;
 +
border-width : medium;
 +
border-color : inherit;
 +
border-bottom : 0;
 +
border-bottom-color : inherit;
 +
border-bottom-left-radius : 0;
 +
border-bottom-right-radius : 0;
 +
border-bottom-style : none;
 +
border-bottom-width : medium;
 +
border-collapse : separate;
 +
border-image : none;
 +
border-left : 0;
 +
border-left-color : inherit;
 +
border-left-style : none;
 +
border-left-width : medium;
 +
border-radius : 0;
 +
border-right : 0;
 +
border-right-color : inherit;
 +
border-right-style : none;
 +
border-right-width : medium;
 +
border-spacing : 0;
 +
border-top : 0;
 +
border-top-color : inherit;
 +
border-top-left-radius : 0;
 +
border-top-right-radius : 0;
 +
border-top-style : none;
 +
border-top-width : medium;
 +
bottom : auto;
 +
box-shadow : none;
 +
box-sizing : content-box;
 +
caption-side : top;
 +
clear : none;
 +
clip : auto;
 +
color : inherit;
 +
columns : auto;
 +
column-count : auto;
 +
column-fill : balance;
 +
column-gap : normal;
 +
column-rule : medium none currentColor;
 +
column-rule-color : currentColor;
 +
column-rule-style : none;
 +
column-rule-width : none;
 +
column-span : 1;
 +
column-width : auto;
 +
content : normal;
 +
counter-increment : none;
 +
counter-reset : none;
 +
cursor : auto;
 +
direction : ltr;
 +
display : inline;
 +
empty-cells : show;
 +
float : none;
 +
font : normal;
 +
font-family : inherit;
 +
font-size : medium;
 +
font-style : normal;
 +
font-variant : normal;
 +
font-weight : normal;
 +
height : auto;
 +
hyphens : none;
 +
left : auto;
 +
letter-spacing : normal;
 +
line-height : normal;
 +
list-style : none;
 +
list-style-image : none;
 +
list-style-position : outside;
 +
list-style-type : disc;
 +
margin : 0;
 +
margin-bottom : 0;
 +
margin-left : 0;
 +
margin-right : 0;
 +
margin-top : 0;
 +
max-height : none;
 +
max-width : none;
 +
min-height : 0;
 +
min-width : 0;
 +
opacity : 1;
 +
orphans : 0;
 +
outline : 0;
 +
outline-color : invert;
 +
outline-style : none;
 +
outline-width : medium;
 +
overflow : visible;
 +
overflow-x : visible;
 +
overflow-y : visible;
 +
padding : 0;
 +
padding-bottom : 0;
 +
padding-left : 0;
 +
padding-right : 0;
 +
padding-top : 0;
 +
page-break-after : auto;
 +
page-break-before : auto;
 +
page-break-inside : auto;
 +
perspective : none;
 +
perspective-origin : 50% 50%;
 +
position : static;
 +
/* May need to alter quotes for different locales (e.g fr) */
 +
quotes : '\201C' '\201D' '\2018' '\2019';
 +
right : auto;
 +
tab-size : 8;
 +
table-layout : auto;
 +
text-align : inherit;
 +
text-align-last : auto;
 +
text-decoration : none;
 +
text-decoration-color : inherit;
 +
text-decoration-line : none;
 +
text-decoration-style : solid;
 +
text-indent : 0;
 +
text-shadow : none;
 +
text-transform : none;
 +
top : auto;
 +
transform : none;
 +
transform-style : flat;
 +
transition : none;
 +
transition-delay : 0s;
 +
transition-duration : 0s;
 +
transition-property : none;
 +
transition-timing-function : ease;
 +
unicode-bidi : normal;
 +
vertical-align : baseline;
 +
visibility : visible;
 +
white-space : normal;
 +
widows : 0;
 +
width : auto;
 +
word-spacing : normal;
 +
z-index : auto;
 +
}
 +
 
 +
 
 +
/*! ===================================END: wiki reset================================== */
 +
 
 +
 
 +
 
 +
/*! =====================================canceling wiki specific design===================================== */
 +
 
 +
/* Closing wiki side menu */
 +
#sideMenu, #top_title {
 +
display: none;
 +
}
 +
 +
#content {
 +
width: 100%;
 +
margin: 0px;
 +
padding: 0px;
 +
background: none;
 +
}
 +
 
 +
 
 +
/*! Wiki defult settings are 127% */
 +
#globalWrapper {
 +
width: 100%;
 +
float: none;
 +
}
 +
 
 +
/*corecting wiki css */
 +
#HQ_page h1, h2, h3, h4, h5, h6 {
 +
font-family: 'Assistant', Arial, sans-serif;
 +
font-weight : normal;
 +
}
 +
 
 +
#HQ_page p {
 +
font-family: 'Assistant', Arial, sans-serif;
 +
font-weight : normal;
 +
font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 35px;
 +
}
 
 
−
<body>
+
#content h1, h2, h3, h4, h5, h6 {
−
<div class="row" style= "margin-top: -12px">
+
font-family: 'Assistant', Arial, sans-serif;
−
<img src="https://static.igem.org/mediawiki/2017/1/17/T--TECHNION-ISRAEL--home-new.gif" class=" img-center cont_cover" width="100%" style="margin-top: 0px;">
+
font-weight : normal;
 +
}
 +
 
 +
#content p {
 +
font-family: 'Assistant', Arial, sans-serif;
 +
font-weight : normal;
 +
font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 35px;
 +
}
 +
 
 +
#bodyContent h1, h2, h3, h4, h5, h6{
 +
    margin-bottom: 0;
 +
}
 +
 
 +
#globalWrapper{
 +
font-size: 100%;
 +
}
 +
 
 +
#bodyContent a[href ^="https://"], .link-https {
 +
    padding-right: 0px;}
 +
/*! ==================================End of canceling wiki specific design================================== */
 +
 
 +
 
 +
/*! ================================== Our CSS ================================== */
 +
 
 +
 +
ul {
 +
list-style-type: none;
 +
}
 +
 +
ul > li {
 +
list-style-type: none;
 +
}
 +
 +
a {
 +
text-decoration: none;
 +
}
 +
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 +
body {
 +
margin: 20px;
 +
padding-top: 0px;
 +
font-family: 'Assistant', Arial, sans-serif;
 +
 
 +
background-size: 100%;
 +
}
 +
 +
.vertical-align {
 +
display: flex;
 +
align-items: center;
 
 
−
</div>
+
}
−
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<div class= "image-center " style= "margin:auto; width:1063px ;">
+
−
<img src="https://static.igem.org/mediawiki/2017/9/93/T--TECHNION-ISRAEL--redmicro.png" alt= "project" class="imglog" style= "margin-left:0px">
+
−
<img src="https://static.igem.org/mediawiki/2017/6/61/T--TECHNION-ISRAEL--redlab%281%29.png" alt= "wetlab" class="imglog">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a8/T--TECHNION-ISRAEL--redparts.png" alt= "parts" class="imglog">
+
−
<img src="https://static.igem.org/mediawiki/2017/0/00/T--TECHNION-ISRAEL--hp%281%29.png" alt= "human practices" class="imglog"  style= "margin-left:25px">
+
−
<img src="https://static.igem.org/mediawiki/2017/3/30/T--TECHNION-ISRAEL--judg%281%29.png" alt= "judging" class="imglog" style= "margin-left:20px">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/T--TECHNION-ISRAEL--team%281%29.png" alt= "team" class="imglog">
+
−
</div>
+
 
 
−
<nav class= "navbar navbar-inverse " style= "margin:auto; width:1063px ;">
+
−
<div class="dropdown">
+
−
<button class="dropdown-toggle" type="button" data-toggle="dropdown">project
+
/* ====== Go up arrow ====== */
−
<span class="caret"></span></button>
+
.back-to-top {
−
<ul class= "dropdown-menu" style="margin: 0px; left: 2px;">
+
cursor: pointer;
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Description"> description </a> </li>
+
position: fixed;
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/cell_lines"> cell lines </a> </li>
+
bottom: 20px;
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Design"> design </a> </li>
+
right: 20px;
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/delay_mechanism"> delay mechanism </a> </li>
+
display:none;
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/kill_switch"> kill switch </a> </li>
+
}
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Demonstrate" > Proof of Concept </a> </li>
+
/* ==== END: Go up arrow ==== */
−
</ul>
+
−
</div>
+
−
+
−
<div class="dropdown">
+
−
<button class="dropdown-toggle" type="button" data-toggle="dropdown">wet lab
+
−
<span class="caret"></span></button>
+
−
<ul class= "dropdown-menu"  style="margin: 0px; left: 2px;" >
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Results"> results </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Notebook"> notebook </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Experiments"> protocols </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/InterLab"> interlab </a> </li>
+
−
</ul>
+
−
</div>
+
−
+
−
<div class="dropdown">
+
−
<button class="dropdown-toggle" type="button" data-toggle="dropdown">parts
+
−
<span class="caret"></span></button>
+
−
<ul class= "dropdown-menu" style="margin: 0px; left: 2px;">
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Parts"> parts </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Basic_Part"> basic part </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Composite_Part"> composite part </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Part_Collection"> part collection </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:Example2/Improve"> improvement </a> </li>
+
−
</ul>
+
−
</div>
+
−
+
−
<div class="dropdown">
+
−
<button class="dropdown-toggle" type="button" data-toggle="dropdown" style= "width: auto"; >human practices
+
−
<span class="caret"></span></button>
+
−
<ul class= "dropdown-menu" style="margin: 0px; left: 18px; width: 170px;" >
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Silver"> human practices </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Engagement" > Education & Public Engagement </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Gold_Integrated"> integrated HP </a> </li>
+
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/ethics"> ethics </a> </li>
+
  
−
</ul>
 
−
</div>
 
−
 
−
<div class="dropdown">
 
−
<button class="dropdown-toggle" type="button" data-toggle="dropdown">judging
 
−
<span class="caret"></span></button>
 
−
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px ">
 
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Safety"> safety </a> </li>
 
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Collaborations"> collaboration </a> </li>
 
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/acheivments"> acheivments </a> </li>
 
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Model"> modelling </a> </li>
 
−
</ul>
 
−
</div>
 
−
 
−
 
−
<div class="dropdown">
 
−
<button class="dropdown-toggle" type="button" data-toggle="dropdown">team
 
−
<span class="caret"></span></button>
 
−
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px;">
 
−
<li> <a href =" https://2017.igem.org/Team:TECHNION-ISRAEL/Team"> members </a> </li>
 
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Attributions"> attributions </a> </li>
 
−
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/gallery"> gallery </a> </li>
 
−
</ul>
 
−
</div>
 
−
</nav>
 
−
<br>
 
−
<br>
 
  
−
<div class = "container-fluid">
+
/*! ==========navbar ================== */
−
<br>
+
 
−
<br>
+
#top_menu_under {
−
<p style="text-align:center; font-size:26px; font-family:'Quicksand', sans-serif;">
+
    position: relative;
−
A preventative treatment for autoimmune disease and allergies
+
    width: 100%;
−
</p>
+
    height: 3px;
−
<br>
+
}
−
<div class="row">
+
 
−
<div class = "col-md-offset-2 col-md-8" >
+
.navbar-inverse {
−
<div class= "row">
+
padding-top: 40px;
−
<div class = "col-md-12" >
+
background-image: none;
−
+
background-color: #ffffff ;
−
<br>
+
padding-left:0;
−
+
border: none;
−
<p> Autoimmune disease and allergies are an increasingly common phenomenon in the Western world. An estimated 73 million people suffer from allergies  and autoimmune disease in the United States alone. To date, many of these diseases lack treatment and pose an incredible financial burden on both the patients and society.
+
padding-bottom: 25px;
−
<br>
+
}
−
<br>
+
 
−
We set out to create a preventative treatment for allergies and autoimmune disease by utilizing the innate mechanism of Central Tolerance. We’ve designed a modular plasmid based platform that will allow for inducible expression, and display, of target antigens on the membrane of Hematopoietic Stem Cells (HSCs). In our project, murine Hematopoietic Progenitor Cells (HPC-7) were used as a model for HSCs and transfected with our plasmid. Additionally, we attempted to show apoptosis in an immature B cell model (WEHI-231) as a result of our treatment, closely approximating the process of Central Tolerance. In the future this technology may be used to engineer HSCs harvested from cord blood and allow for a cost effective preventative treatment.
+
.dropdown-menu {
−
</p>
+
background-color: rgba(255, 255, 255, 0);
−
</div>
+
box-shadow:none;
−
</div>
+
border:none;
−
</div>
+
color: #ffffff;
−
</div>
+
list-style: none;
−
</div>
+
text-align: center;
 +
padding: 20px 0 20px 0px ;
 +
white-space: normal;
 +
}
 +
 
 +
.dropdown{
 +
    display: inline;
 +
padding: 0 20px 0 20px;
 +
}
 +
 
 +
 
 +
.dropdown-menu> li> a {
 +
text-decoration: none;
 +
color:  #ffffff;
 +
background-color: #374140;
 +
border-radius: 25px;
 +
padding: 12px 20px;
 +
text-transform: uppercase;
 +
margin-top:10px;
 +
font-family: 'Assistant', sans-serif;
 +
font-size: 14px;
 +
white-space: normal;
 +
 +
}
 +
 
 +
.dropdown-menu > li > a:hover {
 +
    background-color: #ffffff;
 +
background-image: none;
 +
border: 1px solid #374140;
 +
color: #374140;
 +
 
 +
}
 +
 
 +
.dropdown-toggle >a {
 +
text-decoration: none;
 +
color: #ffffff;
 +
}
 +
 
 +
 
 +
.dropdown-toggle {
 +
text-decoration: none;
 +
border:none;
 +
color:  #ffffff;
 +
background-color: #374140;
 +
border-radius: 25px;
 +
padding: 12px 20px;
 +
text-transform: uppercase;
 +
font-family: 'Assistant', sans-serif;
 +
font-size: 14px;
 +
box-shadow: 0 6px 12px rgba(0,0,0,.175);
 +
width: 120px;
 +
white-space: normal;
 +
}
 +
/*! ==========sidenav ================== */
 +
 
 +
.side {
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
margin-top: 30vh;
 +
display:none;
 +
background-color: transparent;
 +
max-width:200px;
 +
}
 +
 
 +
.side > ul {
 +
list-style: none;
 +
margin-left: 40px;
 +
padding-left: 1em;
 +
text-indent: 0;
 +
border-left: 2px solid #C0C0C0;
 
 
−
</body>
+
}
−
</html>
+
 
−
{{:Team:TECHNION-ISRAEL/sponsors}}
+
.side > ul:hover {
 +
border-left: 2px solid #dc3522;
 +
}
 +
 +
.side > ul li {
 +
background-color: transparent ;
 +
font-size: 15px;
 +
margin-top: 10px;
 +
font-family: 'Assistant', sans-serif;
 +
color: #C0C0C0;
 +
}
 +
 +
.side > ul li:hover {
 +
color: #dc3522;
 +
}
 +
 +
.side > ul li >a {
 +
text-decoration:none;
 +
color: #C0C0C0;
 +
}
 +
 +
.side > ul li >a:hover {
 +
text-decoration:none;
 +
color: #dc3522;
 +
border-bottom: 1px solid #dc3522;
 +
}
 +
 +
/*-------------- Results ------------- */
 +
 +
 +
.container-fluid{
 +
margin-top: 80px;
 +
margin-left: 20px;
 +
margin-right: 20px;
 +
}
 +
 
 +
#content h1, h1{
 +
    font-family: 'Quicksand', sans-serif;
 +
text-align: center;
 +
font-weight: 400;
 +
font-size: 50px;
 +
margin-bottom: 45px;
 +
margin-top:35px;
 +
 
 +
}
 +
 
 +
#bodyContent h2, h2{
 +
font-family: 'Quicksand', sans-serif;
 +
text-align: center;
 +
font-weight: 400;
 +
font-size: 40px;
 +
margin-bottom: 45px;
 +
margin-top:30px;
 +
}
 +
 
 +
#bodyContent h3, h3{
 +
text-align: center;
 +
font-size: 30px;
 +
font-weight: 600;
 +
margin-bottom: 25px;
 +
margin-top:20px;
 +
}
 +
 
 +
#bodyContent h4, h4{
 +
font-size: 25px;
 +
font-weight: 400;
 +
margin-bottom: 25px;
 +
margin-top:20px;
 +
}
 +
 
 +
#bodyContent h5, h5{
 +
font-size: 20px;
 +
font-weight: 400;
 +
margin-bottom: 25px;
 +
margin-top:20px;
 +
}
 +
 +
#bodyContent h6, h6{
 +
font-size: 14px;
 +
font-weight: 600;
 +
margin-bottom: 10px;
 +
margin-top:10px;
 +
}
 +
 
 +
.cover{
 +
    display: block;
 +
margin:auto;
 +
margin-top: 0;
 +
width: 60%;
 +
border-radius: 8px;
 +
 
 +
}
 +
 
 +
.circle {
 +
display:block;
 +
border-radius: 50%;
 +
width: 150px;
 +
height: 150px;
 +
background-color:#374140;
 +
margin:auto;
 +
 +
 
 +
 
 +
}
 +
 
 +
.graphs{
 +
display: inline;
 +
width: 470px;
 +
padding-right:20px;
 +
padding-top: 30px;
 +
}
 +
 
 +
.circle a:hover {
 +
 +
    background-image: none;
 +
border: none;
 +
color: #ffffff;
 +
text-decoration:none;
 +
}
 +
 +
.circle a {
 +
color: #ffffff;
 +
font-size:20px;
 +
text-transform: uppercase;
 +
}
 +
 +
p {
 +
font-size: 18px;
 +
line-height: 35px;
 +
text-align: justify;
 +
text-justify: inter-word;
 +
-moz-text-align-last: right; /* Code for Firefox */
 +
 
 +
}
 +
 +
/*!-----HP -*/
 +
.HPA {
 +
display: block;
 +
margin:auto;
 +
border-radius: 25px;
 +
}
 +
 
 +
.no-rad {
 +
display: block;
 +
margin:auto;
 +
}
 +
/*!-----References -*/
 +
 +
 +
.references {
 +
border-top-style: solid;
 +
border-width: 1px;
 +
border-color: #374140 ;
 +
padding-top: 30px;
 +
}
 +
 +
.references > ol {
 +
padding-top: 30px;
 +
}
 +
 +
.references > ol  li {
 +
font-size: 15px;
 +
line-height: 35px;
 +
margin-top:10px;
 +
text-justify:inherit;
 +
}
 +
 +
sup.reference {
 +
unicode-bidi: -moz-isolate;
 +
unicode-bidi: -webkit-isolate;
 +
unicode-bidi: isolate;
 +
white-space: nowrap;
 +
}
 +
 +
sup, sub {
 +
line-height: 1;
 +
}
 +
 
 +
sup {
 +
vertical-align: super;
 +
font-size: x-small;
 +
}

Revision as of 15:56, 30 October 2017

/*! iGEM Technion 2017

  • /


/*! =====================================wiki reset===================================== */

.reset-this { animation : none; animation-delay : 0; animation-direction : normal; animation-duration : 0; animation-fill-mode : none; animation-iteration-count : 1; animation-name : none; animation-play-state : running; animation-timing-function : ease; backface-visibility : visible; background : 0; background-attachment : scroll; background-clip : border-box; background-color : transparent; background-image : none; background-origin : padding-box; background-position : 0 0; background-position-x : 0; background-position-y : 0; background-repeat : repeat; background-size : auto auto; border : 0; border-style : none; border-width : medium; border-color : inherit; border-bottom : 0; border-bottom-color : inherit; border-bottom-left-radius : 0; border-bottom-right-radius : 0; border-bottom-style : none; border-bottom-width : medium; border-collapse : separate; border-image : none; border-left : 0; border-left-color : inherit; border-left-style : none; border-left-width : medium; border-radius : 0; border-right : 0; border-right-color : inherit; border-right-style : none; border-right-width : medium; border-spacing : 0; border-top : 0; border-top-color : inherit; border-top-left-radius : 0; border-top-right-radius : 0; border-top-style : none; border-top-width : medium; bottom : auto; box-shadow : none; box-sizing : content-box; caption-side : top; clear : none; clip : auto; color : inherit; columns : auto; column-count : auto; column-fill : balance; column-gap : normal; column-rule : medium none currentColor; column-rule-color : currentColor; column-rule-style : none; column-rule-width : none; column-span : 1; column-width : auto; content : normal; counter-increment : none; counter-reset : none; cursor : auto; direction : ltr; display : inline; empty-cells : show; float : none; font : normal; font-family : inherit; font-size : medium; font-style : normal; font-variant : normal; font-weight : normal; height : auto; hyphens : none; left : auto; letter-spacing : normal; line-height : normal; list-style : none; list-style-image : none; list-style-position : outside; list-style-type : disc; margin : 0; margin-bottom : 0; margin-left : 0; margin-right : 0; margin-top : 0; max-height : none; max-width : none; min-height : 0; min-width : 0; opacity : 1; orphans : 0; outline : 0; outline-color : invert; outline-style : none; outline-width : medium; overflow : visible; overflow-x : visible; overflow-y : visible; padding : 0; padding-bottom : 0; padding-left : 0; padding-right : 0; padding-top : 0; page-break-after : auto; page-break-before : auto; page-break-inside : auto; perspective : none; perspective-origin : 50% 50%; position : static; /* May need to alter quotes for different locales (e.g fr) */ quotes : '\201C' '\201D' '\2018' '\2019'; right : auto; tab-size : 8; table-layout : auto; text-align : inherit; text-align-last : auto; text-decoration : none; text-decoration-color : inherit; text-decoration-line : none; text-decoration-style : solid; text-indent : 0; text-shadow : none; text-transform : none; top : auto; transform : none; transform-style : flat; transition : none; transition-delay : 0s; transition-duration : 0s; transition-property : none; transition-timing-function : ease; unicode-bidi : normal; vertical-align : baseline; visibility : visible; white-space : normal; widows : 0; width : auto; word-spacing : normal; z-index : auto; }


/*! ===================================END: wiki reset================================== */


/*! =====================================canceling wiki specific design===================================== */

/* Closing wiki side menu */ #sideMenu, #top_title { display: none; }

#content { width: 100%; margin: 0px; padding: 0px; background: none; }


/*! Wiki defult settings are 127% */ #globalWrapper { width: 100%; float: none; }

/*corecting wiki css */ #HQ_page h1, h2, h3, h4, h5, h6 { font-family: 'Assistant', Arial, sans-serif; font-weight : normal; }

#HQ_page p { font-family: 'Assistant', Arial, sans-serif; font-weight : normal; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 35px; }

#content h1, h2, h3, h4, h5, h6 { font-family: 'Assistant', Arial, sans-serif; font-weight : normal; }

#content p { font-family: 'Assistant', Arial, sans-serif; font-weight : normal; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 35px; }

#bodyContent h1, h2, h3, h4, h5, h6{ margin-bottom: 0; }

#globalWrapper{ font-size: 100%; }

#bodyContent a[href ^="https://"], .link-https { 

   padding-right: 0px;}

/*! ==================================End of canceling wiki specific design================================== */


/*! ================================== Our CSS ================================== */


ul { list-style-type: none; }

ul > li { list-style-type: none; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

body { margin: 20px; padding-top: 0px; font-family: 'Assistant', Arial, sans-serif;

background-size: 100%; }

.vertical-align { display: flex; align-items: center;

}


/* ====== Go up arrow ====== */ .back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; } /* ==== END: Go up arrow ==== */


/*! ==========navbar ================== */

  1. top_menu_under {
   position: relative;
   width: 100%;
   height: 3px;

}

.navbar-inverse { padding-top: 40px; background-image: none; background-color: #ffffff ; padding-left:0; border: none; padding-bottom: 25px; }

.dropdown-menu { background-color: rgba(255, 255, 255, 0); box-shadow:none; border:none; color: #ffffff; list-style: none; text-align: center; padding: 20px 0 20px 0px ; white-space: normal; }

.dropdown{ 

   display: inline;

padding: 0 20px 0 20px; }


.dropdown-menu> li> a { text-decoration: none; color: #ffffff; background-color: #374140; border-radius: 25px; padding: 12px 20px; text-transform: uppercase; margin-top:10px; font-family: 'Assistant', sans-serif; font-size: 14px; white-space: normal;

}

.dropdown-menu > li > a:hover { 

   background-color: #ffffff;

background-image: none; border: 1px solid #374140; color: #374140;

}

.dropdown-toggle >a { text-decoration: none; color: #ffffff; }


.dropdown-toggle { text-decoration: none; border:none; color: #ffffff; background-color: #374140; border-radius: 25px; padding: 12px 20px; text-transform: uppercase; font-family: 'Assistant', sans-serif; font-size: 14px; box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 120px; white-space: normal; } /*! ==========sidenav ================== */

.side { position: fixed; top: 0; left: 0; margin-top: 30vh; display:none; background-color: transparent; max-width:200px; }

.side > ul { list-style: none; margin-left: 40px; padding-left: 1em; text-indent: 0; border-left: 2px solid #C0C0C0;

}

.side > ul:hover { border-left: 2px solid #dc3522; }

.side > ul li { background-color: transparent ; font-size: 15px; margin-top: 10px; font-family: 'Assistant', sans-serif; color: #C0C0C0; }

.side > ul li:hover { color: #dc3522; }

.side > ul li >a { text-decoration:none; color: #C0C0C0; }

.side > ul li >a:hover { text-decoration:none; color: #dc3522; border-bottom: 1px solid #dc3522; }

/*-------------- Results ------------- */


.container-fluid{ margin-top: 80px; margin-left: 20px; margin-right: 20px; }

  1. content h1, h1{
   font-family: 'Quicksand', sans-serif;

text-align: center; font-weight: 400; font-size: 50px; margin-bottom: 45px; margin-top:35px;

}

  1. bodyContent h2, h2{

font-family: 'Quicksand', sans-serif; text-align: center; font-weight: 400; font-size: 40px; margin-bottom: 45px; margin-top:30px; }

  1. bodyContent h3, h3{

text-align: center; font-size: 30px; font-weight: 600; margin-bottom: 25px; margin-top:20px; } 

#bodyContent h4, h4{

font-size: 25px; font-weight: 400; margin-bottom: 25px; margin-top:20px; } 

#bodyContent h5, h5{

font-size: 20px; font-weight: 400; margin-bottom: 25px; margin-top:20px; }

#bodyContent h6, h6{ font-size: 14px; font-weight: 600; margin-bottom: 10px; margin-top:10px; }

.cover{ 

   display: block;

margin:auto; margin-top: 0; width: 60%; border-radius: 8px;

}

.circle { display:block; border-radius: 50%; width: 150px; height: 150px; background-color:#374140; margin:auto;


}

.graphs{ display: inline; width: 470px; padding-right:20px; padding-top: 30px; }

.circle a:hover { 

   background-image: none;

border: none; color: #ffffff; text-decoration:none; }

.circle a { color: #ffffff; font-size:20px; text-transform: uppercase; }

p { font-size: 18px; line-height: 35px; text-align: justify; text-justify: inter-word; -moz-text-align-last: right; /* Code for Firefox */

}

/*!-----HP -*/ .HPA { display: block; margin:auto; border-radius: 25px; }

.no-rad { display: block; margin:auto; } /*!-----References -*/


.references { border-top-style: solid; border-width: 1px; border-color: #374140 ; padding-top: 30px; }

.references > ol { padding-top: 30px; }

.references > ol li { font-size: 15px; line-height: 35px; margin-top:10px; text-justify:inherit; }

sup.reference { unicode-bidi: -moz-isolate; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; white-space: nowrap; }

sup, sub { line-height: 1; }

sup { vertical-align: super; font-size: x-small; }