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

Line 1: Line 1:
−
{{:Team:EPF_Lausanne/Test/css}}
 
 
<html>
 
<html>
−
<body>
+
<head> <title>EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits</title>
−
<div class="DNA-banner"></div>
+
<!-- Latest compiled and minified CSS -->
−
<div class="sponsors">
+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
    <div><h1>Sponsors</h1></div>
+
 
−
    <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.mycrosynth.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-lg-6" id="footer-left">
+
  -o-transition: color 200ms ease-in-out;
−
            <img src="https://static.igem.org/mediawiki/2015/5/5c/EPF_Lausanne_Arbre.png" alt="Logo" width=20% height=20%>
+
  transition: color 200ms ease-in-out;
−
            </div>
+
}
−
            <div class="col-lg-6" id="footer-right">
+
a:hover {
−
                <div id="icons">
+
  color: none;
−
                    <a href="https://www.facebook.com/pages/IGEM-EPFL-2015/1598472927106907" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
+
}
−
                    <a href="https://instagram.com/igem2015epfl/" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+
.center {
−
                    <a href="https://twitter.com/EPFL_iGEM/" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
+
    width: 100%;
−
                    <a href="mailto:igem2015epfl@gmail.com" target="_blank"><i class="fa fa-envelope fa-2x"></i></a>
+
    text-align: center;
−
                </div>
+
}
−
            </div>
+
h1,
−
        </div>
+
h2,
−
    </div>
+
h3,
−
</footer>
+
h4,
−
</body>
+
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>

Revision as of 08:25, 10 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits