home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-help-screen.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-05-03  |  13.3 KB  |  672 lines
  1. /* This file is part of gimp-help-2. It is copyrighted under the GNU
  2.    Free Documentation License Version 1.1 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. @media screen {
  23. body {
  24.   font-family: sans-serif;
  25.   font-size: 100%;
  26.   padding: 0;
  27.   margin: 0;
  28. }
  29. .book,.section,div.sect1,div.sect2,div.sect3,.simplesect,.chapter,.part,.preface,.glossary,.bibliography,.reference,.refentry,.appendix,.index
  30. {
  31.   max-width: 45em;
  32.   min-width: 15em;
  33.   margin: 0 auto;
  34.   margin-bottom: 2em;
  35. }
  36. h1,h2,h3,h4,h5,h6,h7 {
  37.   clear: both;
  38. }
  39. h1 {
  40.   font-weight: bold;
  41.   font-size: 166%;
  42.   text-align: left;
  43.   clear: both;
  44.   padding: 0;
  45.   margin: 2em 0 0em 0em;
  46. }
  47. h2 {
  48.   margin: 2em 0 0.66em 0em;
  49.   padding: 0.5em 0 0em 0em;
  50.   font-size: 142.14%;
  51.   font-weight: normal;
  52. }
  53. h2.subtitle {
  54.   margin: 0.10 0 3.0em 0;
  55.   padding: 0;
  56.   width: 80%;
  57.   padding-left: 20%;
  58.   font-weight: normal;
  59.   font-style: italic;
  60.   text-align: right;
  61. }
  62. h3 {
  63.   margin: 1em 0 0.5em 0em;
  64.   padding: 1em 0 0em 0em;
  65.   font-size: 140%;
  66.   font-weight: normal;
  67. }
  68. h3.subtitle {
  69.   margin: 0 0em 1em 0em;
  70.   padding: 0;
  71.   font-size: 142.14%;
  72.   font-weight: normal;
  73.   text-align: right;
  74. }
  75. h4 {
  76.   margin: 1em 0 0.5em 0em;
  77.   padding: 1em 0 0em 0em;
  78.   font-size: 120%;
  79.   font-weight: normal;
  80. }
  81. h5 {
  82.   margin: 1em 0 0.5em 0em;
  83.   padding: 1em 0 0em 0em;
  84.   font-size: 110.000%;
  85.   border-bottom: 1px solid black;
  86. }
  87. h6 {
  88.   margin: 1em 0 0em 0em;
  89.   padding: 1em 0 0em 0em;
  90.   font-size: 80%;
  91.   font-weight: normal;
  92. }
  93. .authorgroup {
  94.   float: right;
  95. }
  96. h3.author {
  97.   margin: 0;
  98.   padding: 0;
  99.   font-weight: normal;
  100. }
  101. .author tt.email {
  102.   font-size: 66%;
  103. }
  104. .titlepage hr {
  105.   width: 0;
  106.   clear: both;
  107. }
  108. .toc,.list-of-tables,.list-of-examples,.list-of-figures {
  109.   padding: 1.33em 0 2.5em 0em;
  110. }
  111. .toc p,.list-of-tables p,.list-of-figures p,.list-of-examples p {
  112.   padding: 0;
  113.   padding: 0 0em 0.3em;
  114.   margin: 1.5em 0 0 0;
  115. }
  116. .toc p b,.list-of-tables p b,.list-of-figures p b,.list-of-examples p b
  117. {
  118.   font-weight: bold;
  119. }
  120. .toc dl,.list-of-tables dl,.list-of-figures dl,.list-of-examples dl {
  121.   margin: 0 0 0.5em 0;
  122.   padding: 0;
  123. }
  124. .toc dt {
  125.   margin: 0;
  126.   padding: 0;
  127. }
  128. .toc dd {
  129.   margin: 0 0em 0em 2.6em;
  130.   padding: 0;
  131. }
  132. div.glossary dl,div.variablelist dl {
  133.  
  134. }
  135. .glossary dl dt,.variablelist dl dt span.term {
  136.   font-weight: normal;
  137. }
  138. .glossary dl dd,.variablelist dl dd {
  139.   margin-left: 2.6em;
  140. }
  141. .glossary dd p,.variablelist dd p {
  142.   margin-top: 0;
  143.   margin-bottom: 1em;
  144. }
  145. div.calloutlist table {
  146.   margin-top: 1em;
  147. }
  148. div.calloutlist table td {
  149.   padding: 0;
  150.   margin: 0;
  151. }
  152. div.calloutlist table td p {
  153.   margin-top: 0;
  154.   margin-bottom: 1em;
  155. }
  156. div.calloutlist table td img {
  157.   margin-left: 2em;
  158. }
  159. div p.copyright {
  160.   text-align: left;
  161. }
  162. div.legalnotice p.legalnotice-title {
  163.   margin-bottom: 0;
  164. }
  165. p {
  166.   text-align: justify;
  167.   line-height: 142%;
  168.   margin: 1em 0;
  169. }
  170. .biblioentry p {
  171.   text-align: left;
  172. }
  173. dl {
  174.   padding-top: 0;
  175. }
  176. hr {
  177.   border: solid 1px;
  178. }
  179. .mediaobject,.mediaobjectco,div.navheader table th {
  180.   text-align: center;
  181. } /* only enabled if the containing block is dimensioned  */
  182. img {
  183.   border: none;
  184. }
  185. .mediaobject {
  186.   width: 600px;
  187. }
  188. /* this class must be dimensioned to allow a children positioning in the relevant containing block */
  189. .mediaobject img,.mediaobjectco img {
  190.   max-width: 36em;
  191. }
  192. /*
  193.  * align two mediaobjects in a figure besides each other
  194.  */
  195. .figure .mediaobject {
  196.   display: table-cell;
  197.   padding: 0.5em;
  198. }
  199. ul {
  200.   padding: 0 0 0 1.5em;
  201. }
  202. ul li {
  203.   padding: 0;
  204. }
  205. ul li p {
  206.   text-align: left;
  207. }
  208. table {
  209.   width: 100%;
  210. }
  211. th {
  212.   padding: 0.25em;
  213.   text-align: left;
  214.   font-weight: normal;
  215.   vertical-align: top;
  216. }
  217. td {
  218.   padding: 0.25em;
  219.   vertical-align: top;
  220. }
  221. p a [id],p a [id]:hover,p a [id]:visited {
  222.   margin: 0;
  223.   padding: 0;
  224.   display: inline;
  225.   background-image: none;
  226. }
  227. p a,p a:hover,p a:visited {
  228.   margin-left: 5px;
  229.   padding-left: 10px;
  230.   background-image: url("../images/link.png");
  231.   background-repeat: no-repeat;
  232.   background-position: center left;
  233. }
  234. p > a.indexterm {
  235.   display: none;
  236. }
  237. pre {
  238.   overflow: auto;
  239. }
  240. div.informalfigure,div.informalexample,div.informaltable,div.figure,div.table,div.example
  241. {
  242.   margin: 1em 0;
  243.   padding: 1em;
  244.   page-break-inside: avoid;
  245. }
  246. 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
  247. {
  248.   padding-top: 0;
  249.   margin-top: 0;
  250.   font-weight: normal;
  251. }
  252. div.informalequation {
  253.   padding-left: 4em;
  254. }
  255. .mediaobject .caption,.mediaobject .caption p {
  256.   text-align: center;
  257.   padding-top: 0.5em;
  258.   padding-bottom: 0.5em;
  259. }
  260. .epigraph {
  261.   padding-left: 55%;
  262.   margin-bottom: 1em;
  263. }
  264. .epigraph p {
  265.   text-align: left;
  266. }
  267. .epigraph .quote {
  268.   font-style: italic;
  269. }
  270. .epigraph .attribution {
  271.   font-style: normal;
  272.   text-align: right;
  273. }
  274. span.application {
  275.   font-style: italic;
  276. }
  277. .programlisting {
  278.   font-family: monospace;
  279.   font-size: 80%;
  280.   white-space: pre;
  281.   margin: 1.33em 0;
  282.   padding: 1.33em;
  283. }
  284. .tip,.warning,.caution,.note {
  285.   margin-top: 1em;
  286.   margin-bottom: 1em;
  287. }
  288. /* force full width of table within div */
  289. .tip table,.warning table,.caution table,.note table {
  290.   border: none;
  291.   width: 100%;
  292. }
  293. .tip table th,.warning table th,.caution table th,.note table th {
  294.   padding: 0.8em 0.0 0.0em 0.0em;
  295.   margin: 0;
  296. }
  297. .tip p,.warning p,.caution p,.note p {
  298.   margin-top: 0.5em;
  299.   margin-bottom: 0.5em;
  300.   padding-right: 1em;
  301.   text-align: left;
  302.   color: #335522; /* IE fix */
  303. }
  304. .acronym {
  305.   text-transform: uppercase;
  306. }
  307. b.keycap,.keycap {
  308.   padding: 0.09em 0.3em;
  309.   margin: 0;
  310. }
  311. .mousebutton {
  312.   padding: 0.09em 0.3em;
  313.   margin: 0;
  314.   border: 1px solid;
  315.   -moz-border-radius: 0.3em;
  316. }
  317. div [class="segmentedlist"] tr [class="segtitle"] {
  318.   color: #eeeeec;
  319.   background-color: #4d4d4d; /* grey30 */
  320. }
  321. .itemizedlist li {
  322.   clear: none;
  323. }
  324. .filename {
  325.   font-size: medium;
  326.   font-family: Courier, monospace;
  327. }
  328. div.navheader,div.heading {
  329.   background-color: #f57900;
  330.   width: 100%;
  331. }
  332. div.navfooter,div.footing {
  333.   background-color: #f57900;
  334.   width: 100%;
  335. }
  336. div.navheader table {
  337.   border-left: 0;
  338.   border-right: 0;
  339.   border-top: 0;
  340.   width: 100%;
  341. }
  342. div.navfooter table {
  343.   border-left: 0;
  344.   border-right: 0;
  345.   border-bottom: 0;
  346.   width: 100%;
  347. }
  348. div.navheader table td a,div.navfooter table td a {
  349.   color: #0e2426;
  350.   text-decoration: none;
  351. }
  352. /* normal text in the footer */
  353. div.navfooter table td {
  354.   color: #0e2426;
  355. }
  356. div.navheader table td a:visited,div.navfooter table td a:visited {
  357.   color: #0e2426;
  358. }
  359. /* links in header and footer */
  360. div.navheader table td a:hover,div.navfooter table td a:hover {
  361.   text-decoration: underline;
  362.   background-color: transparent;
  363. }
  364. div.navheader hr,div.navfooter hr {
  365.   display: none;
  366. }
  367. .qandaset tr.question td p {
  368.   margin: 0 0 1em 0;
  369.   padding: 0;
  370. }
  371. .qandaset tr.answer td p {
  372.   margin: 0 0 1em 0;
  373.   padding: 0;
  374. }
  375. .answer td {
  376.   padding-bottom: 1.5em;
  377. }
  378. .emphasis {
  379.   text-weight: bold;
  380. }
  381. /* glossary quicklinks */
  382. a[id="glossary-quicklinks"]+table[class="simplelist"] {
  383.   font-size: smaller;
  384. }
  385. a[id="glossary-quicklinks"]+table[class="simplelist"] td {
  386.   padding: 0.7ex;
  387.   float: left;
  388. }
  389. .glossary dl dt,.variablelist dl dt,.variablelist dl dt span.term {
  390.   font-weight: bolder;
  391. }
  392. /* variablelist within glossary entry */
  393. .glossdiv .variablelist dl dt span.term {
  394.   font-weight: bolder;
  395. }
  396. /* Nested variablelist */
  397. .variablelist .variablelist dl dt,.variablelist .variablelist dl dt span.term
  398. {
  399.   font-weight: normal;
  400.   font-style: italic;
  401. }
  402. .variablelist .variablelist .variablelist dl dt,.variablelist .variablelist .variablelist dl dt span.term
  403. {
  404.   font-weight: normal;
  405.   font-style: italic;
  406. }
  407. /************* /
  408. / decorations  /
  409. / *************/
  410. .titlepage {
  411.  
  412. }
  413. .part .title {
  414.  
  415. }
  416. .subtitle {
  417.   border: none;
  418. }
  419. h1 {
  420.   border: none;
  421. }
  422. h2 {
  423.   border-top: solid 0.2em;
  424.   border-bottom: solid 0.06em;
  425. }
  426. h3 {
  427.   border-top: 0;
  428.   border-bottom: solid 0.06em;
  429. }
  430. h4 {
  431.   border: 0;
  432.   border-bottom: solid 0.06em;
  433. }
  434. h5 {
  435.   border: 0;
  436. }
  437. .programlisting {
  438.   border: solid 1px;
  439. }
  440. div.figure,div.table,div.informalfigure,div.informaltable,div.informalexample,div.example
  441. {
  442.   border: 1px solid;
  443. }
  444. .tip,.warning,.caution,.note {
  445.   border: 1px solid;
  446. }
  447. .tip table th,.warning table th,.caution table th,.note table th {
  448.   border-bottom: 1px solid;
  449.   color: #335522;
  450. }
  451. .question td {
  452.   border-top: 1px solid black;
  453. }
  454. .answer {
  455.  
  456. }
  457. b.keycap,.keycap {
  458.   border: 1px solid;
  459. }
  460. div.navheader,div.heading {
  461.   border-bottom: 1px solid;
  462. }
  463. div.navfooter,div.footing {
  464.   border-top: 1px solid;
  465. }
  466. /********* /
  467. /  colors  /
  468. / *********/
  469. body {
  470.   color: #eeeeec;
  471.   background: #2e3436;
  472. }
  473. a {
  474.   color: #f57900;
  475.   text-decoration: underline;
  476. }
  477. a:hover,a:visited {
  478.   color: #fcaf3e;
  479.   background: transparent;
  480. }
  481. h1,h2,h3,h4,h5,h6,h7,h8 {
  482.   background-color: transparent;
  483. }
  484. hr {
  485.   border-color: #eeeeec;
  486. }
  487. .tip,.warning,.caution,.note {
  488.   border-color: #111;
  489. }
  490. .tip table th,.warning table th,.caution table th,.note table th {
  491.   border-bottom-color: #2e3436;
  492. }
  493. .warning {
  494.   color: #510;
  495.   background-color: #fba;
  496. }
  497. .caution {
  498.   color: #510;
  499.   background-color: #fba;
  500. }
  501. .tip {
  502.   color: #445;
  503.   background-color: #eef;
  504. }
  505. .note {
  506.   color: #352;
  507.   background-color: #dfc;
  508. }
  509. .glossary dl dt,.variablelist dl dt,.variablelist dl dt span.term {
  510.   color: #99b;
  511. }
  512. /* variablelist within glossary entry */
  513. .glossdiv .variablelist dl dt span.term {
  514.   color: #99b;
  515. }
  516. /* Nested variablelist */
  517. .variablelist .variablelist dl dt,.variablelist .variablelist dl dt span.term
  518. {
  519.   color: #99b;
  520. }
  521. .variablelist .variablelist .variablelist dl dt,.variablelist .variablelist .variablelist dl dt span.term
  522. {
  523.   color: #99b;
  524. }
  525. /* glossary quicklinks */
  526. a[id="glossary-quicklinks"]+table[class="simplelist"] a {
  527.   color: #7f7f7f; /* grey50 */
  528.   text-decoration: none;
  529. }
  530. a[id="glossary-quicklinks"]+table[class="simplelist"] a:link {
  531.   color: #7f7f7f; /* grey50 */
  532.   text-decoration: none;
  533. }
  534. a[id="glossary-quicklinks"]+table[class="simplelist"] a:visited {
  535.   color: #7f7f7f; /* grey50 */
  536.   text-decoration: none;
  537. }
  538. a[id="glossary-quicklinks"]+table[class="simplelist"] a:hover {
  539.   text-decoration: none;
  540.   color: eeeeec;
  541.   background-color: blue;
  542. }
  543. div.figure,div.table,div.example,div.informalfigure,div.informaltable,div.informalexample
  544. {
  545.   border-color: #eeeeec;
  546. }
  547. pre.programlisting {
  548.   color: black;
  549.   background-color: #eeeeec;
  550.   border-color: #eeeeec;
  551. }
  552. .guimenu,.guisubmenu,.guimenuitem,.guilabel,.guibutton {
  553.   color: #0e2426;
  554.   border-color: #eeeeec;
  555.   background-color: #999;
  556. }
  557. /* For text only (<guiicon><inlinemediaobject><textobject>) */
  558. .guiicon .inlinemediaobject span {
  559.   color: #0e2426;
  560.   background-color: #f0ffff;    /* azure */
  561.   border: 1px solid #999999;    /* grey60 */
  562.   font-style: italic;
  563.   padding-left: 2px;
  564.   padding-right: 2px;
  565. }
  566. b.keycap,.keycap {
  567.   color: #0e2426;
  568.   background-color: #eeeeec;
  569.   border-color: #999;
  570. }
  571. .mousebutton {
  572.   color: #0e2426;
  573.   background-color: #eeeeec;
  574.   border-color: #999;
  575. }
  576. div.navheader {
  577.   color: #0e2426;
  578.   border-color: black;
  579. }
  580. div.navfooter {
  581.   color: #0e2426;
  582.   border-color: black;
  583. }
  584. /*********** /
  585. /  graphics  /
  586. / ***********/ /*
  587. body {
  588. background-image: url("images/body_bg.jpg");
  589. background-attachment: fixed;
  590.   }
  591.  
  592.     .navheader,
  593.     .note,
  594.     .tip {
  595.     background-image: url("images/note_bg.jpg");
  596.     background-attachment: fixed;
  597.   }
  598.  
  599.     .warning,
  600.     .caution {
  601.     background-image: url("images/warning_bg.jpg");
  602.     background-attachment: fixed;
  603.   }
  604.  
  605.     .figure,
  606.     .informalfigure,
  607.     .example,
  608.     .informalexample,
  609.     .table,
  610.     .informaltable {
  611.       background-image: url("images/figure_bg.jpg");
  612.       background-attachment: fixed;
  613.   }
  614.  
  615.                 */
  616. h1,h2,h3,h4,h5,h6,h7,div.toc {
  617.   color: #999
  618. }
  619. div.preface .titlepage .title,div.colophon .title,div.chapter .titlepage .title
  620. {
  621.   background-image: url("images/title-bg.png");
  622.   background-position: bottom;
  623.   background-repeat: repeat-x;
  624. }
  625. div.section div.section .titlepage .title,div.sect2 .titlepage .title {
  626.   background: none;
  627. }
  628. h1.title {
  629.   background-color: transparent;
  630.   background-image: none;
  631. }
  632. h2.subtitle {
  633.   background-color: transparent;
  634.   background-image: none;
  635. }
  636. /*************************************** /
  637. /  gimp-help-2 specific alterations      /
  638. / ***************************************/ /* titlepage */
  639. div.book .titlepage {
  640.   padding-top: 400px; /* height of the splash image */
  641.   background-image: url("../images/gimp-splash.png");
  642.   background-repeat: no-repeat;
  643. }
  644. /* revhistory */
  645. div.revhistory {
  646.   margin-left: 0.5em;
  647.   float: right;
  648.   border: 1px dotted #aaa;
  649. }
  650. div.revhistory table {
  651.   width: auto;
  652.   border: 0;
  653. }
  654. div.revhistory table tr th,div.revhistory table tr td {
  655.   border: 0;
  656. }
  657. div.revhistory table tr th,div.revhistory table tr td {
  658.   color: #aaa;
  659.   font-size: small;
  660. }
  661. /**************************************** /
  662. / mozilla vendor specific css extensions  /
  663. / ****************************************/
  664. div.figure,div.table,div.informalfigure,div.informaltable,div.informalexample,div.example,.tip,.warning,.caution,.note
  665. {
  666.   -moz-border-radius: 0.5em;
  667. }
  668. b.keycap,.keycap {
  669.   -moz-border-radius: 0.3em;
  670. }
  671. }
  672.