Team:British Columbia/ubcigem2013.css
From 2013.igem.org
(Difference between revisions)
Joelkumlin (Talk | contribs) |
|||
(226 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
#top-section { | #top-section { | ||
border: none; | border: none; | ||
- | height: | + | height: 20px;} |
#content { | #content { | ||
- | border: | + | border: 1px solid #C9C9C9; |
+ | border-radius: 5px; | ||
+ | padding-top: 0px; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .centre { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | display: block | ||
+ | } | ||
+ | |||
/* Removes "teams" from the menubar */ | /* Removes "teams" from the menubar */ | ||
- | #menubar > ul > li:last-child { | + | #menubar.left-menu > ul > li:last-child { |
display: none;} | display: none;} | ||
/* Resizes the menubar to fit the links (default is 400px) */ | /* Resizes the menubar to fit the links (default is 400px) */ | ||
- | #menubar { | + | #menubar.left-menu { |
width: auto;} | width: auto;} | ||
+ | body { | ||
+ | font-family: Helvetica; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013/f/f2/Background_tiles-01.png'); | ||
+ | /*background-size: 400px 300px;*/ | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | padding-top: 0px; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | color: #508c25; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #508c25; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #508c25; | ||
+ | } | ||
+ | a:active { | ||
+ | color: #508c25; | ||
+ | } | ||
+ | |||
+ | table#toc { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | p, h1, h2, h3, h4, h5, h6, li { | ||
+ | margin-left: 25px; | ||
+ | margin-right: 25px; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | border-bottom: 0px; | ||
+ | font-size: 220%; | ||
+ | } | ||
+ | |||
+ | #headerdiv { | ||
+ | height: 120px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #headerimage { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #igemhome { | ||
+ | position: absolute; | ||
+ | top: 5px; | ||
+ | left: 800px; | ||
+ | } | ||
+ | |||
+ | #ubccrest { | ||
+ | position: absolute; | ||
+ | left: 880px; | ||
+ | top: 13px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | #mainmenu { | ||
+ | background: rgba(255, 255, 255, 0); | ||
+ | position: absolute; | ||
+ | left: 110px; | ||
+ | top: 32px; | ||
+ | width: 900px; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #mainmenu li { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | width: 126px; | ||
+ | margin-bottom: 20px; | ||
+ | float: left; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | #mainmenu li ul { | ||
+ | display: none; | ||
+ | color: #FFF; | ||
+ | background: rgba(0, 0, 0, 1); | ||
+ | } | ||
+ | #mainmenu li a { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | color: #000000; | ||
+ | padding: 5px 15px 5px 7px; | ||
+ | /*background: #A6DF96;*/ | ||
+ | /*background: #FFFFFF;*/ | ||
+ | margin-left: 0px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | #mainmenu li a:hover { | ||
+ | /*background: #CEF6C3;*/ | ||
+ | background: rgba(0, 0, 0, 1); | ||
+ | } | ||
+ | #mainmenu li:hover ul { | ||
+ | margin: 0px; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #mainmenu li:hover li { | ||
+ | float: none; | ||
+ | margin-bottom: 0px; | ||
+ | font-size: 11px; | ||
+ | } | ||
+ | #mainmenu li:hover a { background: #82C5F5 } | ||
+ | #mainmenu li:hover li a:hover { | ||
+ | background: #229BF2; | ||
+ | } | ||
+ | |||
+ | .surveytable { | ||
+ | border: 1px solid black; | ||
+ | border-collapse: collapse; | ||
+ | margin: 20px 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .surveytable td { | ||
+ | border: 1px solid black; | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | .benefit { | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | #bigteamtable { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #descrcell { | ||
+ | vertical-align: top; | ||
+ | width: 300px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #descrp { | ||
+ | font-weight: normal; | ||
+ | font-size: 0.8em; | ||
+ | text-align: left; | ||
+ | padding: 0px; | ||
- | + | #personname { | |
- | + | border-width: 0px; | |
- | + | font-weight: bold; | |
- | + | } | |
- | + | #persontitle { | |
- | + | font-weight: normal; | |
- | + | } | |
- | + |
Latest revision as of 05:25, 28 October 2013
/* Get rid of the default iGEM style... thanks DTU Denmark 2011! */
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 20px;}
- content {
border: 1px solid #C9C9C9; border-radius: 5px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px;
}
.centre {
margin-left: auto; margin-right: auto; display: block
}
/* Removes "teams" from the menubar */
- menubar.left-menu > ul > li:last-child {
display: none;}
/* Resizes the menubar to fit the links (default is 400px) */
- menubar.left-menu {
width: auto;}
body {
font-family: Helvetica; background-image: url('https://static.igem.org/mediawiki/2013/f/f2/Background_tiles-01.png'); /*background-size: 400px 300px;*/
}
h1 {
text-align: center; font-weight: bold; padding-top: 0px;
}
p {
font-size: 14px;
}
a:link {
color: #508c25;
} a:visited {
color: #508c25;
} a:hover {
color: #508c25;
} a:active {
color: #508c25;
}
table#toc {
display: none;
}
p, h1, h2, h3, h4, h5, h6, li {
margin-left: 25px; margin-right: 25px;
}
h1 {
border-bottom: 0px; font-size: 220%;
}
- headerdiv {
height: 120px; width: 100%;
}
- headerimage {
width: 100%;
}
- igemhome {
position: absolute; top: 5px; left: 800px;
}
- ubccrest {
position: absolute; left: 880px; top: 13px; z-index: 1;
}
- mainmenu {
background: rgba(255, 255, 255, 0); position: absolute; left: 110px; top: 32px; width: 900px; font-size: 14px; font-weight: bold; padding: 0; list-style: none;
}
- mainmenu li {
display: block; position: relative; width: 126px; margin-bottom: 20px; float: left; margin-left: 0; margin-right: 0;
}
- mainmenu li ul {
display: none; color: #FFF; background: rgba(0, 0, 0, 1);
}
- mainmenu li a {
display: block; text-decoration: none; color: #000000; padding: 5px 15px 5px 7px; /*background: #A6DF96;*/ /*background: #FFFFFF;*/ margin-left: 0px; white-space: nowrap;
}
- mainmenu li a:hover {
/*background: #CEF6C3;*/ background: rgba(0, 0, 0, 1); }
- mainmenu li:hover ul {
margin: 0px; display: block; position: absolute;
}
- mainmenu li:hover li {
float: none; margin-bottom: 0px; font-size: 11px;
}
- mainmenu li:hover a { background: #82C5F5 }
- mainmenu li:hover li a:hover {
background: #229BF2;
}
.surveytable {
border: 1px solid black; border-collapse: collapse; margin: 20px 40px; text-align: center;
}
.surveytable td {
border: 1px solid black; width: 100px;
}
.benefit {
width: 150px;
}
- bigteamtable {
margin-left: auto; margin-right: auto;
}
- descrcell {
vertical-align: top; width: 300px; padding: 0px;
}
- descrp {
font-weight: normal; font-size: 0.8em; text-align: left; padding: 0px;
- personname {
border-width: 0px; font-weight: bold;
}
- persontitle {
font-weight: normal;
}