陳沛鴻 Home templatemo 398 nature templatemo main

From 2014hs.igem.org

/* Credit: http://www.templatemo.com */

body, html { overflow-x: hidden; }

body {

   font-size: 1em;
   line-height: 1.4;
   font-family: 'Raleway', sans-serif;
   font-style: normal; 
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;

}

h1, h2, h3, h4, h5, h6, span, p { font-family: 'Raleway', sans-serif; }

hr {

   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;

}

img {

   vertical-align: middle;

}

/* Preloader */

  1. preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fff; /* change if the mask should have another color then white */
   z-index: 99; /* makes sure it stays on top */

}

  1. status {
   width: 200px;
   height: 200px;
   position: absolute;
   left: 50%; /* centers the loading animation horizontally one the screen */
   top: 50%; /* centers the loading animation vertically one the screen */
   background-image: url(%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_Status.gif); /* path to your loading animation */
   background-repeat: no-repeat;
   background-position: center;
   margin: -100px 0 0 -100px; /* is width and height divided by two */

}

/* General */

  1. main-wrapper {
    overflow: hidden;

}

.templatemo-site-title {

   color: #fff !important; 
   text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);

font-size: 48px; }

.templatemo-site-title a, .templatemo-site-title a:hover { color: #fff; text-decoration: none; }

img.slide {

   width: 100%; 
   z-index: -9999999; 
   position: absolute;

}

.active {

   display: block;

}

.inactive {

   left: 703px;
   display: none;

}

.image-section {

   position: fixed;

}

.image-container {

   position: relative;

}

.image-container img {

   position: absolute;

}

.templatemo-content {

   position: static;
   overflow: hidden; 
   margin-top: 36%;

}

.templatemo-content section {

   font-family: 'Raleway', sans-serif;
   position: relative; 
   overflow: hidden;
   top: 0; 
   background-color: rgba(255,255,255,0.75);
   padding-bottom: 20px;

}


.templatemo-content-wrapper {

   overflow: hidden;

}

.templatemo-content h2 {

   color: #000;
   font-family: 'Raleway', sans-serif;

}

.templatemo-content p {

   font-family: 'Raleway', sans-serif;
   color: #000;
   font-size: 16px;

}

.menu {

   position: fixed; 
   width: 220px;
   z-index: 1; 
   top: 35px;

}

  1. menu-list {
   background-color: rgba(0, 0, 0,0.5);
   font-size: 16px; 
   padding: 0;

}

  1. menu-list > li {
   display: block;

}


  1. menu-list > li > a {
   font-family: 'Raleway', sans-serif; 
   padding: 10px 0 10px 30px; 
   text-decoration: none; 
   display: block;
   color: #fff; 

}

  1. menu-list > .active > a,
  2. menu-list > li > a:hover {
   background-color: rgba(255,255,255,0.25);

}


  1. responsive {
   font-size: 16px;
   padding: 0;
   background-color: rgba(0,0,0,0.5);

}

  1. responsive li {
   display: block;

}

  1. responsive li a {
   font-family: 'Raleway', sans-serif; 
   color: #fff; 
   text-decoration: none; 
   padding: 10px 0;
   display: block;

}

  1. responsive > .active > a,
  2. responsive li a:hover {
   background-color: rgba(0,0,0,0.5);

}

  1. map-canvas {

height: 256px; margin-bottom: 10px; }

.templatemo-content {

   padding-bottom: 6%;

}

.footer {

   overflow: hidden; 
   position: fixed; 
   bottom: 10px;

}

.footer-text {

   font-family: 'Raleway', sans-serif; 
   color: #fff; 
   text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
   margin-left: 30px;
   font-size: 14px;

}

.footer-text a, .footer-text a:hover { color: #fff; text-decoration: none; }

@media (max-width: 991px) {

   .footer {
       overflow:hidden; 
       position:static;
       text-align: center;
       
   }
   .footer-text {
       margin-left: 0;
   }

}