mirror of
https://github.com/boostorg/website.git
synced 2026-02-26 05:02:18 +00:00
322 lines
7.4 KiB
CSS
322 lines
7.4 KiB
CSS
/*
|
|
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 del { text-decoration: line-through; }
|
|
|
|
#content .section em *,
|
|
#content .section strong *,
|
|
#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 *,
|
|
#content .section del *
|
|
{ font-weight: inherit; font-style: inherit; text-decoration: inherit; }
|
|
|
|
#content .section img {
|
|
border: 0.5em solid #666666;
|
|
}
|
|
/* 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 th * {
|
|
font-weight: inherit;
|
|
}
|
|
#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-question * {
|
|
font-weight: inherit;
|
|
}
|
|
#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-label * {
|
|
font-weight: inherit;
|
|
}
|
|
#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%;
|
|
}
|
|
/* */
|
|
#content .section .admonition {
|
|
margin: 1em;
|
|
border: 4px solid #2070A0;
|
|
padding: 0.5em;
|
|
}
|