Team:NYU Gallatin/Templates/Styles

From 2012.igem.org

<style> /* Styles for the Wiki site */ @font-face { font-family: neuropol; /* src: url('http://igem.melodramatic.com/sites/default/themes/igem/fonts/NEUROPOL.ttf'); */ src: url('https://static.igem.org/mediawiki/2012/e/e6/Aseatobacter-FONT_NEUROPOL.txt'); } #p-logo { display: none; } #top-section { height: 30px; font-size: 70%; } #top-section #p-logo { height: 30px; padding: 0; margin: 0 4px; width: 100%; } #top-section #p-logo img { display: none; } #top-section #menubar.right-menu { margin-right: 200px; margin-top: 9px; } #top-section #search-controls { font-size: 70%; margin-top: -14px; width: auto; height: 30px; padding: 0; } #top-section #search-controls input { padding: 0; margin: 0; width: auto; } #top-section { border: none; } #top-section #menubar.left-menu { margin-top: 9px; } #content { padding-top: 0; } #catlinks { display: none; } #footer-box { font-size: 10px; width: 100%; z-index: 9999; } #footer-box a { font-family: Helvetica; } #content { padding: 0; } #bodyContent { padding: 0; margin: 0; } h1.firstHeading { display: none; } #bodyContent p { display: none; } #bodyContent #page-wrapper p { display: block; } #header { margin-top: -21px; } #page { font-size: 75%; } #top-section, #footer-box { display: none !important; } /* ---------- Basic Layout Styles ----------- */ html, body, #page { height: 100%; } #content { width: 100%; } #page-wrapper { min-height: 100%; min-width: 950px; } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns { width: 950px; margin-left: auto; margin-right: auto; } #header div.section { position: relative; } .region-header { float: right; /* LTR */ margin: 0 5px 10px; } .with-secondary-menu .region-header { margin-top: 3em; } .without-secondary-menu .region-header { margin-top: 15px; } #secondary-menu { position: absolute; right: 0; /* LTR */ top: 0; width: 480px; } #igem-content, #sidebar-first, #sidebar-second, .region-triptych-first, .region-triptych-middle, .region-triptych-last, .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn { display: inline; float: left; /* LTR */ position: relative; } .one-sidebar #igem-content { width: 710px; } .two-sidebars #igem-content { width: 480px; } .no-sidebars #igem-content { width: 950px; float: none; } #sidebar-first, #sidebar-second { width: 210px; } #main-wrapper { min-height: 300px; } #igem-content .section, .sidebar .section { padding: 0 15px; } #footer-wrapper { padding: 0px 5px 0px; } .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn { padding: 0 10px; width: 220px; } #globalWrapper { z-index: 1; } #canvas { position: fixed !important; top: 0 !important; left: 0 !important; } /** * @file * Generic theme-independent base styles. */ /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list */ #autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100; } #autocomplete ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } #autocomplete li { background: #fff; color: #000; cursor: default; white-space: pre; } /* Animated throbber */ html.js input.form-autocomplete { background-image: url(../../misc/throbber.gif); background-position: 100% 2px; /* LTR */ background-repeat: no-repeat; } html.js input.throbbing { background-position: 100% -18px; /* LTR */ } /** * Collapsible fieldsets. * * @see collapse.js */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; height: 1em; } html.js fieldset.collapsed .fieldset-wrapper { display: none; } fieldset.collapsible { position: relative; } fieldset.collapsible .fieldset-legend { display: block; } /** * Resizable textareas. * * @see textarea.js */ .form-textarea-wrapper textarea { display: block; margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .resizable-textarea .grippie { background: #eee url(../../misc/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; height: 9px; overflow: hidden; } /** * TableDrag behavior. * * @see tabledrag.js */ body.drag { cursor: move; } .draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin-left: -1em; /* LTR */ overflow: hidden; text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { background: url(../../misc/draggable.png) no-repeat 6px 9px; height: 13px; margin: -0.4em 0.5em; /* LTR */ padding: 0.42em 0.5em; /* LTR */ width: 13px; } a.tabledrag-handle-hover .handle { background-position: 6px -11px; } div.indentation { float: left; /* LTR */ height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ width: 20px; } div.tree-child { background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ } div.tree-child-last { background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ } div.tree-child-horizontal { background: url(../../misc/tree.png) no-repeat -11px center; } .tabledrag-toggle-weight-wrapper { text-align: right; /* LTR */ } /** * TableHeader behavior. * * @see tableheader.js */ table.sticky-header { background-color: #fff; margin-top: 0; } /** * Progress behavior. * * @see progress.js */ /* Bar */ .progress .bar { background-color: #fff; border: 1px solid; } .progress .filled { background-color: #000; height: 1.5em; width: 5px; } .progress .percentage { float: right; /* LTR */ } /* Throbber */ .ajax-progress { display: inline-block; } .ajax-progress .throbber { background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; float: left; /* LTR */ height: 15px; margin: 2px; width: 15px; } .ajax-progress .message { padding-left: 20px; } tr .ajax-progress .throbber { margin: 0 2px; } .ajax-progress-bar { width: 16em; } /** * Inline items. */ .container-inline div, .container-inline label { display: inline; } /* Fieldset contents always need to be rendered as block. */ .container-inline .fieldset-wrapper { display: block; } /** * Prevent text wrapping. */ .nowrap { white-space: nowrap; } /** * For anything you want to hide on page load when JS is enabled, so * that you can use the JS to control visibility and avoid flicker. */ html.js .js-hide { display: none; } /** * Hide elements from all users. * * Used for elements which should not be immediately displayed to any user. An * example would be a collapsible fieldset that will be expanded with a click * from a user. The effect of this class can be toggled with the jQuery show() * and hide() functions. */ .element-hidden { display: none; } /** * Hide elements visually, but keep them available for screen-readers. * * Used for information required for screen-reader users to understand and use * the site where visual display is undesirable. Information provided in this * manner should be kept concise, to avoid unnecessary burden on the user. * "!important" is used to prevent unintentional overrides. */ .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /** * The .element-focusable class extends the .element-invisible class to allow * the element to be focusable when navigated to via the keyboard. */ .element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static !important; clip: auto; } /** * Markup free clearing. * * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* IE6 */ * html .clearfix { height: 1%; } /* IE7 */ *:first-child + html .clearfix { min-height: 1%; } /* ---------- Overall Specifications ---------- */ body { line-height: 1.5; font-size: 100%; word-wrap: break-word; margin: 0; padding: 0; border: 0; outline: 0; font-family: "Helvetica"; } #page, #main { font-family: "Helvetica"; } a:link, a:visited { text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin: 1.0em 0 0.5em; font-weight: inherit; } h1 { font-size: 1.357em; color: #000; } h2 { font-size: 1.143em; } p { margin: 0 0 1.2em; } del { text-decoration: line-through; } tr.odd { background-color: #dddddd; } img { outline: 0; } code, pre, kbd, samp, var { padding: 0 0.4em; font-size: 0.77em; font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New"; } code { background-color: #f2f2f2; background-color: rgba(40, 40, 0, 0.06); } pre code, pre kbd, pre samp, pre var, kbd kbd, kbd samp, code var { font-size: 100%; background-color: transparent; } pre code, pre samp, pre var { padding: 0; } .description code { font-size: 1em; } kbd { background-color: #f2f2f2; border: 1px outset #575757; margin: 0 3px; color: #666; display: inline-block; padding: 0 6px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } pre { background-color: #f2f2f2; background-color: rgba(40, 40, 0, 0.06); margin: 10px 0; overflow: hidden; padding: 15px; white-space: pre-wrap; } /* ------------------ Fonts ------------------ */ #header, #footer-wrapper, #skip-link, ul.contextual-links, ul.links, ul.primary, .item-list .pager, div.field-type-taxonomy-term-reference, div.messages, div.meta, p.comment-time, table, .breadcrumb { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } input, textarea, select, a.button { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; } /* ------------------ Reset Styles ------------------ */ caption { text-align: left; /* LTR */ font-weight: normal; } blockquote { background: #f7f7f7; border-left: 1px solid #bbb; font-style: italic; margin: 1.5em 10px; padding: 0.5em 10px; } blockquote:before { color: #bbb; content: "\201C"; font-size: 3em; line-height: 0.1em; margin-right: 0.2em; vertical-align: -.4em; } blockquote:after { color: #bbb; content: "\201D"; font-size: 3em; line-height: 0.1em; vertical-align: -.45em; } blockquote > p:first-child { display: inline; } a.feed-icon { display: inline-block; padding: 15px 0 0 0; } /* ------------------ Table Styles ------------------ */ table { border: 0; border-spacing: 0; font-size: 0.857em; margin: 10px 0; width: 100%; } table table { font-size: 1em; } #footer-wrapper table { font-size: 1em; } table tr th { background: #757575; background: rgba(0, 0, 0, 0.51); border-bottom-style: none; } table tr th, table tr th a, table tr th a:hover { color: #FFF; font-weight: bold; } table tbody tr th { vertical-align: top; } tr td, tr th { padding: 4px 9px; border: 1px solid #fff; text-align: left; /* LTR */ } #footer-wrapper tr td, #footer-wrapper tr th { border-color: #555; border-color: rgba(255, 255, 255, 0.18); } table ul.links { margin: 0; padding: 0; font-size: 1em; } table ul.links li { padding: 0 1em 0 0; } /* ------------------ List Styles ------------------ */ .block ol, .block ul { margin: 0; padding: 0 0 0.25em 1em; /* LTR */ } .contextual-links-wrapper { font-size: small !important; } ul.contextual-links { font-size: 0.923em; } .contextual-links-wrapper a { text-shadow: 0 0 0 !important; } .item-list .pager { font-size: 0.929em; } ul.menu li { margin: 0; } .region-content ul, .region-content ol { margin: 1em 0; padding: 0 0 0.25em 2.5em; /* LTR */ } .item-list ul li { margin: 0; padding: 0.2em 0.5em 0 0; /* LTR */ } ul.tips { padding: 0 0 0 1.25em; /* LTR */ } /* ------------------ Header ------------------ */ #logo { float: left; /* LTR */ padding: 15px 15px 15px 10px; /* LTR */ } #name-and-slogan { padding-top: 34px; margin: 0 0 30px 15px; /* LTR */ } #site-name { color: #686868; font-size: 50px; text-align: center; font-family: neuropol, "Courier New"; margin: 10px 0 0 0; } h1#site-name { margin: 0; } #site-name a { font-weight: normal; } #site-slogan { font-size: 1.0; margin: 0; padding: 0; word-spacing: 0.1em; font-family: neuropol, "Courier New"; border: 0; text-align: center; } /* Region header blocks. */ .region-header .block { font-size: 0.857em; float: left; /* LTR */ margin: 0 10px; padding: 0; } .region-header .block .content { margin: 0; padding: 0; } .region-header .block ul { margin: 0; padding: 0; } .region-header .block li { list-style: none; list-style-image: none; padding: 0; } .region-header .form-text { background: #fefefe; background: rgba(255, 255, 255, 0.7); border-color: #ccc; border-color: rgba(255, 255, 255, 0.3); margin-right: 2px; /* LTR */ width: 120px; } .region-header .form-text:hover, .region-header .form-text:focus, .region-header .form-text:active { background: #fff; background: rgba(255, 255, 255, 0.8); } .region-header .form-required { color: #eee; color: rgba(255, 255, 255, 0.7); } /* Region header block menus. */ .region-header .block-menu { border: 1px solid; border-color: #eee; border-color: rgba(255, 255, 255, 0.2); padding: 0; width: 208px; } .region-header .block-menu li a { display: block; border-bottom: 1px solid; border-bottom-color: #eee; border-bottom-color: rgba(255, 255, 255, 0.2); padding: 3px 7px; } .region-header .block-menu li a:hover, .region-header .block-menu li a:focus, .region-header .block-menu li a:active { text-decoration: none; background: rgba(255, 255, 255, 0.15); } .region-header .block-menu li.last a { border-bottom: 0; } /* User Login block in the header region */ .region-header #block-user-login { width: auto; } .region-header #block-user-login .content { margin-top: 2px; } .region-header #block-user-login .form-item { float: left; /* LTR */ margin: 0; padding: 0; } .region-header #block-user-login div.item-list, .region-header #block-user-login div.description { font-size: 0.916em; margin: 0; } .region-header #block-user-login div.item-list { clear: both; } .region-header #block-user-login div.description { display: inline; } .region-header #block-user-login .item-list ul { padding: 0; line-height: 1; } .region-header #block-user-login .item-list li { list-style: none; float: left; /* LTR */ padding: 3px 0 1px; } .region-header #block-user-login .item-list li.last { padding-left: 0.5em; /* LTR */ } .region-header #block-user-login ul.openid-links li.last { padding-left: 0; /* LTR */ } .region-header #user-login-form li.openid-link a, .region-header #user-login li.openid-link a { padding-left: 20px; /* LTR */ } .region-header #block-user-login .form-actions { margin: 4px 0 0; padding: 0; clear: both; } .region-header #block-user-login input.form-submit { border: 1px solid; border-color: #ccc; border-color: rgba(255, 255, 255, 0.5); background: #eee; background: rgba(255, 255, 255, 0.7); margin: 4px 0; padding: 3px 8px; } .region-header #block-user-login input.form-submit:hover, .region-header #block-user-login input.form-submit:focus { background: #fff; background: rgba(255, 255, 255, 0.9); } /* Search block in region header. */ .region-header #block-search-form { width: 208px; } .region-header #block-search-form .form-text { width: 154px; } /* Language switcher block in region header. */ .region-header .block-locale ul li { display: inline; padding: 0 0.5em; } /* ------------------- Main ------------------- */ #main { margin-top: 20px; margin-bottom: 0px; } /* ----------------- Featured ----------------- */ #featured { text-align: center; font-size: 1.643em; font-weight: normal; line-height: 1.4; padding: 20px 0 45px; margin: 0; background: #f0f0f0; background: rgba(30, 50, 10, 0.08); border-bottom: 1px solid #e7e7e7; text-shadow: 1px 1px #fff; } #featured h2 { font-size: 1.174em; line-height: 1; } #featured p { margin: 0; padding: 0; } /* --------------- Highlighted ---------------- */ #highlighted { border-bottom: 1px solid #d3d7d9; font-size: 120%; } /* ------------------- Help ------------------- */ .region-help { border: 1px solid #d3d7d9; padding: 0 1.5em; margin-bottom: 30px; } /* ----------------- Content ------------------ */ .content { margin-top: 10px; } h1#page-title { font-size: 2em; line-height: 1; margin-top: 0; } #igem-content h2 { margin-bottom: 2px; font-size: 1.429em; line-height: 1.4; } .igem-section, .one-sidebar #igem-content { padding: 13px; } #page .node .content, #page .view { font-size: 1.3em; } .node .content p, #page .view p, .front .block p { line-height: 1.1em; } .node-teaser .content { font-size: 1em; } .node-teaser h2 { margin-top: 0; padding-top: 0.5em; } .node-teaser h2 a { color: #181818; } .node-teaser { border-bottom: 1px solid #d3d7d9; margin-bottom: 30px; padding-bottom: 15px; } .node-sticky { background: #f9f9f9; background: rgba(0, 0, 0, 0.024); border: 1px solid #d3d7d9; padding: 0 15px 15px; } .node-full { background: none; border: none; padding: 0; } .node-teaser .content { clear: none; line-height: 1.6; } .meta { font-size: 0.857em; color: #68696b; margin-bottom: -5px; } .submitted .user-picture img { float: left; /* LTR */ height: 20px; margin: 1px 5px 0 0; /* LTR */ } .field-type-taxonomy-term-reference { margin: 0 0 1.2em; } .field-type-taxonomy-term-reference .field-label { font-weight: normal; margin: 0; padding-right: 5px; /* LTR */ } .field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference ul.links { font-size: 0.8em; } .node-teaser .field-type-taxonomy-term-reference .field-label, .node-teaser .field-type-taxonomy-term-reference ul.links { font-size: 0.821em; } .field-type-taxonomy-term-reference ul.links { padding: 0; margin: 0; list-style: none; } .field-type-taxonomy-term-reference ul.links li { float: left; /* LTR */ padding: 0 1em 0 0; /* LTR */ white-space: nowrap; } .link-wrapper { text-align: right; } .field-type-image img, .user-picture img { margin: 0 0 1em; } ul.links { color: #68696b; font-size: 0.821em; } .node-unpublished { margin: -20px -15px 0; padding: 20px 15px 0; } /* ------------------ Sidebar ----------------- */ .sidebar .block { padding: 15px 20px; margin: 0 0 20px; } .sidebar h2 { margin: 0 0 0.5em; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; text-shadow: 0 1px 0 #fff; font-size: 1.071em; line-height: 1.2; } .sidebar .block .content { font-size: 0.914em; line-height: 1.4; } .sidebar tbody { border: none; } .sidebar tr.even, .sidebar tr.odd { background: none; border-bottom: 1px solid #d6d6d6; } /* ------------------ Footer ------------------ */ #footer-wrapper { color: #c0c0c0; color: rgba(255, 255, 255, 0.65); font-size: 0.857em; background-color: #c0c0c0; } #footer-wrapper a { color: #fcfcfc; color: rgba(255, 255, 255, 0.8); } #footer-wrapper a:hover, #footer-wrapper a:focus { color: #fefefe; color: rgba(255, 255, 255, 0.95); text-decoration: underline; } #footer-wrapper .block { margin: 0; } #footer-columns .block-menu, #igem-footer .block { margin: 0; padding: 0; border: none; } #igem-footer .block .content { margin-top: 0; padding: 0; } #igem-footer .block h2 { margin: 0; } /* --------------- System Tabs --------------- */ .tabs { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; } .tabs ul.primary { padding: 0 3px; margin: 0; overflow: hidden; border: none; background: transparent url(../images/tabs-border.png) repeat-x left bottom; } .tabs ul.primary li { display: block; float: left; /* LTR */ vertical-align: bottom; margin: 0 5px 0 0; /* LTR */ } .tabs ul.primary li.active a { border-bottom: 1px solid #ffffff; } .tabs ul.primary li a { color: #000; background-color: #ededed; height: 1.8em; line-height: 1.9; display: block; font-size: 0.929em; float: left; /* not LTR */ padding: 0 10px 3px; margin: 0; text-shadow: 0 1px 0 #fff; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .tabs ul.primary li.active a { background-color: #ffffff; } .tabs ul.secondary { border-bottom: none; padding: 0.5em 0; } .tabs ul.secondary li { display: block; float: left; /* LTR */ } .tabs ul.secondary li:last-child { border-right: none; /* LTR */ } .tabs ul.secondary li:first-child { padding-left: 0; /* LTR */ } .tabs ul.secondary li a { padding: 0.25em 0.5em; } .tabs ul.secondary li a.active { background: #f2f2f2; border-bottom: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } ul.action-links { list-style: none; margin: 5px; padding: 0.5em 1em; } ul.action-links li { display: inline-block; margin-left: 10px; } ul.action-links li a { padding-left: 15px; background: url(../images/add.png) no-repeat left center; margin: 0 10px 0 0; } /* iGem Styles */ #page-title { padding: 0; margin: 0; font-family: Helvetica; } div.front #page-title { display: none; } #main-menu a { color: #707070; } #canvas { position: absolute; top: 0; left: 0; } /* Bacteria & iGEMs Blocks */ #page #block-block-2, #page #block-block-3 { -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: black; opacity:0.3; filter:alpha(opacity=30); /* For IE8 and earlier */ position: absolute; z-index: 9999; } #block-block-2 .content, #block-block-3 .content p { padding: 10px; margin: 0; font-size: 10px; } #block-block-2 h2, #block-block-3 h2 { color: white; font-size: 12px; line-height: 12px; padding: 10px 10px 0 10px; margin: 0; border: 0; } /* Bacteria Stats Block */ #block-block-2 { left: 20px; top: -150px; } #page #block-block-2:hover { top: 0; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } #block-block-2 #bacteria { text-align: center; text-transform: uppercase; font-weight: bold; } #block-block-2 span.stat { display: block; margin: 0; padding: 0; font-size: 24px; font-weight: bold; font-family: neuropol, "Courier New"; } /* iGEM Block */ #block-block-3 { right: 20px; top: -175px; width: 120px; } #block-block-3 img { width: 100px; } #page #block-block-3:hover { top: 10px; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* Front page styles */ div.front #main-inner { padding: 0; margin: 0; } div.front #main-inner .block { padding: 20px 20px 10px 20px; margin-bottom: 15px; } div.front #main-inner #block-block-6 { margin-bottom: 0; } #block-block-7 div.content { padding: 0; } #block-views-photo-gallery-block-1, #block-block-4, #block-block-5 { width: 257px; margin-right: 10px; float: left; height: 270px; } #block-block-5 { margin-right: 0; clear: right; } #block-views-photo-gallery-block-1 h2, #block-block-4 h2, #block-block-5 h2 { border: 0; margin: 0; padding: 0; font-family: neuropol, "Courier New"; } #block-views-photo-gallery-block-1 td, #block-views-photo-gallery-block-1 tr, #block-views-photo-gallery-block-1 img, #block-views-photo-gallery-block-1 th { padding: 1px !important; margin: 0 !important; } #block-block-6 { clear: both; font-size: 1.3em; margin-bottom: 0; } #block-views-photo-gallery-block-1 .more-link { font-size: 12px; padding: 0 5px;; margin: 0; line-height: 10px; } /* News Block */ span.homedate { background: black; color: white; display: block; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; margin: 0; padding: 0; height: 20px; text-align: center; font-size: 20px; font-weight: bold; float: left; padding: 5px; margin-right: 10px; } b.homedate { background-color: #757418; color: white; display: block; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; width: 30px; text-align: center; font-weight: normal; font-size: 11px; padding: 0; float: left; margin-top: 4px; margin-right: -4px; /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #block-block-4 li { list-style: none; clear: both; margin-bottom: 15px; vertical-align: center; font-size: 13px; } #block-block-4 li a, #block-block-4 li { color: #757418; text-decoration: underline; } #block-block-4 ul { padding: 0; } div.social { /* background: url('../images/trans-bg-white.png'); */ /* border: solid black 2px; */ background: white; border: solid black 2px; color: black; display: inline-block; -moz-border-radius: 15px; border-radius: 15px; padding: 15px; text-align: center; width: 152px; margin-right: 0px; /* opacity:0.5; filter:alpha(opacity=50); */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 300px; margin-top: -25px; } div.social:hover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } div.social.last { margin-right: 0; } #block-block-7 p { margin: 0; padding: 0; } div.social div.social-icon { } div.social div.social-icon img { width: 150px; height: 150px; margin-top: 5px; margin-bottom: 15px; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } div.social div.social-icon img:hover { opacity:.50; filter:alpha(opacity=50); /* For IE8 and earlier */ } div.social#social-facebook { background: #fff url('../images/social/dark-face.png') center 20px no-repeat; } div.social#social-flikr { background: #fff url('../images/social/dark-flikr.png') center 20px no-repeat; } div.social#social-twitter { background: #fff url('../images/social/dark-twitter.png') center 20px no-repeat; } div.social#social-youtube { background: #fff url('../images/social/dark-youtube.png') center 20px no-repeat; } div.social#social-rss { background: #fff url('../images/social/dark-rss.png') center 20px no-repeat; } /* Nav Styles */ /* --------------- Main Menu ------------ */ #main-menu { text-align: center; padding: 0; width: 950px; height: 80px; overflow: hidden; } #main-menu-links { font-size: 0.929em; } #main-menu-links li { display: inline-block; list-style: none; padding: 0; margin: 0; text-align: left; } #main-menu-links a { opacity:0.1; filter:alpha(opacity=10); /* For IE8 and earlier */ color: #333; float: left; /* LTR */ width: 76px; overflow: hidden; height: 76px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #main-menu-links a span { margin-left: 80px; display: block; font-size: 11px; line-height: 12px; -moz-border-radius: 10px; border-radius: 10px; width: 88px; text-align: left; padding: 8px; height: 55px; } #main-menu-links a b { display: block; } #main-menu-links a:hover, #main-menu-links a:focus { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 190px; text-decoration: none; } #main-menu-links a:active, #main-menu-links a.active { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* Home */ #main-menu-links li.menu-218 a { background: url(../images/nav/home.png) left center no-repeat; } /* Team */ #main-menu-links li.menu-388 a { background: url(../images/nav/home.png) left center no-repeat; } /* Project */ #main-menu-links li.menu-307 a { background: url(../images/nav/home.png) left center no-repeat; } /* Parts */ #main-menu-links li.menu-308 a { background: url(../images/nav/parts.png) left center no-repeat; } /* Modeling */ #main-menu-links li.menu-310 a { background: url(../images/nav/modeling.png) left center no-repeat; } /* Notebook */ #main-menu-links li.menu-311 a { background: url(../images/nav/notebook.png) left center no-repeat; } /* Safety */ #main-menu-links li.menu-312 a { background: url(../images/nav/safety.png) left center no-repeat; } /* Attributions */ #main-menu-links li.menu-313 a { background: url(../images/nav/home.png) left center no-repeat; } /* Profile */ #main-menu-links li.menu-306 a { background: url(../images/nav/profile.png) left center no-repeat; } /* --------------- Secondary Menu ------------ */ #secondary-menu-links { float: right; /* LTR */ font-size: 0.929em; margin: 10px 10px 0; } #secondary-menu-links a:hover, #secondary-menu-links a:focus { text-decoration: underline; } /* Page titles */ div.page-team #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-safety.png') left center no-repeat; padding-left: 40px; } div.page-node-5 #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-modeling.png') left center no-repeat; padding-left: 40px; } /* Project */ div.page-node-3 #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-home.png') left center no-repeat; padding-left: 40px; } div.page-node-4 #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-parts.png') left center no-repeat; padding-left: 40px; } div.page-node-6 #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-notebook.png') left center no-repeat; padding-left: 40px; } div.page-node-7 #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-safety.png') left center no-repeat; padding-left: 40px; } /* Attributions */ div.page-node-8 #page-title { min-height: 30px; background: url('/sites/default/themes/igem/images/nav/small-home.png') left center no-repeat; padding-left: 40px; } /* ---------- Color Module Styles ----------- */ body, body.overlay { color: #C4C487; /* background-color: #9c9f7f; */ background-color: #98986c; } .comment .comment-arrow { border-color: #393a2d; } #page, #main-wrapper { background: transparent; } .no-sidebars #main-inner, .one-sidebar #igem-content, div.front #main-inner .block { background: transparent url('../images/trans-bg.png'); -moz-border-radius: 15px; border-radius: 15px; border: solid black 2px; } div.front #main-inner #block-views-photo-gallery-block-1, div.front #main-inner #block-block-4, div.front #main-inner #block-block-5 { /* background: transparent url('../images/trans-bg-white.png'); */ background: white; color: black; } div.front #main-inner #block-views-photo-gallery-block-1 a, div.front #main-inner #block-block-4 a, div.front #main-inner #block-block-5 a, #block-block-2 span.stat { color: #757418; } div.front.no-sidebars #main-inner { background: none; border: none; } #page .sidebar .block { background: #fff; -moz-border-radius: 15px; border-radius: 15px; border: solid black 2px; } #page .sidebar .block h2 { margin: 0; border: 0; padding: 0; font-family: neuropol, "Courier New"; font-size: 20px; } .no-sidebars #main-inner { padding: 0 20px; border: solid black 2px; } .igem-section { color: #e9e9c8; } .tabs ul.primary li a.active { background-color: #ffffff; } .tabs ul.primary li.active a { background-color: #ffffff; border-bottom: 1px solid #ffffff; } a { color: #C4C487; } a:hover, a:focus { color: #fff; } a:active { color: #55540d; } #main-menu-links a span { border: solid black 2px; background: transparent url('../images/trans-bg.png'); color: black; } #main-menu-links a span b { color: white; padding-bottom: 5px; font-family: neuropol, "Courier New"; font-size: 10px; } #page-wrapper, #footer-wrapper { background-color: transparent; } .region-header, .region-header a, .region-header li a.active, #name-and-slogan, #name-and-slogan a, #secondary-menu-links li a { color: #fffeff; } /* iGEMs Colors */ #top-section #p-logo { background: transparent; color: #9c9f7f; border: none; } #top-section #menubar.right-menu a { background: none; color: #535445; } #top-section #menubar.right-menu a:hover { color: black; } #top-section #search-controls input { color: #535445; } #top-section #menubar.left-menu a { color: #535445; } #top-section #menubar.left-menu:hover { background: none; } #content { background: transparent; } #footer-box { background: #393a2d; border: solid #393a2d 1px; border-top: 0; } #footer-box a { color: #9c9f7f; } #page-title { color: #000; border: none; font-family: neuropol, "Courier New"; } #site-name a { color: black; } #site-name a:hover { text-decoration: none; } #site-slogan { color: #fff; } .field-name-field-photo img { border: solid black 1px; } #main .views-view-grid img.default-pic, .field-name-field-photo img.default-pic { border: none; } #main .views-view-grid td, #main .views-view-grid tr td, #main .views-view-grid tr th, #main table.views-view-grid { background: transparent; border: 0; -moz-border-radius: 15px; border-radius: 15px; } #main .views-view-grid img, #main .view-header img { border: solid black 1px; float: left; margin: 0 15px 15px 0; } .view-team h3 { font-family: neuropol, "Courier New"; color: black; } .view-team .views-label { font-family: neuropol, "Courier New"; font-size: 1.4em; color: #C4C487; } .view-team a.username { font-size: 22pt; color: white; font-family: neuropol, "Courier New"; } #main .view-team div.field-content { padding: 0; margin: 0; line-height: 10px; } .aseato { color: black; font-family: neuropol, "Courier New"; font-size: 1.4em; } </style>