stylesheets/gimp-help-screen.css

   1 /* This file is part of gimp-help-2. It is copyrighted under the GNU
   2    General Public License Version 2 which you can get from
   3    http://www.gnu.org
   4
   5    Browser wrangling and typographic design by
   6      Oyvind Kolas / pippin@gimp.org
   7
   8    Thanks to:
   9      Liam R. E. Quin
  10      William Skaggs
  11      Jakub Steiner
  12
  13     Version history:
  14     2007-08-26 lexa: changed color scheme to the one of the 2.4 GIMP.org page
  15     2007-07-10 ude: recolored variablelists within glossary
  16     2007-05-16 ude: added glossary quicklinks
  17     2007-05-14 ude: recolored very nested variablelists; left-aligned biblioentry
  18     2007-04-01 lexa: applied a suggestion from pierre to center images and
  19                captions instead of left aligning them
  20     2007-03-01 ude: recolored variablelists within a variablelist
  21 */
  22
  23 /*
  24   Fonts
  25 */
  26
  27 /* Questrial
  28 Used as Heading font
  29  */
  30 /* questrial-regular - latin */
  31 @font-face {
  32   font-family: 'Questrial';
  33   font-style: normal;
  34   font-weight: 400;
  35   src: url('/images/fonts/questrial-v6-latin-regular.eot'); /* IE9 Compat Modes */
  36   src: local('Questrial'), local('Questrial-Regular'),
  37        url('/images/fonts/questrial-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  38        url('/images/fonts/questrial-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  39        url('/images/fonts/questrial-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
  40        url('/images/fonts/questrial-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  41        url('/images/fonts/questrial-v6-latin-regular.svg#Questrial') format('svg'); /* Legacy iOS */
  42 }
  43 /* Open Sans
  44  * In use all over the place as body text
  45  * Mass-download + css for self-hosting courtesy of:
  46  * https://google-webfonts-helper.herokuapp.com
  47  */
  48
  49 /* Testing fix for missing diacritics on some glyphs...
  50  */
  51
  52 /* open-sans-300 - latin_cyrillic-ext_latin-ext_cyrillic */
  53 @font-face {
  54   font-family: 'Open Sans';
  55   font-style: normal;
  56   font-weight: 300;
  57   src: url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  58   src: local('Open Sans Light'), local('OpenSans-Light'),
  59        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  60        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
  61        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
  62        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
  63        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  64 }
  65 /* open-sans-300italic - latin_cyrillic-ext_latin-ext_cyrillic */
  66 @font-face {
  67   font-family: 'Open Sans';
  68   font-style: italic;
  69   font-weight: 300;
  70   src: url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300italic.eot'); /* IE9 Compat Modes */
  71   src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
  72        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  73        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  74        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */
  75        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  76        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  77 }
  78 /* open-sans-regular - latin_cyrillic-ext_latin-ext_cyrillic */
  79 @font-face {
  80   font-family: 'Open Sans';
  81   font-style: normal;
  82   font-weight: 400;
  83   src: url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  84   src: local('Open Sans'), local('OpenSans'),
  85        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  86        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
  87        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
  88        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  89        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  90 }
  91 /* open-sans-italic - latin_cyrillic-ext_latin-ext_cyrillic */
  92 @font-face {
  93   font-family: 'Open Sans';
  94   font-style: italic;
  95   font-weight: 400;
  96   src: url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
  97   src: local('Open Sans Italic'), local('OpenSans-Italic'),
  98        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  99        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
 100        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
 101        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
 102        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
 103 }
 104 /* open-sans-600 - latin_cyrillic-ext_latin-ext_cyrillic */
 105 @font-face {
 106   font-family: 'Open Sans';
 107   font-style: normal;
 108   font-weight: 600;
 109   font-weight: bold;
 110   src: url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600.eot'); /* IE9 Compat Modes */
 111   src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
 112        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 113        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
 114        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */
 115        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
 116        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */
 117 }
 118 /* open-sans-600italic - latin_cyrillic-ext_latin-ext_cyrillic */
 119 @font-face {
 120   font-family: 'Open Sans';
 121   font-style: italic;
 122   font-weight: 600;
 123   font-weight: bold;
 124   src: url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600italic.eot'); /* IE9 Compat Modes */
 125   src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
 126        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 127        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600italic.woff2') format('woff2'), /* Super Modern Browsers */
 128        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600italic.woff') format('woff'), /* Modern Browsers */
 129        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
 130        url('/theme/fonts/open-sans-v13-latin_cyrillic-ext_latin-ext_cyrillic-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
 131 }
 132
 133 @media screen {
 134   html{
 135     font: 100%/1.5 "Open Sans", sans-serif;
 136   }
 137 body {
 138   font-family: "Open Sans", sans-serif;
 139   font-size: 100%;
 140   padding: 0;
 141   margin: 0;
 142 }
 143 .book,.section,div.sect1,div.sect2,div.sect3,.simplesect,.chapter,.part,.preface,.glossary,.bibliography,.reference,.refentry,.appendix,.index
 144 {
 145   max-width: 55em;
 146   min-width: 15em;
 147   margin: 0 auto;
 148   margin-bottom: 2em;
 149   padding: 0 1em;
 150 }
 151 h1,h2,h3,h4,h5,h6 {
 152   clear: both;
 153   font-family: Questrial, "Open Sans", sans-serif;
 154 }
 155 h1 {
 156   font-weight: normal;
 157   font-size: 166%;
 158   text-align: left;
 159   clear: both;
 160   padding: 0;
 161   margin: 2em 0 0em 0em;
 162 }
 163 h2 {
 164   margin: 2em 0 0.66em 0em;
 165   padding: 0.5em 0 0em 0em;
 166   font-size: 142.14%;
 167   font-weight: normal;
 168 }
 169 h2.subtitle {
 170   margin: 0.10 0 3.0em 0;
 171   padding: 0;
 172   width: 80%;
 173   padding-left: 20%;
 174   font-weight: normal;
 175   font-style: italic;
 176   text-align: right;
 177 }
 178 h3 {
 179   margin: 1em 0 0.5em 0em;
 180   padding: 1em 0 0em 0em;
 181   font-size: 140%;
 182   font-weight: normal;
 183 }
 184 h3.subtitle {
 185   margin: 0 0em 1em 0em;
 186   padding: 0;
 187   font-size: 142.14%;
 188   font-weight: normal;
 189   text-align: right;
 190 }
 191 h4 {
 192   margin: 1em 0 0.5em 0em;
 193   padding: 1em 0 0em 0em;
 194   font-size: 120%;
 195   font-weight: normal;
 196 }
 197 h5 {
 198   margin: 1em 0 0.5em 0em;
 199   padding: 1em 0 0em 0em;
 200   font-size: 110.000%;
 201   border-bottom: 1px solid black;
 202 }
 203 h6 {
 204   margin: 1.5em 0 1.0em 0em;
 205   padding: 0;
 206   font-size: 105%;
 207   font-weight: bolder;
 208 }
 209 .authorgroup {
 210   float: right;
 211 }
 212 h3.author {
 213   margin: 0;
 214   padding: 0;
 215   font-weight: normal;
 216 }
 217 .author tt.email {
 218   font-size: 66%;
 219 }
 220 .titlepage hr {
 221   width: 0;
 222   clear: both;
 223 }
 224 .toc,.list-of-tables,.list-of-examples,.list-of-figures {
 225   padding: 1.33em 0 2.5em 0em;
 226 }
 227 .toc p,.list-of-tables p,.list-of-figures p,.list-of-examples p {
 228   padding: 0;
 229   padding: 0 0em 0.3em;
 230   margin: 1.5em 0 0 0;
 231 }
 232 .toc p b,.list-of-tables p b,.list-of-figures p b,.list-of-examples p b
 233 {
 234   font-weight: bold;
 235 }
 236 .toc dl,.list-of-tables dl,.list-of-figures dl,.list-of-examples dl {
 237   margin: 0 0 0.5em 0;
 238   padding: 0;
 239 }
 240 .toc dt {
 241   margin: 0;
 242   padding: 0;
 243 }
 244 .toc dd {
 245   margin: 0 0em 0em 2.6em;
 246   padding: 0;
 247 }
 248 div.glossary dl,div.variablelist dl {
 249
 250 }
 251 .glossary dl dt,.variablelist dl dt span.term {
 252   font-weight: normal;
 253 }
 254 .glossary dl dd,.variablelist dl dd {
 255   margin-left: 2.6em;
 256 }
 257 .glossary dd p,.variablelist dd p {
 258   margin-top: 0;
 259   margin-bottom: 1em;
 260 }
 261 div.calloutlist table {
 262   margin-top: 1em;
 263 }
 264 div.calloutlist table td {
 265   padding: 0;
 266   margin: 0;
 267 }
 268 div.calloutlist table td p {
 269   margin-top: 0;
 270   margin-bottom: 1em;
 271 }
 272 div.calloutlist table td img {
 273   margin-left: 2em;
 274 }
 275 div p.copyright {
 276   text-align: left;
 277 }
 278 div.legalnotice p.legalnotice-title {
 279   margin-bottom: 0;
 280 }
 281 p {
 282   text-align: justify;
 283   line-height: 142%;
 284   line-height: 1.5rem;
 285   margin: 1em 0;
 286 }
 287 .biblioentry p {
 288   text-align: left;
 289 }
 290 dl {
 291   padding-top: 0;
 292 }
 293 hr {
 294   border: solid 1px;
 295 }
 296 .mediaobject,.mediaobjectco,div.navheader table th {
 297   text-align: center;
 298 } /* only enabled if the containing block is dimensioned  */
 299 img {
 300   border: none;
 301 }
 302 .mediaobject {
 303   width: 600px;
 304 }
 305 /* this class must be dimensioned to allow a children positioning */
 306 /* in the relevant containing block */
 307 .mediaobject img,.mediaobjectco img {
 308   max-width: 36em;
 309 }
 310 /*
 311  * align two mediaobjects in a figure or an example besides each other
 312  */
 313 .figure .mediaobject,.example .mediaobject {
 314   display: table-cell;
 315   padding: 0.5em;
 316 }
 317 /*
 318  * floating images
 319  */
 320 .float-img {
 321   float:   right;
 322   display: block;
 323   margin:  0.5em 0.25em 0.5em 1.0em;
 324   padding: 0;
 325   width:   auto;
 326 }
 327 ul {
 328   padding: 0 0 0 1.5em;
 329 }
 330 ul li {
 331   padding: 0;
 332 }
 333 ul li p {
 334   text-align: left;
 335 }
 336 table {
 337   width: 100%;
 338 }
 339 th {
 340   padding: 0.25em;
 341   text-align: left;
 342   font-weight: normal;
 343   vertical-align: top;
 344 }
 345 td {
 346   padding: 0.25em;
 347   vertical-align: top;
 348 }
 349 p a [id],p a [id]:hover,p a [id]:visited {
 350   margin: 0;
 351   padding: 0;
 352   display: inline;
 353   background-image: none;
 354 }
 355 p a,p a:hover,p a:visited {
 356   margin-left: 5px;
 357   padding-left: 10px;
 358   background-image: url("images/link.png");
 359   background-repeat: no-repeat;
 360   background-position: center left;
 361 }
 362 /* suppress creating link icons and (Konqueror!) linebreaks */
 363 p > a.indexterm, li > a[id] {
 364   display: none;
 365 }
 366 pre {
 367   overflow: auto;
 368 }
 369 div.informalfigure,div.informalexample,div.informaltable,div.figure,div.table,div.example
 370 {
 371   margin: 1em 0;
 372   padding: 1em;
 373   page-break-inside: avoid;
 374 }
 375 p.title {
 376   color: #333;
 377   font-weight: normal;
 378 }
 379 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
 380 {
 381   padding-top: 0;
 382   margin-top: 0;
 383   font-weight: normal;
 384 }
 385 div.informalequation {
 386   padding-left: 4em;
 387 }
 388 .mediaobject .caption,.mediaobject .caption p {
 389   text-align: center;
 390 }
 391 .mediaobject .caption {
 392   padding-top: 0.5em;
 393 }
 394 .mediaobject .caption p {
 395   padding-top: 0;
 396 }
 397 .figure .mediaobject .caption {
 398   padding-top: 0.75em;
 399 }
 400 .simplesect .mediaobject {
 401   padding-top: 0.5em;
 402   padding-bottom: 1em;
 403 }
 404 .simplesect .mediaobject .caption {
 405   padding-top: 0;
 406   padding-bottom: 0;
 407 }
 408 .simplesect .mediaobject .caption p {
 409   padding-top: 1em;
 410   padding-bottom: 0;
 411 }
 412 /* avoid a large gap */
 413 .simplesect .mediaobject + p {
 414   margin-top: 0;
 415 }
 416 .epigraph {
 417   padding-left: 55%;
 418   margin-bottom: 1em;
 419 }
 420 .epigraph p {
 421   text-align: left;
 422 }
 423 .epigraph .quote {
 424   font-style: italic;
 425 }
 426 .epigraph .attribution {
 427   font-style: normal;
 428   text-align: right;
 429 }
 430 span.application {
 431   font-style: italic;
 432 }
 433 .programlisting {
 434   font-family: monospace;
 435   font-size: 80%;
 436   white-space: pre;
 437   margin: 1.33em 0;
 438   padding: 1.33em;
 439 }
 440 .tip .programlisting {
 441   white-space: pre-line; /* preserve newlines, but not spaces*/
 442   margin: 1em 0;
 443   padding: 0 0 0 4em;
 444 }
 445
 446 .literallayout {
 447   padding-left: 4em;
 448 }
 449 .literallayout .userinput {
 450   padding-left: 0;
 451 }
 452 .tip,.warning,.caution,.note,.important {
 453   margin-top: 1em;
 454   margin-bottom: 1em;
 455   padding: 0 10px;
 456 }
 457 /* force full width of table within div */
 458 .tip table,.warning table,.caution table,.note table,.important table {
 459   border: none;
 460   width: 100%;
 461 }
 462 .tip table th,.warning table th,.caution table th,.note table th,.important table th {
 463   padding: 0.8em 0.0 0.0em 0.0em;
 464   margin: 0;
 465 }
 466 .tip p,.warning p,.caution p,.note p,.important p {
 467   margin-top: 0.5em;
 468   margin-bottom: 0.5em;
 469   padding-right: 1em;
 470   text-align: left;
 471   color: #335522; /* IE fix */
 472 }
 473 .acronym {
 474   text-transform: uppercase;
 475 }
 476 b.keycap,.keycap {
 477   padding: 0.09em 0.3em;
 478   margin: 0;
 479 }
 480 .mousebutton {
 481   padding: 0.09em 0.3em;
 482   margin: 0;
 483   border: 1px solid;
 484   -moz-border-radius: 0.3em;
 485 }
 486 div.segmentedlist .segtitle {
 487   color: #eeeeec;
 488   background-color: #4d4d4d; /* grey30 */
 489 }
 490 .itemizedlist li {
 491   clear: none;
 492 }
 493 .filename {
 494   font-size: medium;
 495   font-family: Courier, monospace;
 496 }
 497 div.navheader,div.heading {
 498   background-color: #f57900;
 499   background-color: #0e2426;
 500   width: 100%;
 501 }
 502 div.navfooter,div.footing {
 503   background-color: #f57900;
 504   background-color: #0e2426;
 505   width: 100%;
 506   padding-bottom: 2rem;
 507 }
 508 div.navheader table {
 509   border-left: 0;
 510   border-right: 0;
 511   border-top: 0;
 512   width: 100%;
 513 }
 514 div.navfooter table {
 515   border-left: 0;
 516   border-right: 0;
 517   border-bottom: 0;
 518   width: 100%;
 519 }
 520 div.navheader table td a,div.navfooter table td a {
 521   color: #0e2426;
 522   color: #ecf0f1;
 523   text-decoration: none;
 524 }
 525 /* normal text in the footer */
 526 div.navfooter table td {
 527   color: #0e2426;
 528   color: #ecf0f1;
 529 }
 530 div.navheader table td a:visited,div.navfooter table td a:visited {
 531   color: #0e2426;
 532   color: #ecf0f1;
 533 }
 534 /* links in header and footer */
 535 div.navheader table td a:hover,div.navfooter table td a:hover {
 536   text-decoration: underline;
 537   background-color: transparent;
 538 }
 539 div.navheader hr,div.navfooter hr {
 540   display: none;
 541 }
 542 .qandaset tr.question td p {
 543   margin: 0 0 1em 0;
 544   padding: 0;
 545 }
 546 .qandaset tr.answer td p {
 547   margin: 0 0 1em 0;
 548   padding: 0;
 549 }
 550 .answer td {
 551   padding-bottom: 1.5em;
 552 }
 553 .emphasis {
 554   text-weight: bold;
 555 }
 556 /* glossary quicklinks */
 557 a[id="glossary-quicklinks"]+table[class="simplelist"] {
 558   font-size: smaller;
 559 }
 560 a[id="glossary-quicklinks"]+table[class="simplelist"] td {
 561   padding: 0.7ex;
 562   float: left;
 563 }
 564 .glossary dl dt,.variablelist dl dt,.variablelist dl dt span.term {
 565   font-weight: bolder;
 566 }
 567 /* variablelist within glossary entry */
 568 .glossdiv .variablelist dl dt span.term {
 569   font-weight: bolder;
 570 }
 571 /* Nested variablelist */
 572 .variablelist .variablelist dl dt,.variablelist .variablelist dl dt span.term
 573 {
 574   font-weight: normal;
 575   font-style: italic;
 576 }
 577 .variablelist .variablelist .variablelist dl dt,.variablelist .variablelist .variablelist dl dt span.term
 578 {
 579   font-weight: normal;
 580   font-style: italic;
 581 }
 582 /************* /
 583 / decorations  /
 584 / *************/
 585 .titlepage {
 586
 587 }
 588 .part .title {
 589
 590 }
 591 .subtitle {
 592   border: none;
 593 }
 594 h1 {
 595   border: none;
 596 }
 597 h2 {
 598   /* border-top: solid 0.2em; */
 599   border-bottom: solid 0.06em;
 600   border-bottom: solid 0.06em #aaa;
 601 }
 602 h3 {
 603   border-top: 0;
 604   border-bottom: solid 0.06em;
 605   border-bottom: solid 0.06em #aaa;
 606 }
 607 h4 {
 608   border: 0;
 609   border-bottom: solid 0.06em;
 610   border-bottom: solid 0.06em #aaa;
 611 }
 612 h5 {
 613   border: 0;
 614 }
 615 .programlisting {
 616   border: solid 1px;
 617 }
 618 div.figure,div.table,div.informalfigure,div.informaltable,div.informalexample,div.example
 619 {
 620   border: 1px solid;
 621 }
 622 div.figure div.informalfigure
 623 {
 624   border: 0;
 625 }
 626 .tip,.warning,.caution,.note,.important {
 627   border: 1px solid;
 628 }
 629 .tip table th,.warning table th,.caution table th,.note table th,.important table th {
 630   border-bottom: 1px solid;
 631   color: #335522;
 632 }
 633 .question td {
 634   border-top: 1px solid black;
 635 }
 636 .answer {
 637
 638 }
 639 b.keycap,.keycap {
 640   border: 1px solid;
 641 }
 642 div.navheader,div.heading {
 643   border-bottom: 1px solid;
 644 }
 645 div.navfooter,div.footing {
 646   border-top: 1px solid;
 647 }
 648 div.navfooter > .reportbug {
 649   font-size: small;
 650   display: block;
 651   padding: 0.2em;
 652   text-align: center;
 653   color: #0e2426;
 654   color: #ecf0f1;
 655 }
 656
 657 div.navheader .show_other_language {
 658   background: rgb(21, 21, 21);
 659   padding: 0.2em;
 660   font-size: small;
 661   text-align: center;
 662 }
 663 div.navheader .show_other_language a {
 664   margin: 0 0.2em;
 665   text-decoration: none;
 666 }
 667
 668 /********* /
 669 /  colors  /
 670 / *********/
 671 body {
 672         /*
 673   color: #eeeeec;
 674   background: #2e3436;
 675         */
 676 }
 677 a {
 678   color: #f57900;
 679   color: #497bad;
 680   text-decoration: underline;
 681 }
 682 a:hover,a:visited {
 683   color: #fcaf3e;
 684   color: #2a4c6f;
 685   background: transparent;
 686 }
 687 h1,h2,h3,h4,h5,h6 {
 688   background-color: transparent;
 689 }
 690 h1,h2,h3,h4,h5,div.toc {
 691   color: #999;
 692   color: #333;
 693 }
 694 h6 {
 695   color: #99b;
 696 }
 697 hr {
 698   border-color: #eeeeec;
 699 }
 700 .tip,.warning,.caution,.note,.important {
 701   line-height: 1.5rem;
 702   border-color: #111;
 703 }
 704 .tip table th,.warning table th,.caution table th,.note table th,.important table th {
 705   border-bottom-color: #2e3436;
 706 }
 707 .warning {
 708   color: #510;
 709   background-color: #fba;
 710 }
 711 .caution {
 712   color: #510;
 713   background-color: #fba;
 714 }
 715 .tip {
 716   color: #445;
 717   background-color: #eef;
 718 }
 719 .note {
 720   color: #352;
 721   background-color: #dfc;
 722 }
 723 .important {
 724   color: #352;
 725   background-color: #feb;
 726 }
 727 .glossary dl dt,.variablelist dl dt,.variablelist dl dt span.term {
 728   color: #99b;
 729 }
 730 /* variablelist within glossary entry */
 731 .glossdiv .variablelist dl dt span.term {
 732   color: #99b;
 733 }
 734 /* Nested variablelist */
 735 .variablelist .variablelist dl dt,.variablelist .variablelist dl dt span.term
 736 {
 737   color: #99c;
 738 }
 739 .variablelist .variablelist .variablelist dl dt,.variablelist .variablelist .variablelist dl dt span.term
 740 {
 741   color: #8ae;
 742 }
 743 /* glossary quicklinks */
 744 a[id="glossary-quicklinks"]+table[class="simplelist"] a {
 745   color: #7f7f7f; /* grey50 */
 746   text-decoration: none;
 747 }
 748 a[id="glossary-quicklinks"]+table[class="simplelist"] a:link {
 749   color: #7f7f7f; /* grey50 */
 750   text-decoration: none;
 751 }
 752 a[id="glossary-quicklinks"]+table[class="simplelist"] a:visited {
 753   color: #7f7f7f; /* grey50 */
 754   text-decoration: none;
 755 }
 756 a[id="glossary-quicklinks"]+table[class="simplelist"] a:hover {
 757   text-decoration: none;
 758   color: #eeeeec;
 759   background-color: blue;
 760 }
 761 div.figure,div.table,div.example,div.informalfigure,div.informaltable,div.informalexample
 762 {
 763   border-color: #eeeeec;
 764 }
 765 pre.programlisting {
 766   color: black;
 767   background-color: #eeeeec;
 768   border-color: #eeeeec;
 769 }
 770 .tip pre.programlisting {
 771   background-color: inherit;
 772   border: 0;
 773 }
 774
 775 .guimenu,.guisubmenu,.guimenuitem,.guilabel {
 776   color: #0e2426;
 777   border-color: #eeeeec;
 778   background-color: #999;
 779   background-color: #e6e6e6;
 780   white-space: nowrap;
 781 }
 782 /* these elements typically contain text and/or <img> */
 783 .guibutton,.guiicon {
 784   color: inherit;
 785   background-color: transparent;
 786   font-style: italic;
 787   font-weight: bolder;
 788   white-space: nowrap;
 789 }
 790 /* For text only (<guiicon><inlinemediaobject><textobject>) */
 791 .guiicon .inlinemediaobject span {
 792   color: #0e2426;
 793   background-color: #f0ffff;    /* azure */
 794   border: 1px solid #999999;    /* grey60 */
 795   font-style: italic;
 796   padding-left: 2px;
 797   padding-right: 2px;
 798 }
 799 b.keycap,.keycap {
 800   color: #0e2426;
 801   background-color: #eeeeec;
 802   border-color: #999;
 803 }
 804 .mousebutton {
 805   color: #0e2426;
 806   background-color: #eeeeec;
 807   border-color: #999;
 808 }
 809 div.navheader {
 810   color: #0e2426;
 811   color: #ecf0f1;
 812   border-color: black;
 813 }
 814 div.navfooter {
 815   color: #0e2426;
 816   border-color: black;
 817 }
 818 /*********** /
 819 /  graphics  /
 820 / ***********/ /*
 821 body {
 822 background-image: url("images/body_bg.jpg");
 823 background-attachment: fixed;
 824   }
 825
 826     .navheader,
 827     .note,
 828     .tip {
 829     background-image: url("images/note_bg.jpg");
 830     background-attachment: fixed;
 831   }
 832
 833     .warning,
 834     .caution {
 835     background-image: url("images/warning_bg.jpg");
 836     background-attachment: fixed;
 837   }
 838
 839     .figure,
 840     .informalfigure,
 841     .example,
 842     .informalexample,
 843     .table,
 844     .informaltable {
 845       background-image: url("images/figure_bg.jpg");
 846       background-attachment: fixed;
 847   }
 848
 849                 */
 850 div.preface .titlepage .title,div.colophon .title,div.chapter .titlepage .title
 851 {
 852   background-image: url("images/title-bg.png");
 853   background-position: bottom;
 854   background-repeat: repeat-x;
 855 }
 856 div.section div.section .titlepage .title,div.sect2 .titlepage .title {
 857   background: none;
 858 }
 859 h1.title {
 860   background-color: transparent;
 861   background-image: none;
 862 }
 863 h2.subtitle {
 864   background-color: transparent;
 865   background-image: none;
 866 }
 867 /*************************************** /
 868 /  gimp-help-2 specific alterations      /
 869 / ***************************************/
 870 /* titlepage */
 871 div.book .titlepage {
 872   padding-top: 400px; /* height of the splash image */
 873   background-image: url("images/gimp-splash.png");
 874   background-repeat: no-repeat;
 875 }
 876 /* revhistory */
 877 div.revhistory {
 878   margin-left: 0.5em;
 879   float: right;
 880   border: 1px dotted #aaa;
 881 }
 882 div.revhistory table {
 883   width: auto;
 884   border: 0;
 885 }
 886 div.revhistory table tr th,div.revhistory table tr td {
 887   border: 0;
 888 }
 889 div.revhistory table tr th,div.revhistory table tr td {
 890   color: #aaa;
 891   font-size: small;
 892 }
 893 /**************************************** /
 894 / mozilla vendor specific css extensions  /
 895 / ****************************************/
 896 div.figure,div.table,div.informalfigure,div.informaltable,div.informalexample,div.example,.tip,.warning,.caution,.note,.important
 897 {
 898   -moz-border-radius: 0.5em;
 899 }
 900 b.keycap,.keycap {
 901   -moz-border-radius: 0.3em;
 902 }
 903
 904 /********************************************************
 905 /* Equation PNGs are white on a white background for 2.9
 906 /* Changing equation background to be a neutral gray for
 907 /* legibility.
 908  * - patdavid
 909 /********************************************************/
 910 .equation-contents {
 911     background-color: #aaa;
 912     padding: 0.5rem;
 913 }
 914 }