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

 
(243 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
<html>
 +
<head> <title>EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits</title>
 +
<!-- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 +
 +
<style type="text/css">
 +
 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
  
Line 9: Line 16:
 
     display: none;
 
     display: none;
 
}
 
}
−
#globalWrapper, #content {  
+
#globalWrapper, #content {
 
     width: 100%;
 
     width: 100%;
 
     height: 100%;
 
     height: 100%;
Line 19: Line 26:
 
}
 
}
  
−
body {  
+
html {height: 100%;}
−
font-family: 'Open Sans', sans-serif;  
+
 
 +
body {
 +
position: relative;
 +
font-family: 'Open Sans', sans-serif;
 
background-color: rgba(16,151,151,0.01);
 
background-color: rgba(16,151,151,0.01);
 +
  height=100%;
 
}
 
}
 
a {
 
a {
Line 44: Line 55:
 
h6,
 
h6,
 
p { border-bottom: none;}
 
p { border-bottom: none;}
 +
 +
.prot-section figure {
 +
  border: 1px solid black;
 +
  padding: 5px;
 +
}
 +
.interlab-part {
 +
  background-color: rgba(16, 151, 152, 0.15);
 +
  border-radius: 10px;
 +
}
 +
.interlab-part h2 {
 +
  color: black !important;
 +
  border-bottom: none !important;
 +
}
 +
.interlab-part img {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  display: block;
 +
}
 +
.interlab-part p {
 +
  text-align: center !important;
 +
}
 +
.interlab-text figure{
 +
  border: none !important;
 +
}
 +
/* ==========================================================================
 +
    Human practices
 +
  ========================================================================== */
 +
.human-part p {
 +
  text-align: justify;
 +
} 
 
/* ==========================================================================
 
/* ==========================================================================
 
     Header
 
     Header
Line 50: Line 91:
 
   display: block;
 
   display: block;
 
   min-width: 100%;
 
   min-width: 100%;
 +
  left: -22px;
 
}
 
}
 
.navbar {
 
.navbar {
 
   margin-bottom: 0;
 
   margin-bottom: 0;
−
   background-color: rgba(17,151,153, 0.8);
+
   background-color: rgba(17,151,153, 1.0);
 
   border-style: none;
 
   border-style: none;
 
   padding-top: 10px;
 
   padding-top: 10px;
Line 64: Line 106:
 
   width: 100%;
 
   width: 100%;
 
   border-style: none;
 
   border-style: none;
−
}  
+
}
 
.navbar-nav > li {
 
.navbar-nav > li {
 
   display: table-cell;
 
   display: table-cell;
Line 71: Line 113:
 
   vertical-align: middle;
 
   vertical-align: middle;
 
   color: white;
 
   color: white;
−
  width : 230px;
 
 
}
 
}
 
.navbar-nav > li:hover {
 
.navbar-nav > li:hover {
Line 85: Line 126:
 
   background-color: #74C1C2;
 
   background-color: #74C1C2;
 
}
 
}
−
.navbar-default .navbar-nav >li >a  
+
.navbar-default .navbar-nav >li >a
 
{
 
{
 
color: white;
 
color: white;
 
}
 
}
−
.navbar-default .navbar-nav > li > a:focus,  
+
.navbar-default .navbar-nav > li > a:focus,
 
.navbar-default .navbar-nav > li > a:hover {
 
.navbar-default .navbar-nav > li > a:hover {
 
color: white;
 
color: white;
Line 96: Line 137:
 
text-align: center;
 
text-align: center;
 
}
 
}
−
#full-size{
+
#full-size{
 
margin-top: 7%;
 
margin-top: 7%;
 
     width:100%;
 
     width:100%;
Line 102: Line 143:
 
     overflow: auto;
 
     overflow: auto;
 
}
 
}
 +
/* ==========================================================================
 +
    Practices
 +
  ========================================================================== */
 +
.shift {
 +
  margin-left: 25%;
 +
}
 +
/* ==========================================================================
 +
    Parts
 +
  ========================================================================== */
 +
.parts a > h3 {
 +
  color: #109798;
 +
}
 +
.parts a > h3:hover {
 +
  color: #981110;
 +
}
 +
 
/* ==========================================================================
 
/* ==========================================================================
 
     Home-page
 
     Home-page
 
   ========================================================================== */
 
   ========================================================================== */
 +
#carousel-home {
 +
  padding-top: 30px;
 +
  box-shadow: 0px 10px 5px #888888;
 +
}
 +
.carousel-inner {
 +
  text-align: center;
 +
}
 +
.carousel-control.left,
 +
.carousel-control.right {
 +
    background-image: none;
 +
}
 +
.carousel-control .icon-next,
 +
.carousel-control .icon-prev {
 +
  color: black;
 +
}
 +
 +
#Tour-section {
 +
  padding-top: 30px;
 +
  text-align: center;
 +
}
 
#Welcome-section {
 
#Welcome-section {
 
text-align: center;
 
text-align: center;
−
padding-top: 5%
+
padding-top: 3%
 
}
 
}
 
#Welcome-section h1 {
 
#Welcome-section h1 {
Line 119: Line 196:
 
padding-top: 0px;
 
padding-top: 0px;
 
margin-top: 0px;
 
margin-top: 0px;
−
    padding-bottom: 20px;
+
  padding-bottom: 20px;
 
}
 
}
 
#Welcome-section p {
 
#Welcome-section p {
−
font-size: 18px;  
+
font-size: 18px;
−
    padding-top: none;
+
  padding-top: none;
−
    text-align: justify;
+
  text-align: justify;
 
}
 
}
 
#Welcome-section a {
 
#Welcome-section a {
Line 142: Line 219:
 
text-align: center;
 
text-align: center;
 
color: #981110;
 
color: #981110;
−
font-weight: 400px;
+
  font-size: 24px;
 +
font-weight: 350px;
 
}
 
}
 
.home-first-section p {
 
.home-first-section p {
−
padding-bottom: 150px;
+
  margin-left: 2px;
 +
  margin-right: 2px;
 +
padding-bottom: 100px;
 
text-align: justify;
 
text-align: justify;
 
font-size: 16px;
 
font-size: 16px;
Line 152: Line 232:
 
.home-first-section a {
 
.home-first-section a {
 
     color: #000;
 
     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 {
 
.DNA-banner {
Line 161: Line 259:
 
   background: url('https://static.igem.org/mediawiki/2015/9/94/EPF_Lausanne_Banner_DNA.png.png') no-repeat top center;
 
   background: url('https://static.igem.org/mediawiki/2015/9/94/EPF_Lausanne_Banner_DNA.png.png') no-repeat top center;
 
   background-size: cover;
 
   background-size: cover;
 +
}
 +
/* ==========================================================================
 +
    Button
 +
  ========================================================================== */
 +
.btn {
 +
    padding: 14px 24px;
 +
    border: 0 none;
 +
    font-weight: 700;
 +
    letter-spacing: 1px;
 +
    text-transform: uppercase;
 +
}
 +
 +
.btn:focus, .btn:active:focus, .btn.active:focus {
 +
    outline: 0 none;
 +
}
 +
 +
.btn-primary {
 +
    background: #0099cc;
 +
    color: #ffffff;
 +
}
 +
 +
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
 +
    background: #33a6cc;
 +
}
 +
 +
.btn-primary:active, .btn-primary.active {
 +
    background: transparent;
 +
    box-shadow: none;
 +
}
 +
.btn.outline {
 +
    background: none;
 +
    padding: 12px 22px;
 +
}
 +
.btn-primary.outline {
 +
    border: 2px solid #0099cc;
 +
    color: #0099cc;
 +
}
 +
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
 +
    color: #33a6cc;
 +
    border-color: #33a6cc;
 +
}
 +
.btn-primary.outline:active, .btn-primary.outline.active {
 +
    border-color: #007299;
 +
    color: #007299;
 +
    box-shadow: none;
 +
}
 +
/* ==========================================================================
 +
    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: #032222;
 +
font-size: 34px;
 +
font-weight: 800;
 +
text-transform: uppercase;
 +
  top: -20px;
 +
  margin-top: 50px;
 +
  letter-spacing: 6px;
 +
}
 +
.classy-bar h2 {
 +
  position: relative;
 +
color: #032222;
 +
font-size: 34px;
 +
font-weight: 800;
 +
text-transform: uppercase;
 +
  top: -20px;
 +
  margin-top: 50px;
 +
  letter-spacing: 6px;
 +
}
 +
/* ==========================================================================
 +
    Protocols
 +
  ========================================================================== */
 +
.prot-section h1 {
 +
text-align: center;
 +
font-weight: 600;
 +
font-size: 26px;
 +
color: #109897;
 +
border-bottom: 1px solid;
 +
}
 +
.prot-section h2 {
 +
color: #333333;
 +
font-weight: 400;
 +
}
 +
.prot-section h3 {
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-weight: 500;
 +
font-size: 24px;
 +
color: #981110;
 +
}
 +
.prot-section ol{
 +
  padding-bottom: 20px;
 +
}
 +
.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 {
 +
  padding: 20px;
 +
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;
 +
}
 +
/* ==========================================================================
 +
  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;
 
}
 
}
 
/* ==========================================================================
 
/* ==========================================================================
Line 170: Line 799:
 
   padding: 10px;
 
   padding: 10px;
 
   padding-bottom: 20px;
 
   padding-bottom: 20px;
−
   background-color: rgba(16,151,151,0.01);
+
   background-color: #fdfefe;
−
   text-align: center;  
+
   text-align: center;
 
}
 
}
 
.sponsors h1 {
 
.sponsors h1 {
Line 184: Line 813:
 
   display: inline-block;
 
   display: inline-block;
 
   vertical-align: middle;
 
   vertical-align: middle;
−
}  
+
}
 
.sponsors .logo img {
 
.sponsors .logo img {
 
   max-height: 150px;
 
   max-height: 150px;
Line 197: Line 826:
 
bottom: 0;
 
bottom: 0;
 
background-color: #EBEBEB
 
background-color: #EBEBEB
−
}
 
−
#footer-left {
 
−
padding-top: 10px;
 
 
}
 
}
 
#footer-right {
 
#footer-right {
−
padding-top: 50px;
+
padding-top: 30px;
 
}
 
}
 
#footer-right h3 {
 
#footer-right h3 {
Line 209: Line 835:
 
}
 
}
 
#footer-right p {
 
#footer-right p {
−
margin-left: 23%;
 
−
 
−
}
 
−
#icons {
 
 
margin-left: 23%;
 
margin-left: 23%;
 
}
 
}
Line 219: Line 841:
 
padding: 1em;
 
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>

Latest revision as of 20:14, 16 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits