EarlyBlue/help/helpFileLayout.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is Mozilla Help CSS
  15  *
  16  * The Initial Developer of the Original Code is
  17  * R.J. Keller
  18  * Portions created by the Initial Developer are Copyright (C) 2003
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *      Jeff Walden <jwalden+code@mit.edu>
  23  *      Steffen Wilberg <steffen.wilberg@web.de>
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the MPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the MPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 @import url('chrome://help/content/platformClasses.css');
  40
  41 body, td, th, input {
  42   font-family: verdana, sans-serif;
  43   font-size: small;
  44 }
  45
  46 body {
  47         margin: 2ex;
  48         max-width: 120ex;
  49 }
  50
  51 :link:hover,
  52 :visited:hover {
  53   color: -moz-activehyperlinktext;
  54 }
  55
  56 hr {
  57   height: 1px;
  58   background-color: #000;
  59   color: #000;
  60   margin: 2em 0;
  61 }
  62
  63 a[href^="http://"]:after,
  64 a[href^="https://"]:after {
  65   content: url('chrome://help/skin/Weblink.png');
  66 }
  67
  68 :link { color: #039; }
  69 :visited { color: #636; }
  70 :link:hover, :visited:hover { color: #333; }
  71 :link:active, :link:active { color: #000; }
  72
  73 h1 { font-size: 160%; font-weight: normal; }
  74 h2 { font-size: 150%; font-weight: normal; }
  75 h3 { font-size: 120%; }
  76 h4 { font-size: 100%; }
  77 h5 { font-size: 90%; }
  78 h6 { font-size: 90%; border: 0; }
  79
  80 h1, h2, h3, h4, h5, h6 {
  81   margin: 1em 0 0.2em 0;
  82   border-bottom: 1px solid #ccc;
  83   font-family: arial, verdana, sans-serif;
  84 }
  85
  86 li h1, li h2, li h3, li h4, li h5, li h6 {
  87   border: none;
  88 }
  89
  90
  91 dt { font-weight: bold; }
  92
  93 sup {
  94   font-size: 70%;
  95 }
  96
  97 :link img,
  98 :visited img {
  99   border: 0;
 100 }
 101
 102 .contentsBox,
 103 .contentsBox > ul,
 104 li {
 105         text-indent: 0px;
 106 }
 107
 108 .contentsBox > ul,
 109 .contentsBox ul > ul{
 110         margin: 0 0 0 0;
 111         list-style-type: none;
 112 }
 113
 114 .contentsBox {
 115         margin-top: 12px;
 116         background-color: #eee;
 117         border: 1px solid #ccc;
 118         width: 300px;
 119         padding: 1em;
 120 }
 121
 122 .menuPath {
 123   background: #c4d0f4; /* bluish color */
 124   color: inherit;
 125   -moz-padding-start:  1px; /* else bgcolor ends at last char - no space */
 126   -moz-padding-end: 1px;
 127 }
 128
 129 table {
 130   border-collapse: collapse;
 131 }
 132
 133 td, th {
 134   border: 1px solid #ddd;    /* grey */
 135   padding: 6px;
 136   vertical-align: top;
 137 }
 138
 139 th {
 140   background-color: #eee;    /* light grey */
 141   font-weight: bold;
 142   text-align: left;
 143 }
 144
 145 .noTableBorder,
 146 .noTableBorder td,
 147 .noTableBorder th {
 148         background-color: transparent;
 149         border: 0px solid transparent;
 150 }