LCARStrek/global/dirListing/dirListing.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @import url('chrome://global/skin/in-content/common.css');
   6
   7 :root {
   8   background-color: #000000;
   9   color: #FF9F00;
  10   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  11   -moz-padding-start: 2em;
  12   -moz-padding-end: 2em;
  13 }
  14
  15 body {
  16   border: 1px solid #9C9CFF;
  17   border-radius: 10px;
  18   padding: 3em;
  19   min-width: 30em;
  20   max-width: 65em;
  21   margin: 4em auto;
  22   background-color: #000000;
  23   color: #FF9F00;
  24 }
  25
  26 h1 {
  27   margin: 0 0 .6em;
  28   border-bottom: 1px solid #008484;
  29   font-size: 160%;
  30   font-weight: normal;
  31 }
  32
  33 a {
  34   text-decoration: none;
  35   color: #3333FF;
  36 }
  37
  38 td > a:visited {
  39   color: #8050B0;
  40 }
  41
  42 body > table > tbody > tr:hover a {
  43   color: #000000;
  44 }
  45
  46 p {
  47   font-size: 110%;
  48 }
  49
  50 #UI_goUp {
  51   margin-top: 0;
  52   float: left;
  53 }
  54
  55 #UI_goUp:hover {
  56   background-color: #FFCF00;
  57 }
  58 #UI_goUp:hover > a {
  59   color: #000000;
  60 }
  61
  62 #UI_goUp:-moz-dir(rtl) {
  63   float: right;
  64 }
  65
  66 #UI_showHidden {
  67   margin-top: 0;
  68   float: right;
  69 }
  70
  71 #UI_showHidden:-moz-dir(rtl) {
  72   float: left;
  73 }
  74
  75 /* HACK: as the checkbox is inside the label, we need to leave the ugle native checkbox */
  76 #UI_showHidden > label > input[type="checkbox"] {
  77   opacity: 1;
  78   position: static;
  79 }
  80 #UI_showHidden > label:hover {
  81   color: #FFCF00;
  82 }
  83
  84 table {
  85   clear: both;
  86   width: 90%;
  87   margin: 0 auto;
  88 }
  89
  90 thead {
  91   font-size: 130%;
  92 }
  93
  94 /* last modified */
  95 th:first-child {
  96   text-align: center !important;
  97 }
  98
  99 th:hover {
 100   background-color: #FFCF00;
 101 }
 102
 103 th:hover > a {
 104   color: #000000;
 105 }
 106
 107 body > table > tbody > tr:hover {
 108   background-color: #FFCF00;
 109   color: #000000;
 110 }
 111
 112 /* let 'Size' and 'Last Modified' take only as much space as they need and 'Name' all the rest */
 113 td:not(:first-child) {
 114   width: 0;
 115 }
 116
 117 .up {
 118   padding: 0 .5em;
 119   -moz-margin-start: 20px;
 120 }
 121
 122 .up::before {
 123   -moz-margin-end: 4px;
 124   -moz-margin-start: -20px;
 125   vertical-align: middle;
 126   content: url("chrome://global/skin/dirListing/up.png");
 127 }
 128
 129 #UI_goUp:hover > .up::before {
 130   content: url("chrome://global/skin/dirListing/up-hover.png");
 131 }