"

From 2013.igem.org

Revision as of 22:22, 9 September 2013 (view source) Neilthomson (Talk | contribs) ← Older edit		Revision as of 22:31, 9 September 2013 (view source) Neilthomson (Talk | contribs) Newer edit →
Line 78:		Line 78:
	/* Wikimedia related links at base of page */		/* Wikimedia related links at base of page */
		+
		+
	#footer-box {		#footer-box {
	border:none;		border:none;
	margin: 30px auto;		margin: 30px auto;
		+	width: 100%;
		+	background-color: #aeaeae;
		+	padding: 3em 0 5em 0;
		+
		+	}
		+
		+	#footer {
		+	width: 960px;
	}		}
Line 88:		Line 98:
	display: inline-block;		display: inline-block;
	vertical-align: middle;		vertical-align: middle;
-	margin-bottom: 30px;	+	margin-bottom: 10px;
	}		}
Line 99:		Line 109:
	display: block;		display: block;
	width: 100%;		width: 100%;
		+	margin: 0;
		+	padding: 0;
	}		}
Line 104:		Line 116:
	#footer-box #f-list li {		#footer-box #f-list li {
	text-transform: uppercase;		text-transform: uppercase;
-	padding: 0 1em;	+	padding: 0 .75em;
		+	margin: 0;
	}		}
	#footer-box #f-list li a:link,		#footer-box #f-list li a:link,
	#footer-box #f-list li a:visited {		#footer-box #f-list li a:visited {
-	color: #36A9E1;	+	color: #CCC;
	font-size: 0.7em;		font-size: 0.7em;
	}		}
Line 115:		Line 128:
	#footer-box #f-list li a:hover,		#footer-box #f-list li a:hover,
	#footer-box #f-list li a:focus {		#footer-box #f-list li a:focus {
-	color: #A3C4E9;	+	color: #36A9E1;
	text-decoration: none;		text-decoration: none;
	}		}

---

Revision as of 22:31, 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;
   margin-top: 5px;
   margin-bottom: 20px;

}

1. top-section:hover {

   background: #36A9E1;

}

/* Edit and user menu */

1. menubar {

   top: 0 !important;
   font-size: 0.7em;    

}

1. menubar li,
2. menubar li a:link {

   text-transform: uppercase;

}

/* 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: #DDD;
   background-color: transparent;

}

1. menubar li a:hover,
2. menubar li a:focus {

   color: #A3C4E9;
   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;
   margin: 30px auto;
   width: 100%;
   background-color: #aeaeae;
   padding: 3em 0 5em 0;

}

1. footer {

   width: 960px;

}

1. footer-box #f-poweredbyico,
2. footer-box #f-copyrightico {

   float: none;
   display: inline-block;
   vertical-align: middle;
   margin-bottom: 10px;

}

1. footer-box #f-copyrightico {

}

1. footer-box #f-list {

   float: none;
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;

}

1. footer-box #f-list li {

   text-transform: uppercase;
   padding: 0 .75em;
   margin: 0;

}

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

   color: #CCC;
   font-size: 0.7em;

}

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

   color: #36A9E1;
   text-decoration: none;

}

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

}