web_frontend/screen.css

   1 /*
   2  * Armadillo File Manager
   3  * Copyright (c) 2010-2011, 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 #mkdir {
  32   float: right !important;
  33 }
  34
  35 #ls {
  36   list-style: none;
  37 }
  38
  39 #ls li {
  40   padding: .3em;
  41   min-height: 1.5em;
  42   line-height: 1.5em;
  43 }
  44
  45 #ls li:nth-child(odd) {
  46   background-color: rgb(223, 235, 246);
  47 }
  48 #ls li:nth-child(even) {
  49   background-color: rgb(255, 255, 255);
  50 }
  51
  52 #ls li.file-selected {
  53   background-color: rgb(255, 208, 164);
  54 }
  55
  56 #ls li.file-active {
  57   background-color: rgb(255, 162, 74);
  58 }
  59
  60 #ls li a {
  61   text-decoration: underline;
  62 }
  63
  64 #error {
  65   border-style: solid;
  66   border-width: .15em;
  67   border-top-width: 0em;
  68   border-color: rgb(167, 40, 26);
  69   border-radius: 0em 0em .5em .5em;
  70   padding: .2em;
  71
  72   background-color: rgba(167, 40, 26, 0.3);
  73   color: rgb(0, 30, 30);
  74
  75   position: absolute;
  76   width: 75%;
  77   top: 0px;
  78   left: 0px;
  79   right: 0px;
  80   margin-left: auto;
  81   margin-right: auto;
  82 }
  83
  84 .actor {
  85   background-color: rgb(77, 79, 83);
  86
  87   padding: .1em;
  88
  89   border-width: .1em;
  90   border-color: rgb(0, 0, 0);
  91   border-style: solid;
  92 }
  93
  94 .tile {
  95   padding: 0em 1em 0em 1em;
  96   height: 2em;
  97   display: inline-block;
  98   margin: .1em;
  99
 100   background: -webkit-gradient(
 101       linear,
 102       left bottom,
 103       left top,
 104       color-stop(1, rgb(255,255,255)),
 105       color-stop(0, rgb(173,175,175))
 106   );
 107   background: -moz-linear-gradient(
 108       center bottom,
 109       rgb(255,255,255) 100%,
 110       rgb(173,175,175) 0%
 111   );
 112
 113   border-top-color: black;
 114   border-left-color: black;
 115   border-right-color: rgb(100, 100, 100);
 116   border-bottom-color: rgb(100, 100, 100);
 117   border-style: solid;
 118   border-width: .1em;
 119
 120   text-align: center;
 121   line-height: 1.75em;
 122 }
 123
 124 .tile .title {
 125   font-size: 0.7em;
 126 }
 127
 128 .tile:active {
 129   background: -webkit-gradient(
 130       linear,
 131       left bottom,
 132       left top,
 133       color-stop(0, rgb(255,255,255)),
 134       color-stop(1, rgb(173,175,175))
 135   );
 136   background: -moz-linear-gradient(
 137       center bottom,
 138       rgb(255,255,255) 0%,
 139       rgb(173,175,175) 100%
 140   );
 141 }
 142
 143 .modalDialog {
 144   position: absolute;
 145   background: white;
 146   border: 3px solid red;
 147   padding: 5px;
 148   z-index: 99999;
 149   top: 25%;
 150   width: 50%;
 151   left: 25%;
 152 }