Projet

Général

Profil

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

calebasse / calebasse / static / css / agenda.css @ dce0454a

1
br.clear {
2
    clear: both;
3
}
4

    
5
td#dispos {
6
	vertical-align: top;
7
}
8

    
9
td#dispos h5 {
10
    margin: 5px auto;
11
    text-align: center;
12
}
13

    
14
#users {
15
    font: normal .8em Arial;
16
}
17

    
18
#users dt {
19
    background: #eee;
20
    border: 1px solid #ddd;
21
    padding: .1em;
22
    border-radius: .2em;
23
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
24
    -moz-border-radius: .2em;
25
    -webkit-border-radius: .2em;
26
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
27
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
28
}
29

    
30
#users li:hover .icon-toggle {
31
    display: block;
32
}
33

    
34
.icon-print:before {
35
    content: "\f02f";
36
    margin-right: 5px;
37
}
38

    
39
.icon-check:before {
40
    content: "\f046";
41
    margin-right: 5px;
42
}
43

    
44
.icon-uncheck:before {
45
    content: "\f096";
46
    margin-right: 5px;
47
}
48

    
49
#users .icon-toggle {
50
    float: right;
51
    display: none;
52
}
53

    
54
#users .icon-toggle:before {
55
    content: "\f067";
56
}
57

    
58
#users .active .icon-toggle:before {
59
    content: "\f00d";
60
}
61

    
62
div.agenda ul {
63
    padding: 0;
64
    list-style: none;
65
}
66

    
67
div.agenda span.act_type {
68
    display : inline-block;
69
    font-size: 80%;
70
    min-width: 23%;
71
}
72

    
73
div.agenda h3.info {
74
    color: #8c8c73;
75
    font-style: italic;
76
}
77

    
78
div.agenda span.ressource {
79
    display : inline-block;
80
}
81

    
82
div.agenda span.length {
83
    display : inline-block;
84
    min-width: 7%;
85
}
86

    
87
div.agenda span.hour {
88
    padding-left: 20px;
89
    display : inline-block;
90
    min-width: 6%;
91
}
92

    
93
div.agenda span.title {
94
    display : inline-block;
95
    min-width: 25%;
96
}
97

    
98
div.agenda span.participants {
99
    display: inline-block;
100
    min-width: 15%;
101
}
102

    
103
#content div.agenda h3 {
104
    margin: 5px 0 0 0;
105
    padding: 3px 5px;
106
    font-size: 100%;
107
    background: white;
108
}
109

    
110
.search {
111
    border: 1px solid #bbb;
112
    border-radius:.2em;
113
    background: #fff;
114
}
115

    
116
.search:before {
117
    content: '\f002';
118
    font: normal 1.3em FontAwesome;
119
    margin: auto .4em;
120
}
121

    
122
.search input {
123
    border: 0 !important;
124
    width: 75%;
125
}
126

    
127
div#close-all-agendas {
128
    margin: .2em;
129
    float: right;
130
    cursor: pointer;
131
}
132

    
133
div#close-all-agendas:after {
134
    content:'\f05c';
135
    font: normal 1.5em FontAwesome;
136
}
137

    
138
#availability {
139
    white-space: nowrap;
140
}
141

    
142
#dispos > ul, #availability > ul {
143
    margin: 0 .1em;
144
    padding: 0;
145
    float: left;
146
}
147

    
148
#dispos li {
149
    list-style-type: none;
150
}
151

    
152
#availability li ul {
153
    margin: 0;
154
    padding: 0;
155
}
156

    
157
#availability  > li {
158
    display: inline-table;
159
    margin: 0 2px;
160
}
161

    
162
#dispos li.initials {
163
    height: 15px;
164
    margin-bottom: 2px;
165
    font-size:.7em;
166
    text-align: center;
167
}
168

    
169
#availability li.agenda  {
170
    width: 1.2em;
171
    height: 7px;
172
    margin: 4px 0px;
173
}
174

    
175
li.hour-mark {
176
    height: 30px;
177
    margin-bottom: 1.5em;
178
}
179

    
180
li.noon-start {
181
    margin-top: 2.5em;
182
}
183

    
184
li.noon-end {
185
    margin-bottom: 2.5em;
186
}
187

    
188
li.free {
189
    background: green;
190
}
191

    
192
li.busy {
193
    background: #f00;
194
}
195

    
196
li.away {
197
    background: #ccc;
198
}
199

    
200
li.overlap {
201
    background: #640018;
202
}
203

    
204
li#time {
205
    margin-top: -0.15em;
206
}
207

    
208
#tabs li.agenda {
209
    font-size: .9em;
210
}
211

    
212
#extra-top-links {
213
    position: absolute;
214
    right: 0;
215
    top: 3em;
216
    padding: 3px 5px;
217
    color: #555;
218
}
219

    
220
#extra-top-links a:link, #extra-top-links a:visited{
221
    text-decoration: none;
222
}
223

    
224
#extra-top-links a:hover {
225
    text-decoration: underline;
226
}
227

    
228
div.new {
229
    margin: .4em 0;
230
    float: right;
231
}
232

    
233
p.lastname {
234
    text-transform: uppercase;
235
    display: inline;
236
}
237

    
238
ul.addresses {
239
    padding-left: 0;
240
}
241

    
242
button.screen-only {
243
    margin: 1em 0;
244
    /* float: right; */
245
}
246

    
247
h3 .icon-comment {
248
    display: none;
249
}
250

    
251
.worker-agenda {
252
    margin-top: 2em;
253
}
254

    
255
#activity {
256
    float: right;
257
    font-size: .8em;
258
    margin-bottom: 2em;
259
}
260

    
261
#activity h3 {
262
    background: #eee;
263
    border: 1px solid #aaa;
264
    padding: 2px 5px;
265
    margin:0;
266
    border-bottom: 0;
267
}
268

    
269
#activity table {
270
    border-collapse: collapse;
271
}
272

    
273
#activity .header {
274
    display: none;
275
}
276

    
277
#activity table td, #activity table th {
278
    border: 1px solid #bbb;
279
    padding: 2px 5px;
280
}
281

    
282
#activity #print-button-therapeutes-activity {
283
    float: right;
284
}
(2-2/30)