jpayne@68: body
jpayne@68: {
jpayne@68:   font-family: cantarell, sans-serif;
jpayne@68: }
jpayne@68: .synopsis, .classsynopsis
jpayne@68: {
jpayne@68:   /* tango:aluminium 1/2 */
jpayne@68:   background: #eeeeec;
jpayne@68:   background: rgba(238, 238, 236, 0.5);
jpayne@68:   border: solid 1px rgb(238, 238, 236);
jpayne@68:   padding: 0.5em;
jpayne@68: }
jpayne@68: .programlisting
jpayne@68: {
jpayne@68:   /* tango:sky blue 0/1 */
jpayne@68:   /* fallback for no rgba support */
jpayne@68:   background: #e6f3ff;
jpayne@68:   border: solid 1px #729fcf;
jpayne@68:   background: rgba(114, 159, 207, 0.1);
jpayne@68:   border: solid 1px rgba(114, 159, 207, 0.2);
jpayne@68:   padding: 0.5em;
jpayne@68: }
jpayne@68: .variablelist
jpayne@68: {
jpayne@68:   padding: 4px;
jpayne@68:   margin-left: 3em;
jpayne@68: }
jpayne@68: .variablelist td:first-child
jpayne@68: {
jpayne@68:   vertical-align: top;
jpayne@68: }
jpayne@68: 
jpayne@68: div.gallery-float
jpayne@68: {
jpayne@68:   float: left;
jpayne@68:   padding: 10px;
jpayne@68: }
jpayne@68: div.gallery-float img
jpayne@68: {
jpayne@68:   border-style: none;
jpayne@68: }
jpayne@68: div.gallery-spacer
jpayne@68: {
jpayne@68:   clear: both;
jpayne@68: }
jpayne@68: 
jpayne@68: a, a:visited
jpayne@68: {
jpayne@68:   text-decoration: none;
jpayne@68:   /* tango:sky blue 2 */
jpayne@68:   color: #3465a4;
jpayne@68: }
jpayne@68: a:hover
jpayne@68: {
jpayne@68:   text-decoration: underline;
jpayne@68:   /* tango:sky blue 1 */
jpayne@68:   color: #729fcf;
jpayne@68: }
jpayne@68: 
jpayne@68: div.informaltable table
jpayne@68: {
jpayne@68:   border-collapse: separate;
jpayne@68:   border-spacing: 1em 0.3em;
jpayne@68:   border: none;
jpayne@68: }
jpayne@68: 
jpayne@68: div.informaltable table td, div.informaltable table th
jpayne@68: {
jpayne@68:   vertical-align: top;
jpayne@68: }
jpayne@68: 
jpayne@68: .function_type,
jpayne@68: .variable_type,
jpayne@68: .property_type,
jpayne@68: .signal_type,
jpayne@68: .parameter_name,
jpayne@68: .struct_member_name,
jpayne@68: .union_member_name,
jpayne@68: .define_keyword,
jpayne@68: .datatype_keyword,
jpayne@68: .typedef_keyword
jpayne@68: {
jpayne@68:   text-align: right;
jpayne@68: }
jpayne@68: 
jpayne@68: /* dim non-primary columns */
jpayne@68: .c_punctuation,
jpayne@68: .function_type,
jpayne@68: .variable_type,
jpayne@68: .property_type,
jpayne@68: .signal_type,
jpayne@68: .define_keyword,
jpayne@68: .datatype_keyword,
jpayne@68: .typedef_keyword,
jpayne@68: .property_flags,
jpayne@68: .signal_flags,
jpayne@68: .parameter_annotations,
jpayne@68: .enum_member_annotations,
jpayne@68: .struct_member_annotations,
jpayne@68: .union_member_annotations
jpayne@68: {
jpayne@68:   color: #888a85;
jpayne@68: }
jpayne@68: 
jpayne@68: .function_type a,
jpayne@68: .function_type a:visited,
jpayne@68: .function_type a:hover,
jpayne@68: .property_type a,
jpayne@68: .property_type a:visited,
jpayne@68: .property_type a:hover,
jpayne@68: .signal_type a,
jpayne@68: .signal_type a:visited,
jpayne@68: .signal_type a:hover,
jpayne@68: .signal_flags a,
jpayne@68: .signal_flags a:visited,
jpayne@68: .signal_flags a:hover
jpayne@68: {
jpayne@68:  color: #729fcf;
jpayne@68: }
jpayne@68: 
jpayne@68: td p
jpayne@68: {
jpayne@68:   margin: 0.25em;
jpayne@68: }
jpayne@68: 
jpayne@68: div.table table
jpayne@68: {
jpayne@68:   border-collapse: collapse;
jpayne@68:   border-spacing: 0px;
jpayne@68:   /* tango:aluminium 3 */
jpayne@68:   border: solid 1px #babdb6;
jpayne@68: }
jpayne@68: 
jpayne@68: div.table table td, div.table table th
jpayne@68: {
jpayne@68:   /* tango:aluminium 3 */
jpayne@68:   border: solid 1px #babdb6;
jpayne@68:   padding: 3px;
jpayne@68:   vertical-align: top;
jpayne@68: }
jpayne@68: 
jpayne@68: div.table table th
jpayne@68: {
jpayne@68:   /* tango:aluminium 2 */
jpayne@68:   background-color: #d3d7cf;
jpayne@68: }
jpayne@68: 
jpayne@68: h4
jpayne@68: {
jpayne@68:   color: #555753;
jpayne@68:   margin-top: 1em;
jpayne@68:   margin-bottom: 1em;
jpayne@68: }
jpayne@68: 
jpayne@68: hr
jpayne@68: {
jpayne@68:   /* tango:aluminium 1 */
jpayne@68:   color: #d3d7cf;
jpayne@68:   background: #d3d7cf;
jpayne@68:   border: none 0px;
jpayne@68:   height: 1px;
jpayne@68:   clear: both;
jpayne@68:   margin: 2.0em 0em 2.0em 0em;
jpayne@68: }
jpayne@68: 
jpayne@68: dl.toc dt
jpayne@68: {
jpayne@68:   padding-bottom: 0.25em;
jpayne@68: }
jpayne@68: 
jpayne@68: dl.toc > dt
jpayne@68: {
jpayne@68:   padding-top: 0.25em;
jpayne@68:   padding-bottom: 0.25em;
jpayne@68:   font-weight: bold;
jpayne@68: }
jpayne@68: 
jpayne@68: dl.toc > dl
jpayne@68: {
jpayne@68:   padding-bottom: 0.5em;
jpayne@68: }
jpayne@68: 
jpayne@68: .parameter
jpayne@68: {
jpayne@68:   font-style: normal;
jpayne@68: }
jpayne@68: 
jpayne@68: .footer
jpayne@68: {
jpayne@68:   padding-top: 3.5em;
jpayne@68:   /* tango:aluminium 3 */
jpayne@68:   color: #babdb6;
jpayne@68:   text-align: center;
jpayne@68:   font-size: 80%;
jpayne@68: }
jpayne@68: 
jpayne@68: .informalfigure,
jpayne@68: .figure
jpayne@68: {
jpayne@68:   margin: 1em;
jpayne@68: }
jpayne@68: 
jpayne@68: .informalexample,
jpayne@68: .example
jpayne@68: {
jpayne@68:   margin-top: 1em;
jpayne@68:   margin-bottom: 1em;
jpayne@68: }
jpayne@68: 
jpayne@68: .warning
jpayne@68: {
jpayne@68:   /* tango:orange 0/1 */
jpayne@68:   background: #ffeed9;
jpayne@68:   background: rgba(252, 175, 62, 0.1);
jpayne@68:   border-color: #ffb04f;
jpayne@68:   border-color: rgba(252, 175, 62, 0.2);
jpayne@68: }
jpayne@68: .note
jpayne@68: {
jpayne@68:   /* tango:chameleon 0/0.5 */
jpayne@68:   background: #d8ffb2;
jpayne@68:   background: rgba(138, 226, 52, 0.1);
jpayne@68:   border-color: #abf562;
jpayne@68:   border-color: rgba(138, 226, 52, 0.2);
jpayne@68: }
jpayne@68: div.blockquote
jpayne@68: {
jpayne@68:   border-color: #eeeeec;
jpayne@68: }
jpayne@68: .note, .warning, div.blockquote
jpayne@68: {
jpayne@68:   padding: 0.5em;
jpayne@68:   border-width: 1px;
jpayne@68:   border-style: solid;
jpayne@68:   margin: 2em;
jpayne@68: }
jpayne@68: .note p, .warning p
jpayne@68: {
jpayne@68:   margin: 0;
jpayne@68: }
jpayne@68: 
jpayne@68: div.warning h3.title,
jpayne@68: div.note h3.title
jpayne@68: {
jpayne@68:   display: none;
jpayne@68: }
jpayne@68: 
jpayne@68: p + div.section
jpayne@68: {
jpayne@68:   margin-top: 1em;
jpayne@68: }
jpayne@68: 
jpayne@68: div.refnamediv,
jpayne@68: div.refsynopsisdiv,
jpayne@68: div.refsect1,
jpayne@68: div.refsect2,
jpayne@68: div.toc,
jpayne@68: div.section
jpayne@68: {
jpayne@68:   margin-bottom: 1em;
jpayne@68: }
jpayne@68: 
jpayne@68: /* blob links */
jpayne@68: h2 .extralinks, h3 .extralinks
jpayne@68: {
jpayne@68:   float: right;
jpayne@68:   /* tango:aluminium 3 */
jpayne@68:   color: #babdb6;
jpayne@68:   font-size: 80%;
jpayne@68:   font-weight: normal;
jpayne@68: }
jpayne@68: 
jpayne@68: .lineart
jpayne@68: {
jpayne@68:   color: #d3d7cf;
jpayne@68:   font-weight: normal;
jpayne@68: }
jpayne@68: 
jpayne@68: .annotation
jpayne@68: {
jpayne@68:   /* tango:aluminium 5 */
jpayne@68:   color: #555753;
jpayne@68:   font-weight: normal;
jpayne@68: }
jpayne@68: 
jpayne@68: .structfield
jpayne@68: {
jpayne@68:   font-style: normal;
jpayne@68:   font-weight: normal;
jpayne@68: }
jpayne@68: 
jpayne@68: acronym,abbr 
jpayne@68: {
jpayne@68:   border-bottom: 1px dotted gray;
jpayne@68: }
jpayne@68: 
jpayne@68: /* code listings */
jpayne@68: 
jpayne@68: .listing_code .programlisting .normal,
jpayne@68: .listing_code .programlisting .normal a,
jpayne@68: .listing_code .programlisting .number,
jpayne@68: .listing_code .programlisting .cbracket,
jpayne@68: .listing_code .programlisting .symbol     { color: #555753; }
jpayne@68: .listing_code .programlisting .comment,
jpayne@68: .listing_code .programlisting .linenum    { color: #babdb6; } /* tango: aluminium 3 */
jpayne@68: .listing_code .programlisting .function,
jpayne@68: .listing_code .programlisting .function a,
jpayne@68: .listing_code .programlisting .preproc    { color: #204a87; } /* tango: sky blue 3  */
jpayne@68: .listing_code .programlisting .string     { color: #ad7fa8; } /* tango: plum */
jpayne@68: .listing_code .programlisting .keyword,
jpayne@68: .listing_code .programlisting .usertype,
jpayne@68: .listing_code .programlisting .type,
jpayne@68: .listing_code .programlisting .type a     { color: #4e9a06; } /* tango: chameleon 3  */
jpayne@68: 
jpayne@68: .listing_frame {
jpayne@68:   /* tango:sky blue 1 */
jpayne@68:   border: solid 1px #729fcf;
jpayne@68:   border: solid 1px rgba(114, 159, 207, 0.2);
jpayne@68:   padding: 0px;
jpayne@68: }
jpayne@68: 
jpayne@68: .listing_lines, .listing_code {
jpayne@68:   margin-top: 0px;
jpayne@68:   margin-bottom: 0px;
jpayne@68:   padding: 0.5em;
jpayne@68: }
jpayne@68: .listing_lines {
jpayne@68:   /* tango:sky blue 0.5 */
jpayne@68:   background: #a6c5e3;
jpayne@68:   background: rgba(114, 159, 207, 0.2);
jpayne@68:   /* tango:aluminium 6 */
jpayne@68:   color: #2e3436;
jpayne@68: }
jpayne@68: .listing_code {
jpayne@68:   /* tango:sky blue 0 */
jpayne@68:   background: #e6f3ff;
jpayne@68:   background: rgba(114, 159, 207, 0.1);
jpayne@68: }
jpayne@68: .listing_code .programlisting {
jpayne@68:   /* override from previous */
jpayne@68:   border: none 0px;
jpayne@68:   padding: 0px;
jpayne@68:   background: none;
jpayne@68: }
jpayne@68: .listing_lines pre, .listing_code pre {
jpayne@68:   margin: 0px;
jpayne@68: }
jpayne@68: 
jpayne@68: @media screen {
jpayne@68:   /* these have a <sup> as a first child, but since there are no parent selectors
jpayne@68:    * we can't use that. */
jpayne@68:   a.footnote
jpayne@68:   {
jpayne@68:     position: relative;
jpayne@68:     top: 0em ! important;
jpayne@68:   }
jpayne@68:   /* this is needed so that the local anchors are displayed below the naviagtion */
jpayne@68:   div.footnote a[name], div.refnamediv a[name], div.refsect1 a[name], div.refsect2 a[name], div.index a[name], div.glossary a[name], div.sect1 a[name]
jpayne@68:   {
jpayne@68:     display: inline-block;
jpayne@68:     position: relative;
jpayne@68:     top:-5em;
jpayne@68:   }
jpayne@68:   /* this seems to be a bug in the xsl style sheets when generating indexes */
jpayne@68:   div.index div.index
jpayne@68:   {
jpayne@68:     top: 0em;
jpayne@68:   }
jpayne@68:   /* make space for the fixed navigation bar and add space at the bottom so that
jpayne@68:    * link targets appear somewhat close to top
jpayne@68:    */
jpayne@68:   body
jpayne@68:   {
jpayne@68:     padding-top: 2.5em;
jpayne@68:     padding-bottom: 500px;
jpayne@68:     max-width: 60em;
jpayne@68:   }
jpayne@68:   p
jpayne@68:   {
jpayne@68:     max-width: 60em;
jpayne@68:   }
jpayne@68:   /* style and size the navigation bar */
jpayne@68:   table.navigation#top
jpayne@68:   {
jpayne@68:     position: fixed;
jpayne@68:     background: #e2e2e2;
jpayne@68:     border-bottom: solid 1px #babdb6;
jpayne@68:     border-spacing: 5px;
jpayne@68:     margin-top: 0;
jpayne@68:     margin-bottom: 0;
jpayne@68:     top: 0;
jpayne@68:     left: 0;
jpayne@68:     z-index: 10;
jpayne@68:   }
jpayne@68:   table.navigation#top td
jpayne@68:   {
jpayne@68:     padding-left: 6px;
jpayne@68:     padding-right: 6px;
jpayne@68:   }
jpayne@68:   .navigation a, .navigation a:visited
jpayne@68:   {
jpayne@68:     /* tango:sky blue 3 */
jpayne@68:     color: #204a87;
jpayne@68:   }
jpayne@68:   .navigation a:hover
jpayne@68:   {
jpayne@68:     /* tango:sky blue 2 */
jpayne@68:     color: #3465a4;
jpayne@68:   }
jpayne@68:   td.shortcuts
jpayne@68:   {
jpayne@68:     /* tango:sky blue 2 */
jpayne@68:     color: #3465a4;
jpayne@68:     font-size: 80%;
jpayne@68:     white-space: nowrap;
jpayne@68:   }
jpayne@68:   td.shortcuts .dim
jpayne@68:   {
jpayne@68:     color: #babdb6;
jpayne@68:   }
jpayne@68:   .navigation .title
jpayne@68:   {
jpayne@68:     font-size: 80%;
jpayne@68:     max-width: none;
jpayne@68:     margin: 0px;
jpayne@68:     font-weight: normal;
jpayne@68:   }
jpayne@68: }
jpayne@68: @media screen and (min-width: 60em) {
jpayne@68:   /* screen larger than 60em */
jpayne@68:   body { margin: auto; }
jpayne@68: }
jpayne@68: @media screen and (max-width: 60em) {
jpayne@68:   /* screen less than 60em */
jpayne@68:   #nav_hierarchy { display: none; }
jpayne@68:   #nav_interfaces { display: none; }
jpayne@68:   #nav_prerequisites { display: none; }
jpayne@68:   #nav_derived_interfaces { display: none; }
jpayne@68:   #nav_implementations { display: none; }
jpayne@68:   #nav_child_properties { display: none; }
jpayne@68:   #nav_style_properties { display: none; }
jpayne@68:   #nav_index { display: none; }
jpayne@68:   #nav_glossary { display: none; }
jpayne@68:   .gallery_image { display: none; }
jpayne@68:   .property_flags { display: none; }
jpayne@68:   .signal_flags { display: none; }
jpayne@68:   .parameter_annotations { display: none; }
jpayne@68:   .enum_member_annotations { display: none; }
jpayne@68:   .struct_member_annotations { display: none; }
jpayne@68:   .union_member_annotations { display: none; }
jpayne@68:   /* now that a column is hidden, optimize space */
jpayne@68:   col.parameters_name { width: auto; }
jpayne@68:   col.parameters_description { width: auto; }
jpayne@68:   col.struct_members_name { width: auto; }
jpayne@68:   col.struct_members_description { width: auto; }
jpayne@68:   col.enum_members_name { width: auto; }
jpayne@68:   col.enum_members_description { width: auto; }
jpayne@68:   col.union_members_name { width: auto; }
jpayne@68:   col.union_members_description { width: auto; }
jpayne@68:   .listing_lines { display: none; }
jpayne@68: }
jpayne@68: @media print {
jpayne@68:   table.navigation {
jpayne@68:     visibility: collapse;
jpayne@68:     display: none;
jpayne@68:   }
jpayne@68:   div.titlepage table.navigation {
jpayne@68:     visibility: visible;
jpayne@68:     display: table;
jpayne@68:     background: #e2e2e2;
jpayne@68:     border: solid 1px #babdb6;
jpayne@68:     margin-top: 0;
jpayne@68:     margin-bottom: 0;
jpayne@68:     top: 0;
jpayne@68:     left: 0;
jpayne@68:     height: 3em;
jpayne@68:   }
jpayne@68: }
jpayne@68: