Team:Imperial College/Templates:custom css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* Compulsory IDs ***********************************************************/
+
/* 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 */
 +
#p-logo,
 +
#search-controls,
 +
.firstHeading {
 +
    display: none;
 +
}
 +
 
 +
/* Remove default top header */
 +
#top-section {
 +
    background-color: #ffffff;
 +
    border: none;
 +
    height:20px;
 +
}
 +
 
 +
#top-section:hover {
 +
    background: #36A9E1;
 +
}
 +
 
 +
/* Edit and user menu */
 +
#menubar {
 +
    top: -3px !important;
 +
   
 +
}
 +
 
 +
#menubar li a {
 +
    text-transform: uppercase;
 +
    font-size: 0.61em;
 +
    color: #DDD;
 +
}
 +
 
 +
/* Highlight with background colour on hover */
 +
#top-section:hover #menubar li a {
 +
    color: #FFF;
 +
}
 +
 
 +
#menubar li a:link,
 +
#menubar li a:visited {
 +
    color: #FFF;
 +
    background-color: #ffffff;
 +
}
 +
 
 +
#menubar li a:hover,
 +
#menubar li a:focus {
 +
    color: #DDD;
 +
    text-decoration: none;
 +
}
 +
 
 +
/* Edit */
 +
#menubar.right-menu {
 +
   
 +
}
 +
/* User */
 +
#menubar.left-menu{
 +
   
 +
}
 +
 
 +
 
 +
 
 +
/* ? */
#catlinks {
#catlinks {
-
border:none;
+
    border:none;
-
background: #ffffff;
+
    background: #ffffff;
}
}
-
#footer-box{
+
 
-
border:none;
+
/* Wikimedia related links at base of page */
 +
#footer-box {
 +
    border:none;
}
}
-
#top-section {
+
 
-
background-color: #ffffff;
+
#footer-box #f-poweredbyico {
-
border: none;
+
   
-
height:20px;
+
}
}
-
#p-logo {
+
 
-
display: none;
+
#footer-box #f-copyrightico {
 +
   
}
}
-
#search-controls {
+
 
-
display: none;
+
#footer-box #f-list {
 +
   
}
}
-
.firstHeading {
+
 
-
display: none;
+
 
 +
#footer-box #f-list li {
 +
   
}
}
-
#content {
+
#footer-box #f-list li a:link,
-
position: relative;
+
#footer-box #f-list li a:visited {
-
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");
+
#footer-box #f-list li a:hover,
 +
#footer-box #f-list li a:focus {
 +
   
}
}
-
.right-menu li a, .right-menu li a:hover {  /*reserved*/
+
 
-
color: #0000CD;
+
 
-
background-color: #ffffff;
+
/* ---------------- Main Content ---------------- */
 +
 
 +
/* Full Page container */
 +
#content {
 +
    position: relative;
 +
    width: 975px;
 +
    margin: 0 auto;
 +
    padding:0;
 +
    background: #ffffff;
 +
    border: none;
 +
    z-index: 2;
}
}
-
/*#menucontainer {
+
 
-
overflow:visible;
+
 
-
position:relative;
+
-
z-index:3;
+
-
}*/
+
#contentSub {
#contentSub {
margin: 0 0 0 0;
margin: 0 0 0 0;

Revision as of 21:54, 9 September 2013

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

}

  1. menubar li a { 
   text-transform: uppercase;
   font-size: 0.61em;
   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: #ffffff;

}

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

}

/* Edit */

  1. menubar.right-menu {

} /* User */

  1. menubar.left-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"