Team:Imperial College/Templates/Header

From 2013.igem.org

(Difference between revisions)
Line 75: Line 75:
       left:0;
       left:0;
       }
       }
-
     /*- Banner ***************************************************************/
+
      
-
    #imperial-banner {
+
-
        position: relative; /* this is to allow positioning of elements within */
+
-
        text-align: right;
+
-
        height: 100px;
+
-
        margin: 0 15px 1em 15px;
+
-
        line-height: 100px;
+
-
    }
+
-
 
+
-
    #imperial-igem-banner {
+
-
        position: absolute;
+
-
        left: 0;
+
-
        top: 0;
+
-
    }
+
-
 
+
-
    #igem-logo,
+
-
    #imperial-logo {
+
-
        display: inline-block;
+
-
        margin-left: 5px;
+
-
    }
+
-
 
+
-
    #imperial-igem-banner img,
+
-
    #igem-logo img {
+
-
        height: 100px;
+
-
    }
+
-
 
+
-
    #igem-logo img {
+
-
        -webkit-transition: all 1s ease-in-out;
+
-
        -moz-transition: all 1s ease-in-out;
+
-
        -ms-transition: all 1s ease-in-out;
+
-
        -o-transition: all 1s ease-in-out;
+
-
        transition: all 1s ease-in-out;
+
-
    }
+
-
 
+
-
    #igem-logo img:hover {
+
-
        -webkit-transform: rotate(360deg);
+
-
        -moz-transform: rotate(360deg);
+
-
        -o-transform: rotate(360deg);
+
-
        -ms-transform: rotate(360deg);
+
-
        transform: rotate(360deg);
+
-
    }
+
-
 
+
-
    #imperial-logo img {
+
-
        height: 50px;
+
-
    }
+
-
 
+
-
    /*- Sidebar ***************************************************************/
+
-
      #nav-vert{
+
-
      position: relative;
+
-
      float:left;
+
-
      width: 70px;
+
-
      }
+
-
      #fb-wrapper{
+
-
      position:relative;
+
-
      display: block;
+
-
      padding: 0;
+
-
      margin: 20px 20px 20px 20px;
+
-
      width: 205px;
+
-
      height: 265px;
+
-
      border-top-left-radius: 4px;
+
-
      border-top-right-radius: 4px;
+
-
      border-bottom: 1px solid #d9d9d9;
+
-
      border-right: 1px solid #d9d9d9;
+
-
      border-top: 1px dotted #d9d9d9;
+
-
      border-left: 1px dotted #d9d9d9;
+
-
      border-bottom-left-radius: 4px;
+
-
      border-bottom-right-radius: 4px;
+
-
      border-bottom: 1px solid #d9d9d9;
+
-
      border-right: 1px solid #d9d9d9; 
+
-
      }
+
-
    /*- Footer ***************************************************************/
+
-
      #sponsor-logo{
+
-
      display: block;
+
-
      background-color: #ffffff;
+
-
      margin-left:auto;
+
-
      margin-right:auto;
+
-
      width:20%;
+
-
      margin: 15px;
+
-
      text-align:center
+
-
      } 
+
-
      #ourfooter{
+
-
      position:relative;
+
-
      display:block;
+
-
      background-color:#fff;
+
-
      width: 975px;
+
-
      float:right;
+
-
      border-top: 1px dotted #d9d9d9;
+
-
      border-bottom: 1px dotted #d9d9d9;
+
-
      }
+
-
 
+
-
    /*- Text  ***************************************************************/
+
-
      #bodyContent{height: auto;}
+
-
      #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { /*reserved*/
+
-
      margin-bottom: 5px;
+
-
      }
+
-
      a {color:#93B825;}
+
-
      a:link {color:#93B825;}
+
-
      a:visited {color:#728F1D;}
+
-
      a:hover {color:#93B825;}
+
-
      a:active {color:#93B825;}
+
-
      a[name]:hover {text-decoration:none;}
+
-
 
+
-
      a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
+
-
      a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
+
-
 
+
-
      h1 {
+
-
      font-family: tahoma,sans-serif;
+
-
      font-variant:small-caps;
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-size: 2.2em;
+
-
      margin: 0 0 0 0;
+
-
      padding: 20px 20px 12px 20px;
+
-
      border-bottom: none;
+
-
      }
+
-
 
+
-
      h2 {
+
-
      font-family: tahoma,sans-serif;
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-size: 1.7em;
+
-
      margin: 0 0 0 0;
+
-
      padding: 18px 20px 7px 20px;
+
-
      border-bottom: none;
+
-
      }
+
-
 
+
-
      h3 {
+
-
      font-family: tahoma,sans-serif;
+
-
      font-variant:small-caps
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-weight: bold;
+
-
      font-size: 1.4em;
+
-
      margin: 0 0 0 0;
+
-
      padding: 16px 20px 2px 20px;
+
-
      border-bottom: none;
+
-
      }
+
-
 
+
-
      h4 {
+
-
      font-family: tahoma,sans-serif;
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-weight: bold;
+
-
      font-size: 1.1em;
+
-
      margin: 0 0 0 0;
+
-
      padding: 13.5px 20px 1px 20px;
+
-
      border-bottom: none;
+
-
      }
+
-
 
+
-
      p {
+
-
      font-family: tahoma,sans-serif;
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-weight: normal;
+
-
      font-size: 1em;
+
-
      line-height: 1.7em;
+
-
      text-align: justify;
+
-
      margin: 0 0 0 0;
+
-
      padding: 5px 20px 0px 20px;
+
-
      }
+
-
 
+
-
      .border {
+
-
      border:1px solid #B2B2B2;
+
-
      z-index:101;
+
-
      }
+
-
 
+
-
      .borderMagnify {
+
-
      border:1px solid #B2B2B2;
+
-
      z-index:101;
+
-
      margin-left:-9px;
+
-
      margin-right:9px;
+
-
      }
+
-
 
+
-
      .imgbox {
+
-
      margin:20px;
+
-
      padding:10px;
+
-
      border:1px solid black;
+
-
      text-align:center;
+
-
      }
+
-
 
+
-
      .vidbox {
+
-
      margin:20px;
+
-
      padding:10px;
+
-
      border:1px solid black;
+
-
      text-align:center;
+
-
      }
+
-
 
+
-
      .newouterbox {
+
-
      background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
+
-
      }
+
-
 
+
-
      .newinnerbox {
+
-
      border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
+
-
      }
+
-
 
+
-
      .newtext {
+
-
      text-align:center;background-color:#FF944D;color:#000000;
+
-
      }
+
-
 
+
-
      ul.a {
+
-
      margin: 0 0 0 40px;
+
-
      list-style-image: none;
+
-
      list-style-type:disc;
+
-
      font-family: arial,sans-serif;
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-weight: normal;
+
-
      font-size: 1em;
+
-
      line-height: 1.7em;
+
-
      text-align: justify;
+
-
      padding: 5px 20px 0px 20px;
+
-
      }
+
-
 
+
-
      ol.a {
+
-
      margin: 0 0 0 30px;
+
-
      list-style-position:inside;
+
-
      font-family: arial,sans-serif;
+
-
      color: #000000;
+
-
      background: #ffffff;
+
-
      font-weight: normal;
+
-
      font-size: 1em;
+
-
      line-height: 1.7em;
+
-
      text-align: justify;
+
-
      padding: 5px 20px 0px 20px;
+
-
      }
+
-
 
+
-
      iframe {
+
-
      padding: 10px 20px 10px 20px;
+
-
      }
+
-
 
+
     /* Navigation pane ***********************************************************/
     /* Navigation pane ***********************************************************/
ul.navigation-menu {
ul.navigation-menu {

Revision as of 07:02, 19 August 2013

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/Header"