Projet

Général

Profil

Télécharger (4,3 ko) Statistiques
| Branche: | Tag: | Révision:

root / corbo / static / css / corbo.css @ 6a3e75ef

1
@font-face {
2
  font-family: 'FontAwesome';
3
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
4
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
5
  font-weight: normal;
6
  font-style: normal;
7
}
8

    
9
.icon:before, .icon:after {
10
    font-family: FontAwesome;
11
}
12

    
13

    
14
body {
15
    margin: 0;
16
}
17

    
18
a:link, a:visited, a:hover {
19
    text-decoration: none;
20
    color: #000;
21
}
22

    
23
header h1 {
24
    padding: 5px 10px;
25
    border-bottom: 1px solid #000;
26
    background: #aab8d0;
27
}
28

    
29
footer {
30
    padding: 3px;
31
    border-top: 1px solid #aaa;
32
    font: normal .7em Arial;
33
    text-align: center;
34
}
35

    
36
div#content {
37
    padding: 0 10px;
38
}
39

    
40
ul.announces {
41
    margin: 0;
42
    padding: 0;
43
}
44

    
45
ul.announces li, ul.auth li, #management ul li {
46
    list-style-type: none;
47
    padding: .1em .5em;
48
}
49

    
50
li.bright {
51
    background: #fff;
52
}
53

    
54
li.bluesky {
55
    background: #d3d8e8 !important;
56
}
57

    
58
div.pub_time {
59
    float: right;
60
    font: bold Arial .8em;
61
}
62

    
63
div.clear {
64
    clear: both;
65
}
66

    
67
ul.pagination {
68
    font-size: .8em;
69
    margin: 0;
70
    padding: 0;
71
}
72

    
73
#management ul.pagination li {
74
    display: inline;
75
    margin: 0 2px;
76
}
77

    
78
ul.pagination li.current {
79
    border: 0;
80
}
81

    
82
ul.pagination a {
83
    color: #000;
84
}
85

    
86
ul.pagination li.next a:before {
87
    content: '\f105';
88
}
89

    
90
ul.pagination li.prev a:before {
91
    content: '\f104';
92
}
93

    
94
ul.auth {
95
    border-radius: .2em;
96
    -moz-border-radius: .2em;
97
    -webkit-border-radius: .2em;
98
    width: 20em;
99
    border: 1px solid #777;
100
    margin: 0 auto;
101
    padding: 10px;
102
    background: #ccc;
103
}
104

    
105
.tip {
106
    font-size: .8em;
107
}
108

    
109
ul.auth label {
110
    float: left;
111
    font: bold .8em Arial;
112
    width: 7em;
113
}
114

    
115
ul.auth ul.errorlist {
116
    padding-left: 6em;
117
}
118

    
119
ul.auth ul.errorlist li {
120
    margin: 0;
121
    padding: 0;
122
    color: #f00;
123
    font-size: .8em;
124
}
125

    
126
ul.auth input, ul.auth button {
127
    border: 1px solid #777;
128
    font-weight: bold;
129
}
130

    
131
ul.auth button {
132
    background: #5c7fff;
133
    color: #fff;
134
}
135

    
136
div.user {
137
    font-weight: bold;
138
    font-size: .9em;
139
    float: right;
140
    margin: 0 10px;
141
    padding: 3px;
142
    border: 1px solid #777;
143
    border-top: 0;
144
    border-radius: 0 0 .3em .3em;
145
    background: #ddd;
146
}
147

    
148
div.user a.logout:before {
149
    content: '\f08b';
150
    margin-left: .4em;
151
}
152

    
153
#management {
154
    margin: 1em 0 .5em 0;
155
}
156

    
157
#management ul {
158
    margin: 1em 0 0 0;
159
    padding: 0;
160
}
161

    
162
#management ul li {
163
    padding: 5px;
164
    border: 1px solid #aaa;
165
    background: #eee;
166
    margin:2px 0;
167
    border-radius: .3em;
168
    position: relative;
169
}
170

    
171
#management h4 {
172
    margin: .4em 0;
173
}
174

    
175
.title {
176
    font-size: .9em;
177
    font-weight: bold;
178
}
179

    
180
.preview {
181
    padding-left: 10px;
182
    font-size: .8em;
183
    color: #777;
184
}
185

    
186
.actions {
187
    position: absolute;
188
    top: 2px;
189
    right: 5px;
190
}
191

    
192
.status {
193
    position: absolute;
194
    padding: 2px;
195
    top: 3px;
196
    left: 3px;
197
    bottom: 3px;
198
    width: 20px;
199
}
200

    
201
.edit:before {
202
    content: '\f044';
203
}
204

    
205
.delete:before {
206
    content: '\f1f8';
207
}
208

    
209
.status .icon {
210
    color: #888;
211
}
212

    
213
.status .published:before {
214
    content: '\f1ea';
215
}
216

    
217
.status .unpublished:before {
218
    content: '\f06a';
219
}
220

    
221
.status .expired:before {
222
    content: '\f0f6';
223
}
224

    
225
.announce {
226
    margin-left: 25px;
227
    width: 65%;
228
}
229

    
230
#management .datetime {
231
    width: 15%;
232
    float: right;
233
    margin-right: 35px;
234
}
235

    
236
.empty {
237
    text-align: center;
238
    width: 20em;
239
    color: #aaa;
240
    margin: 0 auto;
241
}
242

    
243
.categories {
244
    float: right;
245
}
246

    
247
.categories select {
248
    border: 1px solid #aaa;
249
    display: inline;
250
}
251

    
252
.categories a, #management > span a {
253
    color: #000;
254
    padding: 1px 3px;
255
    margin: 0;
256
    font-weight: bold;
257
    font-size: .75em;
258
}
259

    
260
a.add:before {
261
    content: '\f067';
262
    padding-right:3px;
263
}
264

    
265
form ul li {
266
    list-style-type: none;
267
    margin: 5px 0;
268
}
269

    
270
li.datetime:after {
271
    margin-left: 5px;
272
    font-family: FontAwesome;
273
    content: '\f073';
274
    color: #555;
275
}
276

    
277
form ul li label {
278
    display: block;
279
}
280

    
281
#id_transport_channel li, #id_transport_channel label {
282
    display: inline;
283
}
284

    
285
.content {
286
    width: 50%;
287
    margin: auto;
288
}
289

    
290
.unsubscription {
291
    background: #e6db74;
292
    border: 1px solid #aaa;
293
    padding: 5px;
294
}
295

    
296
.info {
297
    background: #a6e22e;
298
    border: 1px solid #aaa;
299
    padding: 5px;
300
}
    (1-1/1)