Team:Imperial College/Templates:custom css

From 2013.igem.org

Revision as of 21:16, 9 September 2013 by Neilthomson (Talk | contribs)

/* Compulsory IDs ***********************************************************/

  1. catlinks {

border:none; background: #ffffff; }

  1. footer-box{

border:none; }

  1. top-section {

background-color: #ffffff; border: none; height:20px; }

  1. p-logo {

display: none; }

  1. search-controls {

display: none; } .firstHeading { display: none; }

  1. content {

position: relative; width: 975px; margin: 0 auto; padding:0; background: #ffffff; color: black; border: 1px solid #d9d9d9; line-height: 1.5em; z-index: 2; } body { background-image:url("BackgroundSRFSRF.jpg"); } .right-menu li a, .right-menu li a:hover { /*reserved*/ color: #0000CD; background-color: #ffffff; } /*#menucontainer { overflow:visible; position:relative; z-index:3; }*/

  1. contentSub {

margin: 0 0 0 0; }

/*- Footer ***************************************************************/

  1. sponsor-logo{

display: block; background-color: #ffffff; margin-left:auto; margin-right:auto; width:20%; margin: 15px; text-align:center }

  1. ourfooter{

position:relative; display:block; background-color:#fff; width: 975px; float:right; border-top: 1px dotted #d9d9d9; border-bottom: 1px dotted #d9d9d9; }


  1. 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;

}

  1. imperial-igem-banner {
   position: absolute;
   left: 0;
   top: 0;

}

  1. igem-logo,
  2. imperial-logo {
   display: inline-block;
   margin-left: 5px;

}

  1. imperial-igem-banner img,
  2. igem-logo img {
   height: 100px;

}

  1. 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;

}

  1. igem-logo img:hover {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);

}

  1. imperial-logo img {
   height: 50px;

}

  1. BackToTop,
  2. BackToTop:link,
  3. BackToTop:visited {
   position: fixed;
   bottom: 5px;
   right: 5px;
   text-decoration: none;
   color: #36a9e1;

}

  1. BackToTop:hover {
   color: #a3c4e9;

}