"

From 2013.igem.org

Revision as of 21:54, 9 September 2013 (view source) Neilthomson (Talk | contribs) ← Older edit		Revision as of 22:00, 9 September 2013 (view source) Neilthomson (Talk | contribs) Newer edit →
Line 30:		Line 30:
	}		}
-	#menubar li a {	+	#menubar li a,
		+	#menubar li {
	text-transform: uppercase;		text-transform: uppercase;
	font-size: 0.61em;		font-size: 0.61em;
Line 44:		Line 45:
	#menubar li a:visited {		#menubar li a:visited {
	color: #FFF;		color: #FFF;
-	background-color: #ffffff;	+	background-color: transparent;
	}		}
Line 54:		Line 55:
	/* Edit */		/* Edit */
-	#menubar.right-menu {	+	#menubar.left-menu{
	}		}
		+
		+	#menubar.left-menu:hover {
		+	background-color: transparent;
		+	}
		+
		+
	/* User */		/* User */
-	#menubar.left-menu{	+	#menubar.right-menu {
	}		}

---

Revision as of 22:00, 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,
2. menubar li {

   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: 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;

}