improve dirListing design

[themes.git] / EarlyBlue / help / helpFileLayout.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url('chrome://help/content/platformClasses.css');

body, td, th, input {
  font-family: verdana, sans-serif;
  font-size: small;
}

body {
	margin: 2ex;
	max-width: 120ex;
}

:link:hover,
:visited:hover {
  color: -moz-activehyperlinktext;
}

hr {
  height: 1px;
  background-color: #000;
  color: #000;
  margin: 2em 0;
}

a[href^="http://"]:after,
a[href^="https://"]:after {
  content: url('chrome://help/skin/Weblink.png');
}

:link { color: #039; }
:visited { color: #636; }
:link:hover, :visited:hover { color: #333; }
:link:active, :link:active { color: #000; }

h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.2em;
  border-bottom: 1px solid #ccc;
  font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
}

li h1, li h2, li h3, li h4, li h5, li h6 {
  border: none;
}


dt { font-weight: bold; }

sup {
  font-size: 70%;
}

:link img,
:visited img {
  border: 0;
}

.contentsBox, 
.contentsBox > ul,
li {
	text-indent: 0px;
}

.contentsBox > ul,
.contentsBox ul > ul{
	margin: 0;
	list-style-type: none;
}

.contentsBox {
	margin-top: 12px;
	background-color: #eee;
	border: 1px solid #ccc;
	width: 300px;
	padding: 1em;
}

.menuPath {
  background: #c4d0f4; /* bluish color */
  color: inherit;
  -moz-padding-start:  1px; /* else bgcolor ends at last char - no space */
  -moz-padding-end: 1px;
}

table {
  border-collapse: collapse;
}

td, th {
  border: 1px solid #ddd;    /* grey */
  padding: 6px;
  vertical-align: top;
}

th {
  background-color: #eee;    /* light grey */
  font-weight: bold;
  text-align: startt;
}

.noTableBorder,
.noTableBorder td,
.noTableBorder th {
	background-color: transparent;
	border: 0px solid transparent;
}