Team:Imperial College/Templates:custom css

From 2013.igem.org

(Difference between revisions)
(Created page with "#imperial-banner { position: relative; - →this is to allow positioning of elements within: text-align: right; height: 100px; margin: 0 15px 1em 15px; line-h...")
Line 1: Line 1:
 +
/* Compulsory IDs ***********************************************************/
 +
#catlinks {
 +
border:none;
 +
background: #ffffff;
 +
}
 +
#footer-box{
 +
border:none;
 +
}
 +
#top-section {
 +
background-color: #ffffff;
 +
border: none;
 +
height:20px;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
#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("https://static.igem.org/mediawiki/2013/5/59/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;
 +
}*/
 +
#contentSub {
 +
margin: 0 0 0 0;
 +
} 
 +
 +
/*- 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;
 +
}
 +
 +
#imperial-banner {
#imperial-banner {
     position: relative; /* this is to allow positioning of elements within */
     position: relative; /* this is to allow positioning of elements within */

Revision as of 21:16, 9 September 2013

/* 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;

}

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