various UI improvements
[coquelicot.git] / views / style.sass
1 @charset "utf-8"
2 /*
3  * Coquelicot: "one-click" file sharing with a focus on users' privacy.
4  * Copyright © 2010-2012 potager.org <jardiniers@potager.org>
5  *           © 2011 mh / immerda.ch <mh+coquelicot@immerda.ch>
6  *
7  * This program is free software: you can redistribute it and/or modify
8  * it under the terms of the GNU Affero General Public License as
9  * published by the Free Software Foundation, either version 3 of the
10  * License, or (at your option) any later version.
11  *
12  * This program is distributed in the hope that it will be useful,
13  * but WITHOUT ANY WARRANTY; without even the implied warranty of
14  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
15  * GNU Affero General Public License for more details.
16  *
17  * You should have received a copy of the GNU Affero General Public License
18  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
19  */
20
21 body
22   background: no-repeat fixed 50% 100% #70794e url('images/background.jpg')
23   font-family: Georgia
24   color: darkgreen
25
26 a, a:visited
27   text-decoration: underline
28   color: blue
29
30 .error
31   background-color: red
32   color: white
33   border: black solid 1px
34
35 h1
36   margin-top: 0.1ex
37   border-bottom: solid 1px #b60a00
38   text-align: center
39
40 h2
41   border-bottom: solid 1px #b60a00
42
43 #header
44   width: 550px
45   margin-top: 1.5em
46   margin-bottom: 0.1em
47   margin-left: auto
48   margin-right: auto
49   padding-right: 25px
50   text-align: right
51   font-size: small
52
53 #header a
54   text-decoration: none
55   color: #ccc
56
57 #container
58   width: 550px
59   margin-bottom: 2em
60   margin-left: auto
61   margin-right: auto
62   border-radius: 25px
63   -moz-border-radius: 25px
64   -webkit-border-radius: 25px
65   background: white
66   border: solid 1px black
67   padding: 5px 25px
68
69 .url
70   text-align: center
71
72 .url .ready
73   font-size: 120%
74   width: 80%
75   text-align: center
76
77 .again
78   margin-top: 1ex
79   text-align: right
80
81 .field label
82   display: block
83   float: left
84   width: 70%
85
86 fieldset
87   border: none
88   clear: left
89   padding: 0
90   margin-bottom: 8px
91
92 .radio
93   margin-left: 0px
94
95 .radio label
96   display: inline
97   text-align: left
98   float: none
99
100 .input, .random-pass
101   clear: left
102   margin: 0 5px 2px 0
103   width: 100%
104
105 .random-pass
106   font-family: monospace
107   font-size: large
108   color: black
109   line-height: 20px
110
111 #gen_pass
112   font-size: small
113   text-align: right
114   display: block
115   float: left
116   width: 29%
117
118 .field
119   clear: left
120   margin-bottom: 8px
121
122 .submit
123   text-align: center
124   margin-top: 8px
125
126 #progress
127   margin: 8px
128   width: 220px
129   height: 19px
130
131 #progressbar
132   background: url('images/ajax-loader.gif') no-repeat
133   width: 0px
134   height: 19px
135
136 #auth-message
137   clear: both
138   color: red
139   text-align: center
140
141 #footer
142   position: fixed
143   bottom: 0
144   clear: both
145   width: 100%
146   padding-top: 0.5em
147   padding-bottom: 0.2em
148   border-top: dashed 1px black
149   text-align: center
150   color: #ccc
151   font-size: small
152
153 #footer a, #footer a:visited
154   color: #ccc
155   text-decoration: underline
156
157 #upload-authentication .field label
158   margin: 0 5px 1px 0
159
160 #upload-authentication .submit
161   float: right
162   margin: 1px 22px