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

 
(93 intermediate revisions by the same user not shown)
Line 55: 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 61: Line 91:
 
   display: block;
 
   display: block;
 
   min-width: 100%;
 
   min-width: 100%;
 +
  left: -22px;
 
}
 
}
 
.navbar {
 
.navbar {
Line 82: Line 113:
 
   vertical-align: middle;
 
   vertical-align: middle;
 
   color: white;
 
   color: white;
−
  width : 230px;
 
 
}
 
}
 
.navbar-nav > li:hover {
 
.navbar-nav > li:hover {
Line 113: 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-example {
+
#carousel-home {
−
   padding-top: 20px;
+
   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;
Line 198: 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;
 
}
 
}
 
/* ==========================================================================
 
/* ==========================================================================
Line 335: Line 441:
 
   width: 100%;
 
   width: 100%;
 
padding: 60px 0px;
 
padding: 60px 0px;
−
 
 
}
 
}
 
.classy-bar h3 {
 
.classy-bar h3 {
 
   position: relative;
 
   position: relative;
−
color: black;
+
color: #032222;
 
font-size: 34px;
 
font-size: 34px;
 
font-weight: 800;
 
font-weight: 800;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
   top: -20px;
 
   top: -20px;
 +
  margin-top: 50px;
 +
  letter-spacing: 6px;
 
}
 
}
 
.classy-bar h2 {
 
.classy-bar h2 {
 
   position: relative;
 
   position: relative;
−
color: black;
+
color: #032222;
 
font-size: 34px;
 
font-size: 34px;
 
font-weight: 800;
 
font-weight: 800;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
   top: -20px;
 
   top: -20px;
 +
  margin-top: 50px;
 +
  letter-spacing: 6px;
 
}
 
}
 
/* ==========================================================================
 
/* ==========================================================================
Line 358: Line 467:
 
.prot-section h1 {
 
.prot-section h1 {
 
text-align: center;
 
text-align: center;
−
text-transform: uppercase;
 
 
font-weight: 600;
 
font-weight: 600;
 
font-size: 26px;
 
font-size: 26px;
Line 365: Line 473:
 
}
 
}
 
.prot-section h2 {
 
.prot-section h2 {
−
text-align: center;
 
 
color: #333333;
 
color: #333333;
 
font-weight: 400;
 
font-weight: 400;
−
margin: 0;
 
−
border-bottom: 1px solid;
 
 
}
 
}
 
.prot-section h3 {
 
.prot-section h3 {
Line 377: Line 482:
 
font-size: 24px;
 
font-size: 24px;
 
color: #981110;
 
color: #981110;
 +
}
 +
.prot-section ol{
 +
  padding-bottom: 20px;
 
}
 
}
 
.prot-section .panel {
 
.prot-section .panel {
Line 392: Line 500:
 
}
 
}
 
.prot-section p {
 
.prot-section p {
 +
  padding: 20px;
 
text-align: justify;
 
text-align: justify;
 
font-size: 16px;
 
font-size: 16px;
Line 422: Line 531:
 
}
 
}
 
ul.affix-bottom {
 
ul.affix-bottom {
−
  width: inherit;
+
   position: absolute;
−
   position: static;
+
−
  bottom: 500px;
+
 
}
 
}
 
/* ==========================================================================
 
/* ==========================================================================
Line 719: 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 731: Line 835:
 
}
 
}
 
#footer-right p {
 
#footer-right p {
−
margin-left: 23%;
 
−
 
−
}
 
−
#icons {
 
 
margin-left: 23%;
 
margin-left: 23%;
 
}
 
}
Line 742: Line 842:
 
}
 
}
  
−
 
+
/*<!-- TABLE -->*/
−
<!-- TABLE -->
+
 
table a:link {
 
table a:link {
 
color: #707070 ;
 
color: #707070 ;
Line 852: Line 951:
  
 
<!-- Latest compiled and minified JavaScript -->
 
<!-- Latest compiled and minified JavaScript -->
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
 
<script src="http://code.jquery.com/jquery.js"></script>
 
<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>
 
</head>
 
</html>
 
</html>

Latest revision as of 20:14, 16 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits