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