manual-loose-100pc.css revision 3726777f47ac4bba3e21b075905959bbea47e72e
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* manual.css
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* mainframe ;-)
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
background-color: #fff;
color: #036;
padding: 0 1em 0 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
pre, code {
font-family: "Courier New", Courier, monospace;
font-weight: normal;
}
strong {
font-weight: bold;
}
/* fixup IE & Opera
* otherwise they forget to inherit
* the computed font-size value
*/
table, code {
font-size: 1em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Links
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* normal links */
/* ====================== */
a:link {
color: #0073c7;
background-color: inherit;
text-decoration: underline;
}
a:visited {
color: #5A88B5; /* #54acc4; */
background-color: inherit;
text-decoration: underline;
}
a:hover,
a:active {
color: #0073c7;
background-color: #f0f0f0;
text-decoration: underline;
}
/* code.module [links] */
/* ====================== */
code.module,
code.module a:link {
color: #0073c7; /* #bc0f00; */
background-color: inherit;
}
code.module a:visited {
color: #54acc4; /* #a06b66; */
background-color: inherit;
}
code.module a:hover,
code.module a:active {
color: #0073c7; /* #bc0f00; */
background-color: #f0f0f0;
}
/* code.directive [links] */
/* ====================== */
code.directive,
code.directive a:link {
color: #287f00; /* #35a500; */
background-color: inherit;
}
code.directive a:visited {
color: #35a500; /* #99af76; */
background-color: inherit;
}
code.directive a:hover,
code.directive a:active {
color: #287f00; /* #35a500; */
background-color: #f0f0f0;
}
/* page header & footer */
/* ====================== */
div#page-header p.menu a:link,
div#page-header p.menu a:visited,
div#path a:link,
div#path a:visited,
div#footer a:link,
div#footer a:visited {
text-decoration: underline;
}
div#page-header p.menu a:hover,
div#page-header p.menu a:active,
div#path a:hover,
div#path a:active,
div#footer a:hover,
div#footer a:active {
text-decoration: underline;
background-color: #f0f0f0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Headings
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* h1 */
/* ====================== */
h1 {
padding: 0.2em;
margin: 0 0 0.5em 0;
border: 1px solid #405871;
background-color: inherit;
color: #036;
text-decoration: none;
font-size: 1.5em;
font-weight: bold;
}
/* h2 */
/* ====================== */
h2 {
padding: 0.2em 0 0.2em 0.7em;
margin: 0 0 0.5em 0;
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
}
.section h2 {
background-color: #405871;
color: #fff;
}
.directive-section h2 {
background-color: #557697;
color: #fff;
}
/* take care of <a name>s inside */
h2 a,
h2 a:hover,
h2 a:active {
color: inherit;
background-color: inherit;
text-decoration: none;
}
/* h3 */
/* ====================== */
h3 {
background-color: inherit;
color: #036;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
margin: 1.3em 0 0.4em 0;
padding: 0;
}
/* margin adjustment */
h3 + * {
margin-top: 0;
}
/* IE confuses the + * :-(
* so reset some things
*/
ul, .section table, .directive-section table {
margin-bottom: 1em;
}
/* titles for
* examples, notes and warnings
*/
div.example h3,
div.note h3,
div.warning h3 {
margin: 0 0 0.5em 0;
text-align: center;
font-size: 1em;
}
div#quickview h3 {
margin-top: 0;
}
/* take care of <a name>s inside */
h3 a,
h3 a:hover,
h3 a:active {
color: inherit;
background-color: inherit;
text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Up & Top helper images
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* arrow left */
/* ====================== */
div.up {
width: 30px;
height: 20px;
padding: 0;
margin: -20px 0 1px 0;
text-align: center;
vertical-align: top;
}
div.up img {
vertical-align: top;
width: 11px;
height: 11px;
border-style: none;
}
/* arrow up (to page top) */
/* ====================== */
div.top {
width: 30px;
padding: 0 0 0 30px;
margin: 0;
}
div.top img {
margin-top: 0.5em;
vertical-align: bottom;
width: 11px;
height: 11px;
border-style: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Tables
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* general */
/* ====================== */
table {
border: 1px solid #aaa;
border-collapse: collapse;
padding: 2px;
margin-top: 0.5em;
margin-bottom: 0;
}
td, th {
empty-cells: show; /* show border around empty cells */
padding: 0.1em 0.2em;
vertical-align: top;
text-align: left;
line-height: 1.3em;
}
th {
font-weight: bold;
}
/* bordered table cells */
/* ====================== */
/* turn off borders in tables nested in
* bordered tables per default
*/
table.bordered table td,
table.bordered table th {
border-style: none;
}
table.bordered td,
table.bordered th,
table table.bordered td,
table table.bordered th {
border: 1px solid #aaa;
}
/* module overview table */
/* ====================== */
table.module th a:link,
table.module th a:visited {
text-decoration: underline;
white-space: nowrap;
}
table.module th a:hover,
table.module th a:active {
text-decoration: underline;
background-color: #f0f0f0;
}
/* directive overview table */
/* ======================== */
table.directive th a:link,
table.directive th a:visited {
text-decoration: underline;
white-space: nowrap;
}
table.directive th a:hover,
table.directive th a:active {
text-decoration: underline;
}
/* related modules & dir. */
/* ====================== */
/* assuming, all links are enclosed by
* <code class="directive"> or
* <code class="module">
*/
table.related {
border-collapse: separate;
}
table.related th {
padding: 0.2ex 0.3em;
background-color: #e5ecf3;
color: #405871;
vertical-align: middle;
}
table.related td {
padding: 0.2ex 0.3em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Lists
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* list default values */
/* ====================== */
ul {
list-style-type: disc;
}
ul ul {
list-style-type: square;
}
ul ul ul {
list-style-type: circle;
}
li, dt, dd {
line-height: 1.3em;
}
dt {
margin-top: 0.5em;
font-weight: bold;
}
ol li {
margin-top: 0.5em;
}
ol.up-A {
list-style-type: upper-alpha;
}
/* table of contents */
/* ====================== */
#toc,
#topics {
margin: 0 0 1em 0;
padding: 0;
}
#toc li,
#topics li {
list-style-type: none;
margin: 0;
padding: 0;
}
#toc li img,
#topics li img {
margin-right: 19px;
}
/* see also */
/* ====================== */
.seealso {
margin: 0 0 1em 0;
padding: 0;
}
.seealso li {
list-style-type: none;
margin: 0;
padding: 0 0 0 34px;
}
/* related modules & dir. */
/* ====================== */
table.related td ul,
table.related td li {
list-style-type: none;
margin: 0;
padding: 0;
}
/* list of all directives */
/* ====================== */
div#directive-list ul {
margin: 0;
padding: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* main page sections
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* page header */
/* ====================== */
div#page-header {
margin-left: 30px;
}
div#page-header img {
padding: 0;
display: block;
margin: -70px 0 1px 2em;
width: 248px;
height: 70px;
}
div#page-header p.apache {
background-color: #405871;
color: #fff;
padding: 0 0 0 248px;
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-weight: bold;
line-height: 29px;
}
div#page-header p.menu {
text-align: right;
font-size: smaller;
margin: 30px 0 0.5em 0;
padding: 0;
}
/* breadcrumb navigation */
div#path {
margin: 0.2em 0 1.2em 30px;
padding: 0;
font-size: smaller;
}
/* content sections */
/* ====================== */
div#preamble {
padding-bottom: 1em;
margin-left: 30px;
}
div.section,
div.directive-section {
margin: -1.2em 0 0 60px;
padding: 0;
}
.section p,
.directive-section p {
margin: 0 0 1em 0;
padding: 0;
}
/* look for this on directive
* list page...
*/
div#directive-list {
margin-left: 30px;
padding: 0 0 1em 1em;
}
div#quickview {
margin-left: 30px;
}
/* in general */
p {
line-height: 1.3em;
}
/* page footer */
/* ====================== */
div#footer {
margin-left: 30px;
font-size: smaller;
border-top: 1px solid #405871;
padding-top: 0.2em;
}
div#footer p.apache {
float: left;
text-align: left;
padding: 0 0 1em 0;
margin-top: 0;
font-weight: bold;
}
div#footer p.menu {
float: right;
text-align: right;
margin-top: 0;
padding: 0 0 1em 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* subsections (examples, notes, warnings)
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* examples */
/* ====================== */
div.example {
background-color: #e5ecf3;
color: #000;
padding: 0.5em;
margin: 1em 2em 1em 1em;
}
/* example inside a note:
* blue in gray doesn't look good
* so simply draw a border around
* and keep it gray
*/
div.note div.example {
border: 1px solid #aaa;
background-color: transparent;
color: inherit;
margin-right: 1em;
}
/* example inside table */
table div.example {
margin-right: 1em;
}
/* the following [block] elements
* may appear inside example...
*/
div.example p,
div.example pre,
div.example table {
padding: 0;
margin: 0;
}
div.example p {
line-height: 1em;
}
div.example pre,
div.example p > code {
font-size: 0.9em;
}
/* notes & warnings */
/* ====================== */
div.note,
div.warning {
background-color: #eee;
color: #036;
padding: 0.5em;
margin: 1em 2em 1em 1em;
}
div.note p,
div.warning p {
margin: 0;
padding: 0;
}
div.note pre,
div.warning pre {
font-size: 0.9em;
}
/* inside table */
table div.note,
table div.warning {
margin-right: 1em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* quotations, indented paragraphs and figures
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p.letters {
text-align: center;
background-color: inherit;
color: #ccc;
}
p.letters a:link,
p.letters a:visited {
text-decoration: none;
font-weight: bold;
}
p.letters a:hover,
p.letters a:active {
text-decoration: underline;
font-weight: bold;
}
blockquote p {
font-style: italic;
margin: 0;
}
blockquote p.cite {
font-style: normal;
margin-top: 0;
margin-left: 2em;
}
blockquote p.cite cite {
font-style: normal;
}
p.indent {
margin-left: 2em;
margin-top: 1em;
}
p.figure {
margin-left: 2em;
font-style: italic;
}
p.figure img {
border: 1px solid #aaa;
}
p.figure dfn {
font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* -> The End <-
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */