michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: :root {
michael@0:   background-color: -moz-dialog;
michael@0:   color: -moz-dialogtext;
michael@0:   font: message-box;
michael@0:   padding-left: 2em;
michael@0:   padding-right: 2em;
michael@0: }
michael@0: 
michael@0: body {
michael@0:   border: 1px solid ThreeDShadow;
michael@0:   border-radius: 10px;
michael@0:   padding: 3em;
michael@0:   min-width: 30em;
michael@0:   max-width: 65em;
michael@0:   margin: 4em auto;
michael@0:   background-color: -moz-field;
michael@0:   color: -moz-fieldtext;
michael@0: }
michael@0: 
michael@0: h1 {
michael@0:   font-size: 160%;
michael@0:   margin: 0 0 .6em;
michael@0:   border-bottom: 1px solid ThreeDLightShadow;
michael@0:   font-weight: normal;
michael@0: }
michael@0: 
michael@0: a {
michael@0:   text-decoration: none;
michael@0: }
michael@0: 
michael@0: a:hover {
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: p {
michael@0:   font-size: 110%;
michael@0: }
michael@0: 
michael@0: #UI_goUp {
michael@0:   margin-top: 0;
michael@0:   float: left;
michael@0: }
michael@0: 
michael@0: #UI_goUp:-moz-dir(rtl) {
michael@0:   float: right;
michael@0: }
michael@0: 
michael@0: #UI_showHidden {
michael@0:   margin-top: 0;
michael@0:   float: right;
michael@0: }
michael@0: 
michael@0: #UI_showHidden:-moz-dir(rtl) {
michael@0:   float: left;
michael@0: }
michael@0: 
michael@0: table {
michael@0:   clear: both;
michael@0:   width: 90%;
michael@0:   margin: 0 auto;
michael@0: }
michael@0: 
michael@0: thead {
michael@0:   font-size: 130%;
michael@0: }
michael@0: 
michael@0: /* last modified */
michael@0: th:last-child {
michael@0:   text-align: center;
michael@0: }
michael@0: 
michael@0: th:hover > a {
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: body > table > tbody > tr:hover {
michael@0:   outline: 1px solid ThreeDLightShadow;
michael@0:   -moz-outline-radius: .3em;
michael@0: }
michael@0: 
michael@0: /* let 'Size' and 'Last Modified' take only as much space as they need and 'Name' all the rest */
michael@0: td:not(:first-child) {
michael@0:   width: 0;
michael@0: }
michael@0: 
michael@0: .up {
michael@0:   padding: 0 .5em;
michael@0:   -moz-margin-start: 20px;
michael@0: }
michael@0: 
michael@0: .up::before {
michael@0:   -moz-margin-end: 4px;
michael@0:   -moz-margin-start: -20px;
michael@0:   vertical-align: middle;
michael@0: %ifdef MOZ_WIDGET_GTK
michael@0:   content: url(moz-icon://stock/gtk-go-up?size=menu);
michael@0: %else
michael@0:   content: url(chrome://global/skin/dirListing/up.png);
michael@0: %endif
michael@0: }
michael@0: 
michael@0: .dir::before {
michael@0: %ifdef MOZ_WIDGET_GTK
michael@0:   content: url(moz-icon://stock/gtk-directory?size=menu);
michael@0: %else
michael@0:   content: url(chrome://global/skin/dirListing/folder.png);
michael@0: %endif
michael@0: }
michael@0: