web_frontend/screen.css

   1 /*
   2  * Armadillo File Manager
   3  * Copyright (c) 2010, Robert Sesek <http://www.bluestatic.org>
   4  *
   5  * This program is free software: you can redistribute it and/or modify it under
   6  * the terms of the GNU General Public License as published by the Free Software
   7  * Foundation, either version 3 of the License, or any later version.
   8  */
   9
  10 body {
  11   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  12   padding: 1.5em;
  13   font-size: 1em;
  14   background-color: rgb(245, 245, 245);
  15 }
  16
  17 h1 {
  18   font-size: 2em;
  19 }
  20
  21 #footer {
  22   margin-top: 0.6em;
  23   font-size: 0.6em;
  24   text-align: right;
  25 }
  26
  27 .smallfont {
  28   font-size: 0.7em;
  29 }
  30
  31 #ls {
  32   list-style: none;
  33 }
  34
  35 #ls li {
  36   padding: .3em;
  37   height: 1.5em;
  38   line-height: 1.5em;
  39 }
  40
  41 #ls li:nth-child(odd) {
  42   background-color: rgb(223, 235, 246);
  43 }
  44 #ls li:nth-child(even) {
  45   background-color: rgb(255, 255, 255);
  46 }
  47
  48 #error {
  49   border-style: solid;
  50         border-width: .15em;
  51         border-color: rgb(167, 40, 26);
  52         border-radius: .2em;
  53         padding: .2em;
  54
  55   background-color: rgba(167, 40, 26, 0.1);
  56         color: rgb(0, 30, 30);
  57 }
  58
  59 .actor {
  60   width: 8.3em;
  61   height: 8.3em;
  62   position: absolute;
  63   visibility: hidden;
  64
  65   background-color: rgb(77, 79, 83);
  66
  67   border-width: .3em;
  68   border-color: rgb(77, 79, 83);
  69   border-style: solid;
  70 }
  71
  72 .actor .tile {
  73   width: 4em;
  74   height: 4em;
  75   display: inline-block;
  76   margin: .1em;
  77
  78   background: -webkit-gradient(
  79       linear,
  80       left bottom,
  81       left top,
  82       color-stop(1, rgb(224,225,221)),
  83       color-stop(0, rgb(173,175,175))
  84   );
  85   background: -moz-linear-gradient(
  86       center bottom,
  87       rgb(224,225,221) 100%,
  88       rgb(173,175,175) 0%
  89   );
  90
  91   text-align: center;
  92 }
  93
  94 .actor .tile .title {
  95   font-size: 0.7em;
  96 }
  97
  98 .modalDialog {
  99   position: absolute;
 100   background: white;
 101   border: 3px solid red;
 102   padding: 5px;
 103   z-index: 99999;
 104   top: 25%;
 105   width: 50%;
 106   left: 25%;
 107 }