implement file format 2.0
[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 h2
40   border-bottom: solid 1px #b60a00
41
42 #container
43   width: 550px
44   margin: 2em auto
45   border-radius: 25px
46   -moz-border-radius: 25px
47   -webkit-border-radius: 25px
48   background: white
49   border: solid 1px black
50   padding: 5px 25px
51
52 .url
53   text-align: center
54
55 .url a
56   text-decoration: none
57   color: black
58
59 .url .base
60   display: block
61   font-size: small
62
63 .url .name
64   display: block
65   font-size: x-large
66   white-space: nowrap
67
68 .again
69   margin-top: 1ex
70   text-align: right
71
72 .field label
73   float: left
74   width: 12em
75   text-align: right
76   margin: 0 5px 2px 0
77
78 fieldset
79   border: none
80
81 .radio
82   clear: left
83   margin-left: 11.8em
84
85 .radio input
86   float: left
87   margin: 2px 5px 0 0
88
89 .radio label
90   text-align: left
91   width: 17em
92
93 .input, .random-pass
94   margin: 0 5px 2px 0
95   float: left
96   width: 220px
97
98 .random-pass
99   font-family: monospace
100   font-size: large
101   color: black
102
103 #gen_pass
104   font-size: small
105
106 .field
107   clear: left
108
109 .submit
110   text-align: center
111   margin-top: 5px
112
113 #progress
114   margin: 8px
115   width: 220px
116   height: 19px
117
118 #progressbar
119   background: url('images/ajax-loader.gif') no-repeat
120   width: 0px
121   height: 19px
122
123 #auth-message
124   clear: both
125   color: red
126   text-align: center
127
128 #footer
129   position: fixed
130   bottom: 0
131   clear: both
132   width: 100%
133   padding-top: 0.5em
134   padding-bottom: 0.2em
135   border-top: dashed 1px black
136   text-align: center
137   color: #ccc
138   font-size: small
139
140 #footer a, #footer a:visited
141   color: #ccc
142   text-decoration: underline
143
144 #upload-authentication .field label
145   margin: 0 5px 1px 0
146
147 #upload-authentication .submit
148   float: right
149   margin: 1px 22px