Team:Cornell/stylesheets/app

From 2012.igem.org

Revision as of 04:41, 22 September 2012

/* --------------------------------------------------

Table of Contents
-----------------------------------------------------
::iGEM Reset
::Fonts and Icons
::Shared Styles
::Header & Footer
::Homepage
*/

/* -----------------------------------------

iGEM Reset
----------------------------------------- */

1. globalWrapper {

background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height: 100%; }

1. content {

background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height: 100%; }

1. bodyContent {

border: none; padding: 0; margin: 0; width: 100%; height: 100%; }

1. top-section {

height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding: 0; border: none; font-size: 10px; }

1. p-logo {

height: 1px; overflow: hidden; display: none; }

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

1. menubar.right-menu {

width: 300px; display: block; float: left; margin-top: -80px; border: none; } .right-menu ul { border: none; width: 300px; }

1. footer-box {

width: 100%; margin: -10px auto 0 auto; padding: 20px 0; } .visualClear { display: none; }

1. footer {

border: none; width: 965px; margin: 0 auto; padding: 0; } .firstHeading { display: none; }

1. f-list a {

color: #333; font-size: 10px; }

1. f-list a:hover {

color: #666; } .printfooter { display: none; }

1. footer ul {

margin: 0; padding: 0; }

1. footer ul li {

margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }

1. search-controls {

display: none; } h3#siteSub { display: none; }

1. contentSub {

display: none; } p:first-child { display: none; }

1. catlinks {

display: none; }

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