/** * Base styles. * Provides sensible defaults for everything to save you time. Override * with an empty stylesheet to start over from scratch. */ /** * Skip navigation ==================================================== * * 508 compliance link for skipping navigation elements. */ #skipnav { position:absolute; left:-1000px; top:-1000px; } /** * Page width limiter ================================================= * * Can be nested within major structural elements to allow full-width * bleeds combined with a fixed page width. Set a width on this in your * theme to get a consistent page width on major elements. */ .limiter { margin:0px auto; } /** * Links ============================================================== * * Any ul.links are given a horizontal tab-like formatting. */ ul.links li, ul.links li a { float:left; } ul.links.inline, ul.links.inline li, ul.links.inline li a { float:none; display:inline; } /** * Prose ============================================================== * * By default, any text which is suspected to have gone through an * input filter is given the 'prose' class. We want to format it with * readability and nice defaults in mind. */ .prose { line-height:20px; } .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6, .prose p, .prose ul, .prose ol, .prose pre, .prose div.codeblock, .prose blockquote { margin: 0px 0px 20px; } .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { font-weight:bold; } .prose h1 { font-size:18px; } .prose h2 { font-size:15px; } .prose pre, .prose code, .prose div.codeblock { font-size:11px; font-family: monospace; } .prose pre, .prose blockquote, .prose div.codeblock { line-height:20px; background:#f8f8f8; padding:4px 9px; border:1px solid #eee; border-left:5px solid #eee; } .prose ol li, .prose ul li { display:list-item; margin:0px 0px 0px 30px; padding:0px; } .prose ol li { list-style:decimal; } .prose ul li { list-style:disc; } .prose img { display:block; } /* Excluding Drupal structures */ .prose .links, .prose .links li, .prose .item-list ul, .prose .item-list li { margin:0px; padding:0px; list-style:none; } /** * Tables ============================================================= */ table { width:100%; margin:0px 0px 20px; } table th, table td { vertical-align:middle; } table.sticky-table { margin: 1em 0; } /** * Forms ============================================================== */ input.form-text, select, textarea { border:1px solid #ccc; } input.form-submit, label { font-weight:bold; } input.form-submit { cursor:pointer; } input.form-radio, input.form-checkbox { vertical-align: middle; margin: 0 3px 0 0; padding: 0; } .form-item .description, .description { color:#666; font-size:11px; } fieldset.collapsible .fieldset-title { cursor:pointer; } html.js fieldset.collapsed .fieldset-content { display:none; } /** * Views ============================================================== */ table.grid-2 td { width:50%; } table.grid-3 td { width:33.3%; } table.grid-4 td { width:25%; } table.grid-5 td { width:20%; } table.grid-6 td { width:16.6%; } table.grid-7 td { width:14.2%; } table.grid-8 td { width:12.5%; } /** * Markup free clearing =============================================== * * Consider adding your own selectors to this instead of finding ways * to sneak the clear-block class into Drupal's markup. * From http://www.positioniseverything.net/easyclearing.html */ ul.links:after, .clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Exclude inline links from clear-block behavior */ ul.inline:after { content: ""; display:none; clear:none; } ul.links, .clear-block { display: inline-block; } /* Hides from IE-mac \*/ * html ul.links, * html .clear-block { height: 1%; } ul.links, .clear-block { display: block; } /* End hide from IE-mac */