* Implement the basic UI of the Actor popup
[armadillo.git] / 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 #ls {
22 list-style: none;
23 }
24
25 #ls li {
26 padding: .3em;
27 height: 1.5em;
28 line-height: 1.5em;
29 }
30
31 #ls li:nth-child(odd) {
32 background-color: rgb(223, 235, 246);
33 }
34 #ls li:nth-child(even) {
35 background-color: rgb(255, 255, 255);
36 }
37
38 #error {
39 border-style: solid;
40 border-width: .15em;
41 border-color: rgb(167, 40, 26);
42 border-radius: .2em;
43 padding: .2em;
44
45 background-color: rgba(167, 40, 26, 0.1);
46 color: rgb(0, 30, 30);
47 }
48
49 .actor {
50 width: 8.3em;
51 height: 8.3em;
52 position: absolute;
53 visibility: hidden;
54
55 background-color: rgb(77, 79, 83);
56
57 border-width: .3em;
58 border-color: rgb(77, 79, 83);
59 border-style: solid;
60 }
61
62 .actor .tile {
63 width: 4em;
64 height: 4em;
65 display: inline-block;
66 margin: .1em;
67
68 background: -webkit-gradient(
69 linear,
70 left bottom,
71 left top,
72 color-stop(1, rgb(224,225,221)),
73 color-stop(0, rgb(173,175,175))
74 );
75 background: -moz-linear-gradient(
76 center bottom,
77 rgb(224,225,221) 100%,
78 rgb(173,175,175) 0%
79 );
80
81 text-align: center;
82 }
83
84 .actor .tile .title {
85 font-size: 0.7em;
86 }