prefer Liberation Sans font above others

[themes.git] / EarlyBlue / global / dirListing / dirListing.css

diff --git a/EarlyBlue/global/dirListing/dirListing.css b/EarlyBlue/global/dirListing/dirListing.css
index 6ff4be847111c7a9c73a7093b0f6c855f2966207..a2afd972d1175efd9412534fcc05abeb50220347 100644 (file)
--- a/EarlyBlue/global/dirListing/dirListing.css
+++ b/EarlyBlue/global/dirListing/dirListing.css
@@ -19,6 +19,7 @@
  * the Initial Developer. All Rights Reserved.
  *
  * Contributor(s):
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -37,22 +38,24 @@
 :root {
   background-color: #CCD0DD;
   color: #000000;
-  font: 12px helvetica,arial,tahoma,sans-serif;
+  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+  -moz-padding-start: 2em;
+  -moz-padding-end: 2em;
 }
 
 body {
   border: 1px solid #666699;
   -moz-border-radius: 10px;
   padding: 3em;
-  min-width: 13em;
-  max-width: 52em;
+  min-width: 30em;
+  max-width: 65em;
   margin: 4em auto;
   background-color: #9999CC;
   color: #000000;
 }
 
 h1 {
-  margin: 0 0 .6em 0;
+  margin: 0 0 .6em;
   border-bottom: 1px solid #666699;
   font-size: 160%;
   font-weight: normal;
@@ -75,13 +78,17 @@ p {
   float: left;
 }
 
+body[dir="rtl"] #UI_goUp {
+  float: right;
+}
+
 #UI_showHidden {
   margin-top: 0;
   float: right;
 }
 
-#UI_showHidden:not(:hover) {
-  color: #808080;
+body[dir="rtl"] #UI_showHidden {
+  float: left;
 }
 
 table {
@@ -94,53 +101,33 @@ thead {
   font-size: 130%;
 }
 
-th {
-  font-weight: normal;
-}
-
-th:first-child ,
-th:first-child + th {
-  padding-right: 2em;
+/* last modified */
+th:first-child {
+  text-align: center !important;
 }
 
-table[order] th:hover {
+th:hover > a {
   text-decoration: underline;
 }
 
-tbody > tr:not(:hover) > td:not(:first-child) {
-  color: #808080;
+tbody > tr:hover {
+  outline: 1px solid #808080;
+  outline-radius: .3em;
 }
 
 /* let 'Size' and 'Last Modified' take only as much space as they need and 'Name' all the rest */
-td:first-child + td ,
-td:first-child + td + td ,
-td:last-child {
+td:not(:first-child) {
   width: 0;
 }
 
-.up ,
-.dir ,
-.symlink ,
-.file {
+.up {
   padding: 0 .5em;
-  margin-left: 20px;
-}
-
-.up::before ,
-.dir::before ,
-.file > img {
-  margin-right: 4px;
-  margin-left: -20px;
-  opacity: .6;
-  vertical-align: middle;
+  -moz-margin-start: 20px;
 }
 
 .up::before {
+  -moz-margin-end: 4px;
+  -moz-margin-start: -20px;
+  vertical-align: middle;
   content: url("chrome://global/skin/dirListing/up.png");
 }
-
-.up:hover::before ,
-tr:hover > td > a::before ,
-tr:hover > td > .file > img {
-  opacity: 1;
-}