Team:Calgary Entrepreneurial/Stylesheets/global.css

From 2013.igem.org

(Difference between revisions)

Latest revision as of 21:03, 20 May 2014

/*** Minimal header: removes the search bar and header image and readjusts font colours in the menus.

Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! Check out their wikis at: https://2011.igem.org/Team:Brown-Stanford https://2012.igem.org/Team:Lethbridge

- - /

content h1.firstHeading, #contentSub{

display: none; }

p-logo {

display: none; }

searchform {

   display: none;

}

.left-menu { background-color: #555;

} .left-menu a {

   color: #000;

}

div#top-section{ /*the div containing the entire top bar*/ background: #DEDEDE; border: none; height: 1.5em; margin-bottom: 0px !important; position: fixed; width: 100%; z-index: 3; }

content{

border: 0; margin: 0; padding: 0; position: static; width: 100%; z-index: 1; }

/*** removes the little padlock icons on secure site links Thanks to Rob Kam on MediaWiki's Talk page: http://www.mediawiki.org/wiki/Thread:Project:Support_desk/Padlock_icons_on_HTTPS_links._Why%3F_and_how_to_switch_off%3F ***/ div#content a[href ^="https://"].external{ background: center right no-repeat; padding-right: 18px; }

search-controls {

overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }

div#header { width: 975px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; }

menubar {

position: absolute; background: none; color: black; font-family: Roboto, Sans-Serif; }

.left-menu, .right-menu{ position: absolute; background: none; color: black; }

.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.8rem; padding: 0 0.6em 0 0; }

.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.8rem; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {

   color: #000 !important;

font-size: 0.8rem; }

div.right-menu{ z-index: 0; }

catlinks{

display:none; }

footer-box{

background: #DEDEDE; width: 100%; margin: 0; padding: 0; border: none; }

f-list li a{

color: #555555; font-family: Roboto, Sans-Serif; font-size: 0.8rem; text-decoration: none; }

#f-list li a:hover{ text-decoration: none; }

/*important for background colours*/ .mediawiki{ background: #ffffff; }

/***End minimal header***/

html{ font-size: 100%; }

h1, h2, h3, h4{ border: 0; font-family: Roboto, sans-serif; margin: 0; padding: 0; }

h1{ color: #111111; font-size: 2.1rem; line-height: 2.4rem; margin: 1.5rem 0 0.6rem 0 !important; }

h2{ color: #333333; font-size: 1.8rem; font-weight: 300; line-height: 2.2rem; margin: 1.6rem 0 0.5rem 0 !important; }

h3{ color: #7cb83d; /*will be overwritten based on section theme*/ font-size: 1.55rem; font-weight: 500; margin: 1rem 0 0.2rem 1rem !important; }

p, #maincontent li{ font-family: Average, serif; font-size: 1rem; line-height: 1.5rem; margin: 0; padding: 0; /*must be 0 to avoid weird nav spacing*/ }

#maincontent a, #maincontent a:focus{ color: #6ba72c; }

#maincontent a:visited{ color: #49850a; }

body, #content{ background: #404040 !important; font-size: 100%; height: 100%; margin: 0; padding: 0; }

@media screen and (max-width: 1050px){

/**Wiki-specific CSS**/

div#top-section{ /*the div containing the entire top bar*/ background: #DEDEDE; border: none; height: 1.3em; margin-bottom: 0px !important; position: fixed; width: 100%; z-index: 2; }

.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.7rem !important; padding: 0 0.6em 0 0; }

.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.7rem !important; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { color: #000 !important; font-size: 0.7rem !important; }

/**End wiki-specific CSS**/

h1{ font-size: 1.8rem; line-height: 2.1rem; margin: 1.5rem 0 0.6rem 0 !important; }

h2{ color: #333333; font-size: 1.8rem; font-weight: 300; line-height: 2.2rem; margin: 1.6rem 0 0.5rem 0 !important; }

h3{ color: #7cb83d; /*will be overwritten based on section theme*/ font-size: 1.55rem; font-weight: 500; margin: 1rem 0 0.2rem 1rem !important; }

p, #maincontent li{ font-family: Average, serif; font-size: 1rem; line-height: 1.4rem; margin: 0; padding: 0; /*must be 0 to avoid weird nav spacing*/ }

}

@media screen and (max-width: 768px){

div#top-section{ z-index: 3; }

#menubar{ width: auto; }

.right-menu{ z-index: 0 !important; }

.left-menu li a, .right-menu li a { color: #000 !important; font-size: 0.7rem !important; padding: 0 0.6em 0 0; }

.left-menu ul{ margin-left: 0.2em; }

.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; font-size: 0.5rem !important; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { color: #000 !important; font-size: 0.5rem !important; } }

@@ Line 174: / Line 174: @@
 		font-family: Average, serif;
 		font-size: 1rem;
+		line-height: 1.5rem;
 		margin: 0;
 		padding: 0;		/*must be 0 to avoid weird nav spacing*/
 	}
-		p a, p a:focus{
+		#maincontent a, #maincontent a:focus{
 			color: #6ba72c;
 		}
-		p a:visited{
+		#maincontent a:visited{
 			color: #49850a;
 		}
@@ Line 227: / Line 228: @@
 	/**End wiki-specific CSS**/
+	h1{
+		font-size: 1.8rem;
+		line-height: 2.1rem;
+		margin: 1.5rem 0 0.6rem 0 !important;
+	}
+	h2{
+		color: #333333;
+		font-size: 1.8rem;
+		font-weight: 300;
+		line-height: 2.2rem;
+		margin: 1.6rem 0 0.5rem 0 !important;
+	}
+	h3{
+		color: #7cb83d;				/*will be overwritten based on section theme*/
+		font-size: 1.55rem;
+		font-weight: 500;
+		margin: 1rem 0 0.2rem 1rem !important;
+	}
+	p, #maincontent li{
+		font-family: Average, serif;
+		font-size: 1rem;
+		line-height: 1.4rem;
+		margin: 0;
+		padding: 0;		/*must be 0 to avoid weird nav spacing*/
+	}
 }
 @media screen and (max-width: 768px){
+	div#top-section{
+		z-index: 3;
+	}
 	#menubar{
 		width: auto;