Team:Imperial College/Templates:custom css

From 2013.igem.org

Revision as of 22:06, 9 September 2013 by Neilthomson (Talk | contribs)

/* PLEASE READ https://2013.igem.org/wiki/index.php?title=Team:Imperial_College/Templates:StyleGuide&action=edit */

/* ---------------- WikiMedia Elements / Page Structure---------------- */

/* HIDE Big horrible image at top from iGem 2013 Search Controls Page title */

  1. p-logo,
  2. search-controls,

.firstHeading { 

   display: none;

}

/* Remove default top header */

  1. top-section { 
   background-color: #ffffff;
   border: none;
   height:20px;

}

  1. top-section:hover { 
   background: #36A9E1;

}

/* Edit and user menu */

  1. menubar { 
   top: -3px !important;
   font-size: 1em;

}

  1. menubar li { 
   text-transform: uppercase;
   font-size: 0.7em;
   color: #DDD;

}

/* Highlight with background colour on hover */

  1. top-section:hover #menubar li a { 
   color: #FFF;

}

  1. menubar li a:link,
  2. menubar li a:visited { 
   color: #FFF;
   background-color: transparent;

}

  1. menubar li a:hover,
  2. menubar li a:focus { 
   color: #DDD;
   text-decoration: none;

}

/* Edit */

  1. menubar.left-menu{

}

  1. menubar.left-menu:hover { 
   background-color: transparent;

}


/* User */

  1. menubar.right-menu {

}


/* ? */

  1. catlinks { 
   border:none;
   background: #ffffff;

}

/* Wikimedia related links at base of page */

  1. footer-box { 
   border:none;

}

  1. footer-box #f-poweredbyico {

}

  1. footer-box #f-copyrightico {

}

  1. footer-box #f-list {

}


  1. footer-box #f-list li {

}

  1. footer-box #f-list li a:link,
  2. footer-box #f-list li a:visited {

}

  1. footer-box #f-list li a:hover,
  2. footer-box #f-list li a:focus {

}


/* ---------------- Main Content ---------------- */

/* Full Page container */

  1. content { 
   position: relative;
   width: 975px;
   margin: 0 auto;
   padding:0;
   background: #ffffff;
   border: none;
   z-index: 2;

}


  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;

}

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