Difference between revisions of "Team:EPF Lausanne/Test/footer"

 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{:Team:EPF_Lausanne/Test/css}}
 
<html>
 
<html>
−
<head> <title>EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits</title>
+
<body>
−
<!-- Latest compiled and minified CSS -->
+
<div class="DNA-banner"></div>
−
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
<div class="sponsors">
−
 
+
    <div class="container">
−
<style type="text/css">
+
        <div class="row">
−
 
+
            <div class="col-lg-12">
−
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
+
                <div class="logo">
−
 
+
                    <a href="http://www.epfl.ch/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/2/25/EPF_Lausanne_800px-EPFL_logo.png"></a>
−
 
+
                </div>
−
#top_menu_under {
+
                <div class="logo">
−
    border-style: none;
+
                    <a href="http://www.roche.com/index.htm" target="_blank"><img src="https://static.igem.org/mediawiki/2015/9/9d/EPF_Lausanne_Roche.png"></a>
−
}
+
                </div>
−
#contentSub, #footer-box, #catlinks, #search-controls,
+
                <div class="logo">
−
#p-logo, .printfooter, .firstHeading, .visualClear {
+
                    <a href="http://www.nikon.ch/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/dd/EPF_Lausanne_Nikon.png"></a>
−
    display: none;
+
                </div>
−
}
+
                <div class="logo">
−
#globalWrapper, #content {
+
                    <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/b/b2/EPF_Lausanne_snapgene.png"></a>
−
    width: 100%;
+
                </div>
−
    height: 100%;
+
                <div class="logo">
−
    border: 0px;
+
                    <a href="http://www.microsynth.ch/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/b/bb/EPF_Lausanne_Microsynth_250x54px.png"></a>
−
    background-color: transparent;
+
                </div>
−
    margin: 0px;
+
                <div class="logo">
−
    padding: 0px;
+
                    <a href="http://www.novartis.ch/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/da/EPF_Lausanne_Novartis.png"></a>
−
    font-size: 100%;
+
                </div>
−
}
+
                <div class="logo">
−
 
+
                    <a href="https://www.neb.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/a/a4/EPF_Lausanne_NEB.png"></a>
−
html {height: 100%;}
+
                </div>
−
 
+
                <div class="logo">
−
body {
+
                    <a href="https://www.idtdna.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/09/EPF_Lausanne_IDT_logo_trans.png"></a>
−
position: relative;
+
                </div>
−
font-family: 'Open Sans', sans-serif;
+
            </div>
−
background-color: rgba(16,151,151,0.01);
+
        </div>
−
  height=100%;
+
     </div>
−
}
+
</div>
−
a {
+
<footer id="footer">
−
  text-decoration: none !important;
+
     <div class="container">
−
  -webkit-transition: color 200ms ease-in-out;
+
        <div class="row">
−
  -moz-transition: color 200ms ease-in-out;
+
            <div class="col-md-12 text-center">
−
  -o-transition: color 200ms ease-in-out;
+
                <h1>NOT PROOFREAD</h1>
−
  transition: color 200ms ease-in-out;
+
            </div>
−
}
+
        </div>
−
a:hover {
+
    </div>
−
  color: none;
+
</footer>
−
}
+
</body>
−
.center {
+
−
    width: 100%;
+
−
    text-align: center;
+
−
}
+
−
h1,
+
−
h2,
+
−
h3,
+
−
h4,
+
−
h5,
+
−
h6,
+
−
p { border-bottom: none;}
+
−
/* ==========================================================================
+
−
    Header
+
−
  ========================================================================== */
+
−
.dropdown:hover .dropdown-menu {
+
−
  display: block;
+
−
  min-width: 100%;
+
−
}
+
−
.navbar {
+
−
  margin-bottom: 0;
+
−
  background-color: rgba(17,151,153, 1.0);
+
−
  border-style: none;
+
−
  padding-top: 10px;
+
−
}
+
−
.navbar-nav {
+
−
  margin: 0 auto;
+
−
  display: table;
+
−
  table-layout: auto;
+
−
  float: none;
+
−
  width: 100%;
+
−
  border-style: none;
+
−
}
+
−
.navbar-nav > li {
+
−
  display: table-cell;
+
−
  float: none;
+
−
  text-align: center;
+
−
  vertical-align: middle;
+
−
  color: white;
+
−
  width : 230px;
+
−
}
+
−
.navbar-nav > li:hover {
+
−
background-color: rgba(255,255,255, 0.3);
+
−
}
+
−
.navbar-nav > li > a {
+
−
  color: white;
+
−
  text-transform: uppercase;
+
−
  font-size: 16px;
+
−
}
+
−
.navbar-nav > li > a:hover {
+
−
  color: #fff;
+
−
  background-color: #74C1C2;
+
−
}
+
−
.navbar-default .navbar-nav >li >a
+
−
{
+
−
color: white;
+
−
}
+
−
.navbar-default .navbar-nav > li > a:focus,
+
−
.navbar-default .navbar-nav > li > a:hover {
+
−
color: white;
+
−
}
+
−
.dropdown-menu > li > a {
+
−
text-align: center;
+
−
}
+
−
#full-size{
+
−
margin-top: 7%;
+
−
    width:100%;
+
−
    height: 100%;
+
−
    overflow: auto;
+
−
}
+
−
/* ==========================================================================
+
−
    Home-page
+
−
  ========================================================================== */
+
−
#carousel-example {
+
−
  padding-top: 30px;
+
−
}
+
−
#first-row {
+
−
  padding-top: 30px;
+
−
  padding-bottom: 30px;
+
−
  background-color: #e300ff;
+
−
}
+
−
#second-row {
+
−
  padding-top: 30px;
+
−
  padding-bottom: 30px;
+
−
  background-color: #ff9900;
+
−
}
+
−
 
+
−
#Welcome-section {
+
−
text-align: center;
+
−
padding-top: 3%
+
−
}
+
−
#Welcome-section h1 {
+
−
font-size: 95px;
+
−
text-align: center;
+
−
padding-bottom: 0px;
+
−
margin-bottom: 0px;
+
−
}
+
−
#Welcome-section h2 {
+
−
font-size: 20px;
+
−
padding-top: 0px;
+
−
margin-top: 0px;
+
−
  padding-bottom: 20px;
+
−
}
+
−
#Welcome-section p {
+
−
font-size: 18px;
+
−
  padding-top: none;
+
−
  text-align: justify;
+
−
}
+
−
#Welcome-section a {
+
−
color: black;
+
−
}
+
−
.home-first-section h1 {
+
−
padding-top: 50px;
+
−
text-align: center;
+
−
text-transform: uppercase;
+
−
font-weight: 700;
+
−
font-size: 30px;
+
−
color: #981110;
+
−
letter-spacing: 10px;
+
−
padding-bottom: 20px;
+
−
}
+
−
.home-first-section h2 {
+
−
text-align: center;
+
−
color: #981110;
+
−
  font-size: 24px;
+
−
font-weight: 350px;
+
−
}
+
−
.home-first-section p {
+
−
  margin-left: 2px;
+
−
  margin-right: 2px;
+
−
padding-bottom: 100px;
+
−
text-align: justify;
+
−
font-size: 16px;
+
−
color: #2F2F2F
+
−
}
+
−
.home-first-section a {
+
−
    color: #000;
+
−
}
+
−
.home-first-section .panel {
+
−
  padding-top : 40px;
+
−
  background-color: #fdfefe;
+
−
  border: 1px solid #989898;
+
−
  border-radius: 10px;
+
−
  height: 320px;
+
−
}
+
−
.home-first-section .panel:hover {
+
−
  box-shadow: 5px 5px #909090;
+
−
}
+
−
.home-first-section .panel > p {
+
−
  margin-left: 5px;
+
−
  margin-right: 5px;
+
−
padding-bottom: 100px;
+
−
text-align: justify;
+
−
font-size: 16px;
+
−
color: #2F2F2F
+
−
}
+
−
.DNA-banner {
+
−
  position: relative;
+
−
  max-height: 100px;
+
−
  width: 100%;
+
−
  padding-top: 100px;
+
−
  padding-bottom: 100px;
+
−
  background: url('https://static.igem.org/mediawiki/2015/9/94/EPF_Lausanne_Banner_DNA.png.png') no-repeat top center;
+
−
  background-size: cover;
+
−
}
+
−
/* ==========================================================================
+
−
    Background section
+
−
  ========================================================================== */
+
−
.background-section h3 {
+
−
  font-weight: 500;
+
−
  font-size: 30px;
+
−
  color: #0E6261;
+
−
}
+
−
.background-section h4 {
+
−
  border-bottom: solid 1px;
+
−
}
+
−
.background-section b {
+
−
  color: #0E6261;
+
−
}
+
−
.background-section table {
+
−
  color:#303030;
+
−
font-size:12px;
+
−
background:#eaebec;
+
−
border:#ccc 1px solid;
+
−
  margin-left: auto;
+
−
  margin-right: auto;
+
−
 
+
−
-moz-border-radius:3px;
+
−
-webkit-border-radius:3px;
+
−
border-radius:3px;
+
−
 
+
−
-moz-box-shadow: 0 1px 2px #d1d1d1;
+
−
-webkit-box-shadow: 0 1px 2px #d1d1d1;
+
−
box-shadow: 0 1px 2px #d1d1d1;
+
−
}
+
−
.background-section table th {
+
−
  color:#fff;
+
−
  text-shadow: 0.5px 0.5px 0px #999999;
+
−
 
+
−
padding:5px 5px 2px 5px;
+
−
border-top:1px solid #fafafa;
+
−
border-bottom:1px solid #e0e0e0;
+
−
 
+
−
background: rgba(16,151,151,0.6);
+
−
background: -webkit-gradient(linear, left top, left bottom, from(rgba(16,151,153,0.6)), to(rgba(16,151,144,0.6)));
+
−
background: -moz-linear-gradient(top, rgba(16,151,153,0.6), rgba(16,151,144,0.5));
+
−
}
+
−
.background-section table th {
+
−
text-align: center;
+
−
}
+
−
 
+
−
.background-section table tr:first-child th:first-child {
+
−
-moz-border-radius-topleft:3px;
+
−
-webkit-border-top-left-radius:3px;
+
−
border-top-left-radius:3px;
+
−
}
+
−
 
+
−
.background-section table tr:first-child th:last-child {
+
−
-moz-border-radius-topright:3px;
+
−
-webkit-border-top-right-radius:3px;
+
−
border-top-right-radius:3px;
+
−
}
+
−
.background-section table tr {
+
−
text-align: center;
+
−
}
+
−
.background-section table td:first-child {
+
−
text-align: center;
+
−
}
+
−
.background-section table td {
+
−
border-top: 1px solid #ffffff;
+
−
border-bottom:1px solid #e0e0e0;
+
−
border-left: 1px solid #e0e0e0;
+
−
 
+
−
background: #fafafa;
+
−
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
+
−
background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
+
−
}
+
−
.background-section table tr.even td {
+
−
background: #f6f6f6;
+
−
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
+
−
background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
+
−
}
+
−
.background-section table tr:last-child td {
+
−
border-bottom:0;
+
−
}
+
−
.background-section table tr:last-child td:first-child {
+
−
-moz-border-radius-bottomleft:3px;
+
−
-webkit-border-bottom-left-radius:3px;
+
−
border-bottom-left-radius:3px;
+
−
}
+
−
.background-section table tr:last-child td:last-child {
+
−
-moz-border-radius-bottomright:3px;
+
−
-webkit-border-bottom-right-radius:3px;
+
−
border-bottom-right-radius:3px;
+
−
}
+
−
 
+
−
.background-section table tr:hover td {
+
−
background: #f2f2f2;
+
−
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
+
−
background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
+
−
}
+
−
 
+
−
}
+
−
/* ==========================================================================
+
−
    Description section
+
−
  ========================================================================== */
+
−
.description-section {
+
−
  text-align: center;
+
−
}
+
−
.description-section h1 {
+
−
  text-align: center;
+
−
  color: #109897;
+
−
  font-weight: 500;
+
−
}
+
−
.description-section h2 {
+
−
  text-align: center;
+
−
  color: #109897;
+
−
  font-weight: 400;
+
−
  border-bottom-style: solid;
+
−
  border-bottom-color: black;
+
−
  border-bottom-width: thin;
+
−
}
+
−
.description-section p {
+
−
  text-align: justify;
+
−
}
+
−
 
+
−
/* ==========================================================================
+
−
    Sofware section
+
−
  ========================================================================== */
+
−
.soft-section h2 {
+
−
  text-align: left;
+
−
  color: #109897;
+
−
}
+
−
/* ==========================================================================
+
−
    Classy bar
+
−
  ========================================================================== */
+
−
.classy-bar {
+
−
background: url('https://static.igem.org/mediawiki/2015/9/9a/EPF_Lausanne_Banner1.png') no-repeat bottom center;
+
−
background-size: cover;
+
−
  width: 100%;
+
−
padding: 60px 0px;
+
−
 
+
−
}
+
−
.classy-bar h3 {
+
−
  position: relative;
+
−
color: black;
+
−
font-size: 34px;
+
−
font-weight: 800;
+
−
text-transform: uppercase;
+
−
  top: -20px;
+
−
}
+
−
.classy-bar h2 {
+
−
  position: relative;
+
−
color: black;
+
−
font-size: 34px;
+
−
font-weight: 800;
+
−
text-transform: uppercase;
+
−
  top: -20px;
+
−
}
+
−
/* ==========================================================================
+
−
    Protocols
+
−
  ========================================================================== */
+
−
.prot-section h1 {
+
−
text-align: center;
+
−
text-transform: uppercase;
+
−
font-weight: 600;
+
−
font-size: 26px;
+
−
color: #109897;
+
−
border-bottom: 1px solid;
+
−
}
+
−
.prot-section h2 {
+
−
text-align: center;
+
−
color: #333333;
+
−
font-weight: 400;
+
−
margin: 0;
+
−
border-bottom: 1px solid;
+
−
}
+
−
.prot-section h3 {
+
−
text-align: center;
+
−
text-transform: uppercase;
+
−
font-weight: 500;
+
−
font-size: 24px;
+
−
color: #981110;
+
−
}
+
−
.prot-section .panel {
+
−
padding-top: 40px;
+
−
color: #333;
+
−
background-color: white;
+
−
border-color: #ddd;
+
−
max-width: 90%;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
}
+
−
.prot-section h4 {
+
−
font-size: 16px;
+
−
font-weight: 600;
+
−
}
+
−
.prot-section p {
+
−
text-align: justify;
+
−
font-size: 16px;
+
−
color: #2F2F2F;
+
−
}
+
−
.prot-section .panel p {
+
−
margin-left: 5px;
+
−
margin-right: 5px;
+
−
}
+
−
.prot-section .panel h5 {
+
−
color: #9A9EA3;
+
−
margin-left: 5px;
+
−
font-size: 18px;
+
−
font-weight: 500;
+
−
}
+
−
/* ==========================================================================
+
−
  Media Queries
+
−
  ========================================================================== */
+
−
ul.affix {
+
−
  position: fixed;
+
−
  top: 20px;
+
−
  width: 25%;
+
−
  margin-right: 30px;
+
−
  padding-top: 50px;
+
−
  margin-bottom: 40px;
+
−
  min-height: 20px;
+
−
}
+
−
ul.affix-top {
+
−
  position: static;
+
−
}
+
−
ul.affix-bottom {
+
−
  position: absolute;
+
−
  bottom: 1500px;
+
−
  width: 25%;
+
−
  margin-right: 30px;
+
−
  margin-bottom: 40px;
+
−
  min-height: 20px;
+
−
}
+
−
/* ==========================================================================
+
−
  Sidebar
+
−
  ========================================================================== */
+
−
.affix {
+
−
  top: 20px;
+
−
  width: 213px;
+
−
}
+
−
 
+
−
@media (min-width: 1200px) {
+
−
  .affix {
+
−
    width: 263px;
+
−
  }
+
−
}
+
−
.affix-bottom {
+
−
position: absolute;
+
−
width: 213px;
+
−
}
+
−
 
+
−
@media (min-width: 1200px) {
+
−
  .affix-bottom {
+
−
    width: 263px;
+
−
  }
+
−
}
+
−
.nav .active {
+
−
  font-weight: bold;
+
−
  border-left: 3px solid rgba(17,151,152,0.9);
+
−
}
+
−
.nav .nav {
+
−
  display: none;
+
−
}
+
−
.nav .active .nav {
+
−
  display: block;
+
−
}
+
−
.nav a {
+
−
color: rgb(6, 61, 61);
+
−
}
+
−
.nav a:visited {
+
−
color: rgba(6, 61, 61, 0.9);
+
−
}
+
−
.nav .nav a {
+
−
text-decoration: inherit;
+
−
}
+
−
.nav .nav a:visited {
+
−
color: rgba(6, 61, 61, 0.9);
+
−
}
+
−
.prot-section .nav > li > a {
+
−
padding: 5px 15px;
+
−
}
+
−
.nav .nav span {
+
−
  margin: 0 2px 0 2px;
+
−
}
+
−
 
+
−
.nav .nav .active a,
+
−
.nav .nav .active:hover a,
+
−
.nav .nav .active:focus a {
+
−
  font-weight: bold;
+
−
  border-left: 3px solid rgba(17,151,152,0.9);
+
−
}
+
−
 
+
−
.nav .nav .active span,
+
−
.nav .nav .active:hover span,
+
−
.nav .nav .active:focus span {
+
−
  display: none;
+
−
}
+
−
/* ==========================================================================
+
−
  Meet section
+
−
  ========================================================================== */
+
−
.meet-section h4 {
+
−
  text-align: center;
+
−
  color: #333333;
+
−
  font-size: 18px;
+
−
  font-weight: 500;
+
−
}
+
−
.meet-section .row {
+
−
  padding-bottom: 100px;
+
−
}
+
−
.meet-section p {
+
−
  font-style: italic;
+
−
  text-align: center;
+
−
  color: #333333;
+
−
  font-size: 16px;
+
−
}
+
−
#cf {
+
−
  padding-bottom: 300px;
+
−
}
+
−
 
+
−
#cf img {
+
−
  position: absolute;
+
−
  height: 300px;
+
−
  width: 200px;
+
−
  left: 16%;
+
−
  -webkit-transition: opacity 1s ease-in-out;
+
−
  -moz-transition: opacity 1s ease-in-out;
+
−
  -o-transition: opacity 1s ease-in-out;
+
−
  transition: opacity 1s ease-in-out;
+
−
}
+
−
 
+
−
#cf img.top:hover {
+
−
  opacity:0;
+
−
}
+
−
/* ==========================================================================
+
−
  Timeline
+
−
  ========================================================================== */
+
−
.timeline-section h3 {
+
−
  text-align: center;
+
−
  text-transform: uppercase;
+
−
  font-weight: 500;
+
−
  font-size: 24px;
+
−
  color: #000066;
+
−
}
+
−
.timeline-section h2 {
+
−
  text-align: center;
+
−
  color: #333333;
+
−
  font-weight: 400;
+
−
  margin: 0;
+
−
}
+
−
.timeline-section h4 {
+
−
  font-size: 16px;
+
−
  font-weight: 600;
+
−
  color: black;
+
−
}
+
−
.timeline-section p {
+
−
  text-align: justify;
+
−
  font-size: 16px;
+
−
  color : #2F2F2F;
+
−
}
+
−
.timeline-section .image-holder {
+
−
  margin-top: 50px;
+
−
  overflow: hidden;
+
−
}
+
−
.timeline {
+
−
  list-style: none;
+
−
  padding: 20px 0 20px;
+
−
  position: relative;
+
−
}
+
−
.timeline:before {
+
−
  top: 0;
+
−
  bottom: 0;
+
−
  position: absolute;
+
−
  content: " ";
+
−
  width: 3px;
+
−
  background-color: #333333;
+
−
  left: 50%;
+
−
  margin-left: -1.5px;
+
−
}
+
−
.timeline > li {
+
−
  margin-bottom: 20px;
+
−
  position: relative;
+
−
}
+
−
.timeline > li:before,
+
−
.timeline > li:after {
+
−
  content: " ";
+
−
  display: table;
+
−
}
+
−
.timeline > li:after {
+
−
  clear: both;
+
−
}
+
−
.timeline > li:before,
+
−
.timeline > li:after {
+
−
  content: " ";
+
−
  display: table;
+
−
}
+
−
.timeline > li:after {
+
−
  clear: both;
+
−
}
+
−
.timeline > li > .timeline-panel {
+
−
  width: 46%;
+
−
  float: left;
+
−
  border: 1px solid #333333;
+
−
  border-radius: 2px;
+
−
  padding: 20px;
+
−
  padding-top: 0px;
+
−
  position: relative;
+
−
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
+
−
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
+
−
}
+
−
.timeline > li > .timeline-panel:before {
+
−
  position: absolute;
+
−
  top: 26px;
+
−
  right: -15px;
+
−
  display: inline-block;
+
−
  border-top: 15px solid transparent;
+
−
  border-left: 15px solid #ccc;
+
−
  border-right: 0 solid #ccc;
+
−
  border-bottom: 15px solid transparent;
+
−
  content: " ";
+
−
}
+
−
.timeline > li > .timeline-panel:after {
+
−
  position: absolute;
+
−
  top: 27px;
+
−
  right: -14px;
+
−
  display: inline-block;
+
−
  border-top: 14px solid transparent;
+
−
  border-left: 14px solid #fff;
+
−
  border-right: 0 solid #fff;
+
−
  border-bottom: 14px solid transparent;
+
−
  content: " ";
+
−
}
+
−
.timeline > li > .timeline-badge {
+
−
  color: #fff;
+
−
  width: 25px;
+
−
  height: 25px;
+
−
  line-height: 50px;
+
−
  font-size: 2.5em;
+
−
  text-align: center;
+
−
  position: absolute;
+
−
  top: 29px;
+
−
  left: 50%;
+
−
  margin-left: -12.5px;
+
−
  background-color: #999999;
+
−
  z-index: 100;
+
−
  border-top-right-radius: 50%;
+
−
  border-top-left-radius: 50%;
+
−
  border-bottom-right-radius: 50%;
+
−
  border-bottom-left-radius: 50%;
+
−
}
+
−
.timeline > li.timeline-inverted > .timeline-panel {
+
−
  float: right;
+
−
}
+
−
.timeline > li.timeline-inverted > .timeline-panel:before {
+
−
  border-left-width: 0;
+
−
  border-right-width: 15px;
+
−
  left: -15px;
+
−
  right: auto;
+
−
}
+
−
.timeline > li.timeline-inverted > .timeline-panel:after {
+
−
  border-left-width: 0;
+
−
  border-right-width: 14px;
+
−
  left: -14px;
+
−
  right: auto;
+
−
}
+
−
.timeline-badge.primary {
+
−
  background-color: #2e6da4 !important;
+
−
}
+
−
.timeline-badge.success {
+
−
  background-color: #3f903f !important;
+
−
}
+
−
.timeline-badge.warning {
+
−
  background-color: #f0ad4e !important;
+
−
}
+
−
.timeline-badge.danger {
+
−
  background-color: #d9534f !important;
+
−
}
+
−
.timeline-badge.info {
+
−
  background-color: #5bc0de !important;
+
−
}
+
−
.timeline-title {
+
−
  font-size: 28px;
+
−
  margin-top: 0;
+
−
  color: inherit;
+
−
}
+
−
.timeline-body > p,
+
−
.timeline-body > ul {
+
−
  margin-bottom: 0;
+
−
}
+
−
.timeline-body > p + p {
+
−
  margin-top: 5px;
+
−
}
+
−
/* ==========================================================================
+
−
     Sponsors / Footer
+
−
  ========================================================================== */
+
−
.sponsors {
+
−
  color: black;
+
−
  position: relative;
+
−
  padding: 10px;
+
−
  padding-bottom: 20px;
+
−
  background-color: #fdfefe;
+
−
  text-align: center;
+
−
}
+
−
.sponsors h1 {
+
−
  padding-top: 0px;
+
−
  font-size: 28px;
+
−
  text-transform: uppercase;
+
−
  font-weight: 600;
+
−
  border: none;
+
−
}
+
−
.sponsors .logo {
+
−
  padding: 1.5em 1.5em;
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
}
+
−
.sponsors .logo img {
+
−
  max-height: 150px;
+
−
  max-width: 150px;
+
−
}
+
−
img.resize50 {
+
−
  max-width:50%;
+
−
  max-height:50%;
+
−
}
+
−
#footer {
+
−
position: relative;
+
−
bottom: 0;
+
−
background-color: #EBEBEB
+
−
}
+
−
#footer-right {
+
−
padding-top: 50px;
+
−
}
+
−
#footer-right h3 {
+
−
margin-left: 23%;
+
−
font-weight: 600;
+
−
}
+
−
#footer-right p {
+
−
margin-left: 23%;
+
−
}
+
−
#icons {
+
−
margin-left: 23%;
+
−
}
+
−
#icons a {
+
−
color: black;
+
−
padding: 1em;
+
−
}
+
−
 
+
−
 
+
−
<!-- TABLE -->
+
−
table a:link {
+
−
color: #707070 ;
+
−
text-decoration:none;
+
−
}
+
−
table a:visited {
+
−
color: #707070;
+
−
font-weight:bold;
+
−
text-decoration:none;
+
−
}
+
−
table a:active,
+
−
table a:hover {
+
−
color: #109798;
+
−
text-decoration:none;
+
−
}
+
−
table {
+
−
     color:#303030;
+
−
font-size:12px;
+
−
background:#eaebec;
+
−
margin:20px;
+
−
border:#ccc 1px solid;
+
−
 
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
 
+
−
-moz-border-radius:3px;
+
−
-webkit-border-radius:3px;
+
−
border-radius:3px;
+
−
 
+
−
-moz-box-shadow: 0 1px 2px #d1d1d1;
+
−
-webkit-box-shadow: 0 1px 2px #d1d1d1;
+
−
box-shadow: 0 1px 2px #d1d1d1;
+
−
}
+
−
table th {
+
−
    color:#fff;
+
−
    text-shadow: 0.5px 0.5px 0px #999999;
+
−
 
+
−
padding:21px 25px 22px 25px;
+
−
border-top:1px solid #fafafa;
+
−
border-bottom:1px solid #e0e0e0;
+
−
 
+
−
background: rgba(16,151,151,0.6);
+
−
background: -webkit-gradient(linear, left top, left bottom, from(rgba(16,151,153,0.6)), to(rgba(16,151,144,0.6)));
+
−
background: -moz-linear-gradient(top, rgba(16,151,153,0.6), rgba(16,151,144,0.5));
+
−
}
+
−
table th:first-child {
+
−
text-align: left;
+
−
padding-left:10px;
+
−
}
+
−
table tr:first-child th:first-child {
+
−
-moz-border-radius-topleft:3px;
+
−
-webkit-border-top-left-radius:3px;
+
−
border-top-left-radius:3px;
+
−
}
+
−
 
+
−
table tr:first-child th:last-child {
+
−
-moz-border-radius-topright:3px;
+
−
-webkit-border-top-right-radius:3px;
+
−
border-top-right-radius:3px;
+
−
}
+
−
table tr {
+
−
text-align: center;
+
−
padding-left:20px;
+
−
}
+
−
table td:first-child {
+
−
text-align: left;
+
−
padding-left:20px;
+
−
border-left: 0;
+
−
}
+
−
table td {
+
−
padding:18px;
+
−
border-top: 1px solid #ffffff;
+
−
border-bottom:1px solid #e0e0e0;
+
−
border-left: 1px solid #e0e0e0;
+
−
 
+
−
background: #fafafa;
+
−
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
+
−
background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
+
−
}
+
−
table tr.even td {
+
−
background: #f6f6f6;
+
−
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
+
−
background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
+
−
}
+
−
table tr:last-child td {
+
−
border-bottom:0;
+
−
}
+
−
table tr:last-child td:first-child {
+
−
-moz-border-radius-bottomleft:3px;
+
−
-webkit-border-bottom-left-radius:3px;
+
−
border-bottom-left-radius:3px;
+
−
}
+
−
table tr:last-child td:last-child {
+
−
-moz-border-radius-bottomright:3px;
+
−
-webkit-border-bottom-right-radius:3px;
+
−
border-bottom-right-radius:3px;
+
−
}
+
−
 
+
−
table tr:hover td {
+
−
background: #f2f2f2;
+
−
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
+
−
background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+
−
 
+
−
<!-- Latest compiled and minified JavaScript -->
+
−
<script src="http://code.jquery.com/jquery.js"></script>
+
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
−
 
+
−
 
+
−
</head>
+
 
</html>
 
</html>

Latest revision as of 21:18, 16 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits

NOT PROOFREAD