Team:Calgary Entrepreneurial/Stylesheets/global.css

From 2013.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 33: Line 33:
position: fixed;
position: fixed;
width: 100%;
width: 100%;
-
z-index: 2;
+
z-index: 3;
}
}
Line 102: Line 102:
     color: #000 !important;
     color: #000 !important;
font-size: 0.8rem;
font-size: 0.8rem;
 +
}
 +
 +
div.right-menu{
 +
z-index: 0;
}
}
Line 141: Line 145:
border: 0;
border: 0;
font-family: Roboto, sans-serif;
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{
+
p, #maincontent li{
font-family: Average, serif;
font-family: Average, serif;
font-size: 1rem;
font-size: 1rem;
 +
line-height: 1.5rem;
margin: 0;
margin: 0;
-
padding: 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{
body, #content{
Line 158: Line 195:
}
}
-
@media only screen and (max-width: 1050px){
+
@media screen and (max-width: 1050px){
/**Wiki-specific CSS**/
/**Wiki-specific CSS**/
Line 174: Line 211:
.left-menu li a, .right-menu li a {
.left-menu li a, .right-menu li a {
color: #000 !important;
color: #000 !important;
-
font-size: 0.7rem;
+
font-size: 0.7rem !important;
padding: 0 0.6em 0 0;
padding: 0 0.6em 0 0;
}
}
Line 182: Line 219:
background: none;
background: none;
color: #000 !important;
color: #000 !important;
-
font-size: 0.7rem;
+
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 {
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
color: #000 !important;
color: #000 !important;
-
font-size: 0.7rem;
+
font-size: 0.7rem !important;
}
}
/**End wiki-specific CSS**/
/**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;
 +
}
}
}

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

      • /
  1. content h1.firstHeading, #contentSub{

display: none; }

  1. p-logo {

display: none; }

  1. 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; }


  1. 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; }

  1. 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; }

  1. 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; }

  1. catlinks{

display:none; }

  1. footer-box{

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

  1. 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; } }

Retrieved from "http://2013.igem.org/Team:Calgary_Entrepreneurial/Stylesheets/global.css"