Team:Cornell/stylesheets/app
From 2012.igem.org
Line 73: | Line 73: | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
- | margin-top: | + | margin-top: 0px; |
border: none; | border: none; | ||
} | } |
Revision as of 02:07, 25 September 2012
/* --------------------------------------------------
Table of Contents ----------------------------------------------------- ::iGEM Reset ::Fonts and Icons ::Shared Styles ::Header & Footer ::Homepage */
/* -----------------------------------------
iGEM Reset ----------------------------------------- */
- globalWrapper {
background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height: 100%; }
- content {
background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height: 100%; }
- bodyContent {
border: none; padding: 0; margin: 0; width: 100%; height: 100%; }
- top-section {
height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding: 0; border: none; font-size: 10px; }
- p-logo {
height: 1px; overflow: hidden; display: none; }
- search-controls {
overflow: hidden; display: block; background: none; position: absolute; top: 100px; right: 40px; } .left-menu { width: 500px !important; display: block; margin-top: -80px; border: none; text-align: right; } .left-menu ul { border: none; }
- menubar.right-menu {
width: 300px; display: block; float: left; margin-top: 0px; border: none; } .right-menu ul { border: none; width: 300px; }
- footer-box {
width: 100%; margin: -10px auto 0 auto; padding: 20px 0; } .visualClear { display: none; }
- footer {
border: none; width: 965px; margin: 0 auto; padding: 0; } .firstHeading { display: none; }
- f-list a {
color: #333; font-size: 10px; }
- f-list a:hover {
color: #666; } .printfooter { display: none; }
- footer ul {
margin: 0; padding: 0; }
- footer ul li {
margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }
- search-controls {
display: none; } h3#siteSub { display: none; }
- contentSub {
display: none; } p:first-child { display: none; }
- catlinks {
display: none; }
- footer-box {
width: 977px; margin-bottom: 20px; } /* -----------------------------------------
Fonts and Icons ----------------------------------------- */
@font-face { font-family: 'Foro-LightRegular'; src: url('https://dl.dropbox.com/u/3824307/iGEM/fonts/forolig-webfont.eot'); src: url('https://dl.dropbox.com/u/3824307/iGEM/fonts/forolig-webfont.eot?#iefix') format('embedded-opentype'), url('https://dl.dropbox.com/u/3824307/iGEM/fonts/forolig-webfont.woff') format('woff'), url('https://dl.dropbox.com/u/3824307/iGEM/fonts/forolig-webfont.ttf') format('truetype'), url('https://dl.dropbox.com/u/3824307/iGEM/fonts/forolig-webfont.svg#Foro-LightRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 700; src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); }
/* -----------------------------------------
Shared Styles ----------------------------------------- */
body { background: #f2f2f2; font-family: 'Droid Sans', Helvetica, sans-serif; font-size: 15px; line-height: 23px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Foro-LightRegular', serif; color: #000; }
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered { text-align: center; }
div.clearfix { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
div.twelve.columns.no-pad { padding: 0px; }
.off-canvas { width: 100%; }
a { color: #b31b1b; }
a:hover { color: #871414; }
.button { background: #b31b1b; border: 1px solid #691010; }
.button:hover { background-color: #871414; }
.button:focus { -webkit-box-shadow: 0 0 4px #b31b1b, 0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 0 4px #b31b1b, 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 0 4px #b31b1b, 0 1px 0 rgba(255,255,255,0.5) inset; }
.nav-bar { background: #b31b1b; }
.nav-bar > li { border: 1px solid #871414; }
.nav-bar > li:last-child { border-right: solid 1px #871414; }
.nav-bar > li.active { background: #4c0b0b; border-color: #4c0b0b; }
.nav-bar > li.active:hover { background: #4c0b0b; }
.nav-bar > li:hover { background: #871414; }
.nav-bar a { color: #f2f2f2; }
ul.side-nav li.divider { border-top: 1px solid #ddd; }
dl.tabs.pill dd a { background: #ddd; color: #000; }
dl.tabs.pill dd.active a { background-color: #b31b1b; color: #e6e6e6; }
/* -----------------------------------------
Header & Footer ----------------------------------------- */
div.row.header { background: #b31b1b; margin: 30px auto 40px; }
div#header-wrapper { width: 940px; margin: 0px auto; }
div#logo-wrapper { position: absolute; top: -20px; left: 0px; background: green; border: 10px solid #b31b1b; height: 80px; }
div#logo-wrapper img { height: 60px; }
div#igem-attr { position: absolute; top: -12px; left: 147px; height: 60px; transition: transform 0.5s; -moz-transition: -moz-transform 0.5s; /* Firefox 4 */ -webkit-transition: -webkit-transform 0.5s; /* Safari and Chrome */ -o-transition: -o-transform 0.5s; /* Opera */ }
div#igem-attr:hover { transform: rotate(-15deg); -ms-transform: rotate(-15deg); /* IE 9 */ -webkit-transform: rotate(-15deg); /* Safari and Chrome */ -o-transform: rotate(-15deg); /* Opera */ -moz-transform: rotate(-15deg); /* Firefox */ }
div#igem-attr img { height: 60px; }
div#header-wrapper .nav-bar { float: right; margin: 0px; }
/* -----------------------------------------
Home Page ----------------------------------------- */
div#homepage-slideshow { margin-bottom: 30px; }
div.homepage-section { padding: 10px; }
div.homepage-force { height: 174px; }
div.controls { position: absolute; bottom: 0px; }
div.controls a.button { float: right; }
div.homepage-section.tl { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding-top: 0px; padding-left: 0px; }
div.homepage-section.tr { border-bottom: 1px solid #ddd; padding-top: 0px; padding-right: 0px; }
div.homepage-section.bl { border-right: 1px solid #ddd; padding-bottom: 0px; padding-left: 0px; }
div.homepage-section.br { padding-bottom: 0px; padding-right: 0px; }
div.homepage-thumb { margin-bottom: -6px; }
div.sponsors-wrapper { margin-top: 20px; }
div.sponsors-wrapper ul li { padding: 5px 0px; width: 20%; }
div.sponsors-wrapper ul li:nth-child(6n) { margin-left: 20%; }
div.sponsors-wrapper ul li img { width: 150px; height: 75px; display: block; margin: 5px auto; }
/* -----------------------------------------
Team Page ----------------------------------------- */
div.team-bios-container div.row { padding: 0px 0px 10px; border-bottom: 1px solid #ddd; }
div.team-bios-container div.last-ele { border-bottom: none; }
div.team-bios-container img { max-height: 166px; margin: 29px 0px; }
div#grd-members, div#fac-members { margin-top: 80px; }