gramps/gramps2/help/output/gramps-help-screen.css

/* This file is part of gimp-help-2. It is copyrighted under the GNU
   Free Documentation License Version 1.1 which you can get from
   http://www.gnu.org 
   
   Browser wrangling and typographic design by
     Oyvind Kolas / pippin@gimp.org

   Thanks to:
     Liam R. E. Quin
     William Skaggs
     Jakub Steiner
   
   */

@media screen {
    body {
      font-family: sans-serif;
      font-size: 100%;
      padding: 0;
      margin: 0;
    }
    
    .book,
    .section,
    div.sect1,
    div.sect2,
    div.sect3,
    .simplesect,
    .chapter,
    .part,
    .preface,
    .glossary,
    .bibliography,
    .reference,
    .refentry,
    .appendix,
    .index {
        max-width: 45em;
        min-width: 34em;
        width: 45em;
        margin: 0 auto;
        margin-bottom: 2em;
    }

    h1,h2,h3,h4,h5,h6,h7 {
      clear: both;
    }

    h1 {
      font-weight: bold;
      font-size: 166%;
      text-align: left;
      clear: both;
      padding: 0;
      margin: 2em 0 0em 0em;
    }

    h2.subtitle {
      margin: 0.10 0 3.0em 0;
      padding: 0;
      width: 80%;
      padding-left: 20%;
      font-weight: normal;
      font-style: italic;
      text-align: right;
    }

    h2 {
      margin: 2em 0 0.66em 0em;
      padding: 0.5em 0 0em 0em;
      font-size: 142.14%;
      font-weight: normal;
    }

    h3.subtitle {
      margin: 0 0em 1em 0em;
      padding: 0;
      font-size: 142.14%;
      font-weight: normal;
      text-align : right;
    }

    h3 {
      margin: 1em 0 0.5em 0em;
      padding: 1em 0 0em 0em;
      font-size: 140%;
      font-weight: normal;
    }

    h4 {
      margin: 1em 0 0.5em 0em;
      padding: 1em 0 0em 0em;
      font-size: 120%;
      font-weight: normal;
    }

    h5 {
      margin: 1em 0 0.5em 0em;
      padding: 1em 0 0em 0em;
      font-size: 110.000%;
      border-bottom: 1px solid black;
    }

    h6 {
      margin: 1em 0 0em 0em;
      padding: 1em 0 0em 0em;
      font-size: 80%;
      font-weight: normal;
    }

    .authorgroup {
      float: right;
      margin: 0em 0em 0em 1.5em
    }

    h3.author {
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .author tt.email {
      font-size: 66%;
    }

    .titlepage hr {
      width: 0;
      clear: both;
    }

    .toc,
    .list-of-tables,
    .list-of-examples,
    .list-of-figures {
      padding: 1.33em 0 2.5em 0em;
    }

    .toc p,
    .list-of-tables p,
    .list-of-figures p,
    .list-of-examples p {
      padding: 0;
      padding: 0 0em 0.3em;
      margin: 1.5em 0 0 0;
    }

    .toc p b,
    .list-of-tables p b,
    .list-of-figures p b,
    .list-of-examples p b{
      font-weight: bold;
    }

    .toc dl,
    .list-of-tables dl,
    .list-of-figures dl,
    .list-of-examples dl {
      margin: 0 0 0.5em 0;
      padding: 0;
    }

    .toc dt {
      margin: 0;
      padding: 0;
    }

    .toc dd {
      margin: 0 0em 0em 2.6em;
      padding: 0;
    }

    div.glossary dl,
    div.variablelist dl {
    }

    .glossary dl dt,
    .variablelist dl dt span.term {
      font-weight: normal;
    }

    .glossary dl dd,
    .variablelist dl dd {
      margin-left: 2.6em;
    }

    .glossary dd p,
    .variablelist dd p {
      margin-top: 0;
      margin-bottom: 1em;
    }

    div.calloutlist table {
      margin-top: 1em;
    }

    div.calloutlist table td {
      padding: 0;
      margin: 0;
    }

    div.calloutlist table td p {
      margin-top: 0;
      margin-bottom: 1em;
    }

    div.calloutlist table td img {
      margin-left: 2em;
    }

    div p.copyright {
      text-align: left;
    }

    div.legalnotice p.legalnotice-title {
      margin-bottom: 0;
    }

    p {
      text-align : justify;
      line-height: 142%;
      margin: 1em 0;
    }

    dl {
      padding-top: 0;
    }

    hr {
      border: solid 1px;
    }


    .mediaobject,
    .mediaobjectco,
    div.navheader table th {
      text-align: center;
    }

    img {
      border: none;
    }

    .mediaobject img,
    .mediaobjectco img{
      max-width: 36em;
    }

    /*
     *align two mediaobjects in a figure besides each other
     */
    .figure .mediaobject {
      display: table-cell;
      padding: 0.5em;
    }

    ul {
      padding: 0 0 0 1.5em;
    }

    ul li {
      padding: 0;
    }

    ul li p {
      text-align: left;
    }

    table {
      width :100%;
    }

    th {
      padding: 0.25em;
      text-align: left;
      font-weight: normal;
      vertical-align: top;
    }

    td {
      padding: 0.25em;
      vertical-align: top;
    }

    p a[id],
    p a[id]:hover,
    p a[id]:visited {
      margin: 0;
      padding: 0;
      display: inline;
      background-image: none;
    }

    p a,
    p a:hover,
    p a:visited {
       margin-left: 5px;
       padding-left: 10px;
       background-image: url("images/link.png");
       background-repeat: no-repeat;
       background-position: center left;
    }

    pre {
        overflow : auto;
    }

    div.informalfigure,
    div.informalexample,
    div.informaltable,
    div.figure,
    div.table,
    div.example {
      margin: 1em 0;
      padding: 1em;
      page-break-inside: avoid;
    }


    div.informalfigure p.title b,
    div.informalexample p.title b,
    div.informaltable p.title b,
    div.figure p.title b,
    div.example p.title b,
    div.table p.title b{
        padding-top: 0;
        margin-top: 0;
        font-weight: normal;
    }

    .mediaobject .caption, 
    .mediaobject .caption p  {
      text-align: left;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }

    .epigraph {
      padding-left: 55%;
      margin-bottom: 1em;
    }

    .epigraph p {
      text-align: left;
    }

    .epigraph .quote {
      font-style: italic;
    }
    .epigraph .attribution {
      font-style: normal;
      text-align: right;
    }

    span.application {
      font-style: italic;
    }

    .programlisting {
      font-family: monospace;
      font-size: 80%;
      white-space: pre;
      margin: 1.33em 0;
      padding: 1.33em;
    }

    .tip,
    .warning,
    .caution,
    .note {
      margin-top: 1em;
      margin-bottom: 1em;

    }

    /* force full width of table within div */
    .tip table,
    .warning table,
    .caution table,
    .note table {
      border: none;
      width: 100%;
    }


    .tip table th,
    .warning table th,
    .caution table th,
    .note table th {
      padding: 0.8em 0.0 0.0em 0.0em;
      margin : 0;
    }

    .tip p,
    .warning p,
    .caution p,
    .note p {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      padding-right: 1em;
      text-align: left;
    }

    .acronym {
      text-transform: uppercase;
    }

    b.keycap,
    .keycap {
      padding: 0.09em 0.3em;
      margin: 0;
    }
    
    .mousebutton {                                                                                                                                                       
      background-color: #fffaf0;  /* FloralWhite   */                                                                                                                    
      /* same as .keycap: */                                                                                                                                             
      padding: 0.09em 0.3em;                                                                                                                                             
      margin: 0;                                                                                                                                                         
      border: 1px solid #999;                                                                                                                                            
      -moz-border-radius: 0.3em;                                                                                                                                         
    }                                                                                                                                                                    
                                                                                                                                                                         
    div[class="segmentedlist"] tr[class="segtitle"] {                                                                                                                    
      color:            white;                                                                                                                                           
      background-color: #4d4d4d;  /* grey30         */                                                                                                                   
    }   
    
    .itemizedlist li {
      clear: none;
    }

    .filename {
      font-size: medium;
      font-family: Courier, monospace;
    }


    div.navheader, div.heading{
      background-color: #e5ceb0; /*#d6ba00; */
      width: 100%;
    }

    div.navfooter, div.footing{
      background-color: #e5ceb0; /*#d6ba00; */
      width: 100%;
    }


    div.navheader table {
      border-left: 0;
      border-right: 0;
      border-top: 0;
      width: 100%;
    }

    div.navfooter table {
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      width: 100%;
    }

    div.navheader table td a,
    div.navfooter table td a {
      color: #777;
      text-decoration: none;
    }

    /* normal text in the footer */
    div.navfooter table td {
      color: black;
    }

    div.navheader table td a:visited,
    div.navfooter table td a:visited {
      color: #444;
    }


    /* links in header and footer */
    div.navheader table td a:hover,
    div.navfooter table td a:hover {
      text-decoration: underline;
      background-color: transparent;
      color: #33a;
    }

    div.navheader hr,
    div.navfooter hr {
      display: none;
    }


    .qandaset tr.question td p {
      margin: 0 0 1em 0;
      padding: 0;
    }

    .qandaset tr.answer td p {
      margin: 0 0 1em 0;
      padding: 0;
    }
    .answer td {
      padding-bottom: 1.5em;
    }

    .emphasis {
      text-weight: bold;
    }


      /************* /
     / decorations  /
    / *************/

    .titlepage {
    }

    .part .title {
    }

    .subtitle {
        border: none;
    }

    h1 {
      border: none;
    }

    h2 {
      border-top: solid 0.2em;
      border-bottom: solid 0.06em;
    }

    h3 {
      border-top: 0;
      border-bottom: solid 0.06em;
    }

    h4 {
      border: 0;
      border-bottom: solid 0.06em;
    }

    h5 {
      border: 0;
    }

    .programlisting {
      border: solid 1px;
    }

    div.figure,
    div.table,
    div.informalfigure,
    div.informaltable,
    div.informalexample,
    div.example {
      border         : 1px solid;
    }



    .tip,
    .warning,
    .caution,
    .note {
      border    : 1px solid;
    }

    .tip table th,
    .warning table th,
    .caution table th,
    .note table th {
      border-bottom  : 1px solid;
    }

    .question td {
      border-top: 1px solid black;
    }

    .answer {
    }


    b.keycap,
    .keycap {
      border: 1px solid;
    }
      

    div.navheader, div.heading{
      border-bottom: 1px solid;
    }


    div.navfooter, div.footing{
      border-top: 1px solid;
    }

      /********* /
     /  colors  /
    / *********/

    body {
      color: #222;
      background: #fdfdfd;
    }

    a {
      color: #026;
      text-decoration: underline;
    }

    a:hover,
    a:visited {
      background: transparent;
      color: darkviolet;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7,
    h8 {
      background-color   : transparent;
    }

    hr {
      border-color: #aaa;
    }


    .tip, .warning, .caution, .note {
      border-color    : #aaa;
    }


    .tip table th,
    .warning table th,
    .caution table th,
    .note table th {
      border-bottom-color: #aaa;
    }


    .warning {
      background-color: #fea;
    }

    .caution {
      background-color: #fea;
    }

    .tip {
      background-color: #eff;
    }

    .note {
      background-color: #dfc;
    }

    .glossary dl dt, 
    .variablelist dl dt,
    .variablelist dl dt span.term {
      color: #044;
    }

    div.figure,
    div.table,
    div.example,
    div.informalfigure,
    div.informaltable,
    div.informalexample {
      border-color: #aaa;
    }

    pre.programlisting {
      color: black;
      background-color: #fff;
      border-color: #aaa;
    }

    .guibutton,
    .guimenu,
    .guilabel,
    .guisubmenu,
    .guimenuitem {
      background-color: #eee;
    }


    b.keycap,
    .keycap {
      background-color: #eee;
      border-color: #999;
    }


    div.navheader {
      border-color: black;
    }


    div.navfooter {
      border-color: black;
    }


      /*********** /
     /  graphics  /
    / ***********/

    /*
    body {
      background-image: url("images/body_bg.jpg");
      background-attachment: fixed;
    }

    .navheader,
    .note,
    .tip {
      background-image: url("images/note_bg.jpg");
      background-attachment: fixed;
    }

    .warning,
    .caution {
      background-image: url("images/warning_bg.jpg");
      background-attachment: fixed;
    }

    .figure,
    .informalfigure,
    .example,
    .informalexample,
    .table,
    .informaltable {
      background-image: url("images/figure_bg.jpg");
      background-attachment: fixed;
    }

    */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7{
    }

    div.preface .titlepage .title, 
    div.colophon .title, 
    div.chapter .titlepage .title {
      background-image: url("images/title-bg.png");
      background-position: bottom;
      background-repeat: repeat-x;
    }

    div.section div.section .titlepage .title,
    div.sect2 .titlepage .title {
        background: none;
    }


    h1.title {
      background-color: transparent;
      background-image: none;
    }

    h2.subtitle {
      background-color: transparent;
      background-image: none;
    }

      /*************************************** /
     /  gimp-help-2 specific alterations      /
    / ***************************************/

    /* titlepage */
    div.book .titlepage {
      padding-top: 300px; /* height of the splash image */
      background-image: url("images/gramps-splash.jpg");
      background-repeat: no-repeat;
    }

    /* revhistory */
    div.revhistory {
      margin-left: 0.5em;
      float: right;
      border: 1px dotted #aaa;
    }
    
    div.revhistory table {
      width: auto;
      border: 0;
    }
    
    div.revhistory table tr th,
    div.revhistory table tr td {
      border: 0;
    }
    
    div.revhistory table tr th,
    div.revhistory table tr td {
      color: #aaa;
      font-size: small;
    }

      /**************************************** /
     / mozilla vendor specific css extensions  /
    / ****************************************/

    div.figure,
    div.table,
    div.informalfigure,
    div.informaltable,
    div.informalexample,
    div.example,
    .tip,
    .warning,
    .caution,
    .note {
      -moz-border-radius: 0.5em;
    }

    b.keycap,
    .keycap {
      -moz-border-radius: 0.3em;
    }
}