835 lines
15 KiB
CSS
835 lines
15 KiB
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;
|
|
}
|
|
}
|