Create confirmation dialog for file deletion.
[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 }
87
88 /**
89 * Delete Confirmation Dialog
90 * From Google Closure Library
91 *
92 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
93 *
94 * Use of this source code is governed by an Apache 2.0 License.
95 * See the COPYING file for details.
96
97 * Standard styling for goog.ui.Dialog.
98 *
99 * @author ssaviano@google.com (Steven Saviano)
100 * @author attila@google.com (Attila Bodis)
101 */
102
103 .modal-dialog {
104 background: #c1d9ff;
105 border: 1px solid #3a5774;
106 color: #000;
107 padding: 4px;
108 position: absolute;
109 }
110
111 .modal-dialog a,
112 .modal-dialog a:link,
113 .modal-dialog a:visited {
114 color: #06c;
115 cursor: pointer;
116 }
117
118 .modal-dialog-bg {
119 background: #666;
120 left: 0;
121 position: absolute;
122 top: 0;
123 }
124
125 .modal-dialog-title {
126 background: #e0edfe;
127 color: #000;
128 cursor: pointer;
129 font-size: 120%;
130 font-weight: bold;
131 padding: 8px 15px 8px 8px;
132 position: relative;
133 _zoom: 1; /* Ensures proper width in IE6 RTL. */
134 }
135
136 .modal-dialog-title-close {
137 /* Client apps may override the URL at which they serve the sprite. */
138 background: #e0edfe url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -528px 0;
139 cursor: default;
140 height: 15px;
141 position: absolute;
142 right: 10px;
143 top: 8px;
144 width: 15px;
145 vertical-align: middle;
146 }
147
148 .modal-dialog-buttons,
149 .modal-dialog-content {
150 background-color: #fff;
151 padding: 8px;
152 }
153
154 .goog-buttonset-default {
155 font-weight: bold;
156 }
157