/* Copyright 2005 Redshift Software, Inc. Distributed under the Boost Software License, Version 1.0. (See accompanying file LICENSE_1_0.txt or http://www.boost.org/LICENSE_1_0.txt) */ /* */ #content { margin: 0em -18em 0em 0em; float: left; width: 100%; } /* Content sections, inside the top content section. */ #content .section { margin: 0em 17em 0em 0em; } #content .section-0 { padding: 1em; } #content .section-title { } /* Uniformly color everything that's a heading */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 1em 0em 0.5em 0em; color: #000000; font-weight: bold; clear: both; } /* Titles for sections. */ #content .section h1 { margin: 0em 0em 0.5em 0em; font-size: 140%; } /* */ #content .section h2 { font-size: 140%; } #content .section h3 { font-size: 130%; } #content .section h4 { font-size: 120%; } #content .section h5 { font-size: 110%; } #content .section h6 { font-size: 100%; } /* */ #content .section p { margin: 0.75em 0em 0em 0em; } /* Links. */ #content .section a { color: #000000; border-bottom: 1px solid #2070A0; } #content .section a:hover { color: #2070A0; } #content .section a:visited { border-bottom: 1px dashed #2070A0; } #content .section a.external { border-bottom: 1px solid #902020; } #content .section a.external:hover { color: #902020; } #content .section a.external:visited { border-bottom: 1px dashed #902020; } /* Standard text markups. Mostly defaults. */ #content .section em { } #content .section strong { font-weight: bold; } #content .section cite { } #content .section dfn { } #content .section code { } #content .section samp { } #content .section kbd { } #content .section var { } #content .section abbr { } #content .section acronym { } #content .section q { } #content .section sub { } #content .section sup { } #content .section ins { text-decoration: underline; } #content .section img { border: 0.5em solid #666666; } #content .section del { text-decoration: line-through; } /* Other structural elements... */ /* Definition lists. */ #content .section dl { margin: 0.5em 0em 0em 0em; } #content .section dt { margin: 0.25em 0em 0em 0em; } #content .section dd { margin: 0em 0em 0em 2em; } /* Quotes are marked off with a border, ala blogs. */ #content .section blockquote { margin: 1em; border: 1px solid #CCCCCC; text-align: justify; padding: 0.5em; } /* Tables */ #content .section table { margin: 0.75em auto 0em auto; border-spacing: 0em; border-bottom: 1px solid black; clear: both; } #content .section table th { font-weight: bold; vertical-align: top; text-align: center; } #content .section table td { vertical-align: top; text-align: left; padding: 0px 4px 4px 0px; } #content .section table thead th { border: 4px solid white; border-bottom: 1px solid black; border-left: none; } #content .section table caption { margin: 0.5em 0em 0em 0em; caption-side: bottom; } /* An inset, image or other, on the left. */ #content .section .left-inset { float: left; margin: 0em 1em 1em 0em; } /* An inset, image or other, on the right. */ #content .section .right-inset { float: right; margin: 0em 0em 1em 1em; } /* The name of a library, as the start of a block for that library. */ #content .section .library { font-weight: bold; display: block; margin: 0em 0em 0.5em 0em; } /* FAQ items, question and answer on the same flow. */ #content .section .faq { margin: 1em 0em 0em 0em; } #content .section .faq .faq-question { font-weight: bold; } #content .section .faq .faq-answer { } /* Notes with a lable and text on the same flow. */ #content .section .note { margin: 1em 0em 0em 0em; } #content .section .note .note-label { font-weight: bold; } #content .section .note .note-body { } /* Lists use a minimal decoration of a '+' bullet but only for subitems. This styling provides a consistent look on all browsers. */ /* Default style, as in straight in content, lists... */ #content .section ul { margin: 0.75em 0em 0em 0em; padding: 0em; } #content .section ul li { display: block; margin: 0em; padding: 0em 0em 0em 1em; list-style-type: none; background: url(boost_bullet.gif) no-repeat 0em 0.5em; text-indent: 0em; } #content .section ul li ul { margin: 0em; padding: 0em; } /* Table of contents lists... */ #content .section ul.toc { margin: 1em; padding: 0.5em; border: 1px solid #CCCCCC; background: #EEEEEE; } #content .section ul.toc li { display: block; margin: 0em; padding: 0em 0em 0em 1em; list-style-type: none; background: url(boost_bullet.gif) no-repeat 0em 0.5em; text-indent: 0em; } /* History style lists, the first level doesn't get bullets... */ #content .section ul.history { margin: 0em 0em 0.75em 0em; padding: 0em 0em 0em 2em; } #content .section ul.history li { margin: 0.75em 0em 0em 0em; text-indent: -1.75em; padding: 0em; list-style-type: none; background: none; } #content .section ul.history li ul { margin: 0.75em 0em 0em 0em; padding: 0em; } #content .section ul.history li ul li { display: block; margin: 0em; padding: 0em 0em 0em 1em; list-style-type: none; background: url(boost_bullet.gif) no-repeat 0em 0.5em; text-indent: 0em; } /* A directory, as in the index for the people. */ #content .section ul.directory { padding: 0em; list-style-type: none; } #content .section ul.directory li { float: left; width: 45%; margin: 0em; padding: 0em 1em 1em 0em; text-indent: 0em; background: none; } #content .section ul.directory li ul { margin: 0.75em 1em 0em 0em; padding: 0em; } #content .section ul.directory li ul li { display: block; float: none; width: 100%; margin: 0em; padding: 0em 0em 0em 1em; list-style-type: none; background: url(boost_bullet.gif) no-repeat 0em 0.5em; text-indent: 0em; } #content .section .directory { padding: 0em; } #content .section .directory .directory-item { float: left; width: 45%; margin: 0em; padding: 0em 1em 1em 0em; text-indent: 0em; } /* For the people directory we fix the pictures to the same width for allignment and fit consistency. We also set a min-height so that the items don't over stack. */ #people-directory img { width: 100px; } #people-directory li { min-height: 170px; } /* The detailed bio portraits are also fixed width for fit and consistency. */ #content .section .portrait { float: right; width: 300px; margin: 0em 0em 1em 1em; } /* PRE text is almost always a code example. Show like a blockquote, except with a smaller font to reduce the likelyhood of long lines getting cut. */ #content .section pre { margin: 1em; border: 1px solid #CCCCCC; padding: 0.5em; font-size: 90%; }