Team:YORK UK/static/global.css

From 2013.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
 +
/* MINIMAL HEADER */
 +
/***
 +
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 {
#content h1.firstHeading {
visibility:hidden;
visibility:hidden;
}
}
 +
 +
#content{
 +
border-left: 0px solid rgb(68, 68, 68);
 +
border-right: 0px solid rgb(68, 68, 68);
 +
}
 +
 +
#bodyContent{
 +
margin-top: 0px;
 +
}
 +
#p-logo {
#p-logo {
display: none;
display: none;
Line 8: Line 28:
     display: none;
     display: none;
}
}
 +
 +
.left-menu {
 +
background-color: #555;
 +
 +
}
 +
.left-menu a {
 +
    color: #000;
 +
}
 +
 +
div#top-section{ /*the div containing the entire top bar*/
 +
height: 20px;
 +
margin-bottom: 0px !important;
 +
border: none;
 +
}
 +
 +
 +
#container{
 +
margin-top: 0px;
 +
}
 +
 +
#search-controls {
 +
overflow:hidden;
 +
display:none;
 +
background: none;
 +
position: absolute;
 +
top: 170px;
 +
right: 40px;
 +
}
 +
 +
 +
#header {
 +
width: 975px;
 +
text-align: left;
 +
margin-left: auto;
 +
margin-right: auto;
 +
    margin-top: -45px;
 +
margin-bottom: 0px !important;
 +
}
 +
 +
#menubar {
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
 +
.left-menu, .right-menu{
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
 +
.left-menu li a, .right-menu li a {
 +
color: #000 !important;
 +
}
 +
 +
 +
.left-menu ul li, .right-menu ul li a{
 +
background: none;
 +
color: #000 !important;
 +
}
 +
 +
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
 +
    color: #000 !important;
 +
}
 +
 +
#catlinks{
 +
display:none;
 +
}
 +
 +
/*important for background colours*/
 +
.mediawiki{
 +
background: #ffffff;
 +
}
 +
/* END MINIMAL HEADER */
body {  
body {  
-
width: 1080px;  
+
/*width: 1080px;
-
margin: 0 auto;
+
margin: 0 auto;*/
font-family: 'Lato', sans-serif; /*geriau skaitosi */
font-family: 'Lato', sans-serif; /*geriau skaitosi */
/*font-family: helvetica_neue; */
/*font-family: helvetica_neue; */
 +
}
 +
 +
#content li{
 +
margin-bottom: 0;
}
}
Line 23: Line 121:
#navigation {
#navigation {
-
/* position: relative;
+
position: relative;
top: 0;
top: 0;
-
left: 0px;*/
+
left: 0px;
/*height: 3em;*/
/*height: 3em;*/
     /*width: 200px;*/
     /*width: 200px;*/
     height: 40px;
     height: 40px;
font-weight: 600;
font-weight: 600;
 +
}
}
Line 35: Line 134:
#navigation ul{
#navigation ul{
-
padding: 0;
+
 
-
list-style-type:none;
+
    list-style-type:none;
-
     margin-top: 2px;
+
     list-style-image: none;
-
     margin-bottom: 5px;
+
     margin: 0 0 0 0;
}
}
Line 72: Line 171:
color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
padding-right: 0;
padding-right: 0;
-
width: 168px;
+
width: 150.5px;
height: 21px;
height: 21px;
-
padding: 20px 0px 10px 10px;
+
padding: 17px 0px 7px 10px;
  background: #33a21f;
  background: #33a21f;
}
}
Line 89: Line 188:
clear: both;
clear: both;
margin-right: 60px;
margin-right: 60px;
 +
        margin-top: 10px;
overflow: hidden;
overflow: hidden;
display: block;
display: block;
background-color: #ffffff;
background-color: #ffffff;
margin-left: 2px;
margin-left: 2px;
-
width: 1077px;
+
width: 975px;
-
height: 37px;
+
height: 32px;
border-width: 1px 0px 1px 0px;
border-width: 1px 0px 1px 0px;
border-color: #c0c0c0;
border-color: #c0c0c0;
Line 107: Line 207:
/*display: ;*/
/*display: ;*/
text-decoration: none;
text-decoration: none;
-
padding-top: 10px;
+
padding-top: 9px;
padding-bottom: 3px;
padding-bottom: 3px;
padding-left:10px;
padding-left:10px;
Line 179: Line 279:
#acknowledgments > a:nth-child(3){
#acknowledgments > a:nth-child(3){
border-width: 1px 1px 1px 1px;
border-width: 1px 1px 1px 1px;
-
}
 
-
 
-
#content {
 
-
margin-top: 15px;
 
}
}
Line 194: Line 290:
margin: 0;
margin: 0;
list-style-type:none;
list-style-type:none;
-
width: 245px;
+
list-style-image: none;
 +
width: 220px;
}
}
Line 205: Line 302:
/* border-left-width: 0px;
/* border-left-width: 0px;
border-right-width: 0px;*/
border-right-width: 0px;*/
 +
}
 +
 +
#navlocal a{
 +
text-decoration: none;
 +
color: rgb(0, 0, 0);
}
}
Line 224: Line 326:
border-style: solid;
border-style: solid;
border-color: #c1bfc0;
border-color: #c1bfc0;
-
margin-left: 245px;
+
margin-left: 220px;
}
}
Line 238: Line 340:
#conlocal h2{
#conlocal h2{
 +
margin-left: 20px;
 +
color: #656364;
 +
}
 +
 +
#conlocal h3{
margin-left: 20px;
margin-left: 20px;
color: #656364;
color: #656364;
Line 246: Line 353:
margin-left: 20px;
margin-left: 20px;
color: #656364;
color: #656364;
 +
}
 +
 +
#biographycontent img{
 +
        padding-right: 5px;
 +
}
 +
 +
#biographycontent p{
 +
        position: relative;
 +
        top: 20px;
}
}

Latest revision as of 12:46, 27 September 2013

/* MINIMAL HEADER */ /*** 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 {

visibility:hidden; }

  1. content{

border-left: 0px solid rgb(68, 68, 68); border-right: 0px solid rgb(68, 68, 68); }

  1. bodyContent{

margin-top: 0px; }

  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*/ height: 20px; margin-bottom: 0px !important; border: none; }


  1. container{

margin-top: 0px; }

  1. search-controls {

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


  1. header {

width: 975px; text-align: left; margin-left: auto; margin-right: auto; 

   margin-top: -45px;

margin-bottom: 0px !important; }

  1. menubar {

position: absolute; background: none; color: black; }

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

.left-menu li a, .right-menu li a { color: #000 !important; }


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

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

   color: #000 !important;

}

  1. catlinks{

display:none; }

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


body { /*width: 1080px; margin: 0 auto;*/ font-family: 'Lato', sans-serif; /*geriau skaitosi */ /*font-family: helvetica_neue; */ }

  1. content li{

margin-bottom: 0; }

@font-face { font-family: helvetica_neue; src: url('fonts/ufonts.com_helvetica_neue_ultralight.ttf'); }

  1. navigation {

position: relative; top: 0; left: 0px; /*height: 3em;*/ 

   /*width: 200px;*/
   height: 40px;

font-weight: 600;


}


  1. navigation ul{ 
   list-style-type:none;
   list-style-image: none;
   margin: 0 0 0 0;

}

  1. navigation li { 
	float: left;
	font-size: 16px;
	padding-left: 2px;
	/* For IE 7 */

  /* zoom: 1;

*display: inline;*/ }

  1. navigation li #popdown {

position: absolute; width: 147px; left: -10000px; margin: 0; }

  1. navigation li:hover #popdown {

left: auto; float: left; }

  1. navigation li:hover ul li{

padding: 0; }

  1. navigation a {

display: block; text-decoration: none; color: rgb(255, 255, 255); padding-right: 0; width: 150.5px; height: 21px; padding: 17px 0px 7px 10px; 

	background: #33a21f;

}

  1. navigation a:hover { 
	background: #46e12c;

}

  1. navigation .selected{ 
	background: #fad210;

}

  1. nav2 {

clear: both; margin-right: 60px; 

       margin-top: 10px;

overflow: hidden; display: block; background-color: #ffffff; margin-left: 2px; width: 975px; height: 32px; border-width: 1px 0px 1px 0px; border-color: #c0c0c0; /* border-color: #ffffff; border-bottom-color: #ffffff;*/ border-style: solid; }

  1. nav2 a{

float: right; display: inline-block; /*display: ;*/ text-decoration: none; padding-top: 9px; padding-bottom: 3px; padding-left:10px; width: 168px; background-color: #fad210; font-size: 17px; color: #ffffff; font-weight: 700; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #cbaf1d; }

  1. nav2 a:hover{

/*display: inline-block;*/ /*display: ;*/ /* text-decoration: none; width: 168px;*/ background-color: #ffffff; color: #fad210; }


  1. nav2 .selected{

background-color: #ffffff; color: #fad210; }

  1. nav2 #team{

display: none; width: 900px; position: relative; left: -900px; }

  1. nav2 #project{

display: none; position: relative; width: 1620px; left: -1620px;

}

  1. nav2 #notebook{

display: none; position: relative; width: 720px; left: -720px; }

  1. nav2 #acknowledgments{

display: none; position: relative; width: 540px; left: -540px; }

  1. team > a:nth-child(5){

border-width: 1px 1px 1px 1px; }

  1. project > a:nth-child(9){

border-width: 1px 1px 1px 1px; }

  1. notebook > a:nth-child(4){

border-width: 1px 1px 1px 1px; }

  1. acknowledgments > a:nth-child(3){

border-width: 1px 1px 1px 1px; }

  1. navlocal{

float: left; padding: 0; }

  1. navlocal ul{

padding: 0; margin: 0; list-style-type:none; list-style-image: none; width: 220px; }

  1. navlocal div{

display: block; padding: 3px 0px 3px 77px; border-style: solid; border-color: #c1bfc0; border-width: 0px 0px 1px 0px; /* border-left-width: 0px; border-right-width: 0px;*/ }

  1. navlocal a{

text-decoration: none; color: rgb(0, 0, 0); }

  1. navlocal li:first-child{

padding: 3px 0px 3px 47px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #c1bfc0; background-color: #dfdfdd; }


/*#navlocal #overview{ border-top-width: 1px; }*/

  1. conlocal{

border-width: 1px 1px 1px 1px; border-style: solid; border-color: #c1bfc0; margin-left: 220px; }

  1. conlocal img{

padding: 0; margin: 0; }

  1. conlocal div{

display: block; display: none; }

  1. conlocal h2{

margin-left: 20px; color: #656364; }

  1. conlocal h3{

margin-left: 20px; color: #656364; }

  1. conlocal p{

margin-top: 0; margin-left: 20px; color: #656364; }

  1. biographycontent img{ 
       padding-right: 5px;

}

  1. biographycontent p{ 
       position: relative;
       top: 20px;

}

Retrieved from "http://2013.igem.org/Team:YORK_UK/static/global.css"