Team:YORK UK/static/global.css
From 2013.igem.org
(42 intermediate revisions not shown) | |||
Line 12: | Line 12: | ||
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 34: | Line 44: | ||
- | # | + | #container{ |
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
Line 48: | Line 58: | ||
- | + | #header { | |
width: 975px; | width: 975px; | ||
text-align: left; | text-align: left; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
+ | margin-top: -45px; | ||
margin-bottom: 0px !important; | margin-bottom: 0px !important; | ||
- | } | + | } |
#menubar { | #menubar { | ||
Line 94: | Line 105: | ||
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 106: | Line 121: | ||
#navigation { | #navigation { | ||
- | + | 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 118: | Line 134: | ||
#navigation ul{ | #navigation ul{ | ||
- | + | ||
- | + | list-style-type:none; | |
- | + | list-style-image: none; | |
- | margin | + | margin: 0 0 0 0; |
} | } | ||
Line 155: | Line 171: | ||
color: rgb(255, 255, 255); | color: rgb(255, 255, 255); | ||
padding-right: 0; | padding-right: 0; | ||
- | width: | + | width: 150.5px; |
height: 21px; | height: 21px; | ||
- | padding: | + | padding: 17px 0px 7px 10px; |
background: #33a21f; | background: #33a21f; | ||
} | } | ||
Line 172: | 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: | + | width: 975px; |
- | height: | + | height: 32px; |
border-width: 1px 0px 1px 0px; | border-width: 1px 0px 1px 0px; | ||
border-color: #c0c0c0; | border-color: #c0c0c0; | ||
Line 190: | Line 207: | ||
/*display: ;*/ | /*display: ;*/ | ||
text-decoration: none; | text-decoration: none; | ||
- | padding-top: | + | padding-top: 9px; |
padding-bottom: 3px; | padding-bottom: 3px; | ||
padding-left:10px; | padding-left:10px; | ||
Line 262: | Line 279: | ||
#acknowledgments > a:nth-child(3){ | #acknowledgments > a:nth-child(3){ | ||
border-width: 1px 1px 1px 1px; | border-width: 1px 1px 1px 1px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 277: | Line 290: | ||
margin: 0; | margin: 0; | ||
list-style-type:none; | list-style-type:none; | ||
- | width: | + | list-style-image: none; |
+ | width: 220px; | ||
} | } | ||
Line 288: | 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 307: | Line 326: | ||
border-style: solid; | border-style: solid; | ||
border-color: #c1bfc0; | border-color: #c1bfc0; | ||
- | margin-left: | + | margin-left: 220px; |
} | } | ||
Line 321: | Line 340: | ||
#conlocal h2{ | #conlocal h2{ | ||
+ | margin-left: 20px; | ||
+ | color: #656364; | ||
+ | } | ||
+ | |||
+ | #conlocal h3{ | ||
margin-left: 20px; | margin-left: 20px; | ||
color: #656364; | color: #656364; | ||
Line 329: | 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
- /
- content h1.firstHeading {
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 {
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*/ 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 {
/*width: 1080px;
margin: 0 auto;*/
font-family: 'Lato', sans-serif; /*geriau skaitosi */
/*font-family: helvetica_neue; */
}
- content li{
margin-bottom: 0; }
@font-face { font-family: helvetica_neue; src: url('fonts/ufonts.com_helvetica_neue_ultralight.ttf'); }
- navigation {
position: relative; top: 0; left: 0px; /*height: 3em;*/
/*width: 200px;*/ height: 40px;
font-weight: 600;
}
- navigation ul{
list-style-type:none; list-style-image: none; margin: 0 0 0 0;
}
- navigation li {
float: left; font-size: 16px; padding-left: 2px; /* For IE 7 */
/* zoom: 1;
*display: inline;*/ }
- navigation li #popdown {
position: absolute; width: 147px; left: -10000px; margin: 0; }
- navigation li:hover #popdown {
left: auto; float: left; }
- navigation li:hover ul li{
padding: 0; }
- 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;
}
- navigation a:hover {
background: #46e12c;
}
- navigation .selected{
background: #fad210;
}
- 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; }
- 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; }
- nav2 a:hover{
/*display: inline-block;*/ /*display: ;*/ /* text-decoration: none; width: 168px;*/ background-color: #ffffff; color: #fad210; }
- nav2 .selected{
background-color: #ffffff; color: #fad210; }
- nav2 #team{
display: none; width: 900px; position: relative; left: -900px; }
- nav2 #project{
display: none; position: relative; width: 1620px; left: -1620px;
}
- nav2 #notebook{
display: none; position: relative; width: 720px; left: -720px; }
- nav2 #acknowledgments{
display: none; position: relative; width: 540px; left: -540px; }
- team > a:nth-child(5){
border-width: 1px 1px 1px 1px; }
- project > a:nth-child(9){
border-width: 1px 1px 1px 1px; }
- notebook > a:nth-child(4){
border-width: 1px 1px 1px 1px; }
- acknowledgments > a:nth-child(3){
border-width: 1px 1px 1px 1px; }
- navlocal{
float: left; padding: 0; }
- navlocal ul{
padding: 0; margin: 0; list-style-type:none; list-style-image: none; width: 220px; }
- 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;*/ }
- navlocal a{
text-decoration: none; color: rgb(0, 0, 0); }
- 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;
}*/
- conlocal{
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #c1bfc0; margin-left: 220px; }
- conlocal img{
padding: 0; margin: 0; }
- conlocal div{
display: block; display: none; }
- conlocal h2{
margin-left: 20px; color: #656364; }
- conlocal h3{
margin-left: 20px; color: #656364; }
- conlocal p{
margin-top: 0; margin-left: 20px; color: #656364; }
- biographycontent img{
padding-right: 5px;
}
- biographycontent p{
position: relative; top: 20px;
}