Projet

Général

Profil

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

calebasse / calebasse / static / css / agenda.css @ 2c6641c8

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
#users .icon-toggle {
35
    float: right;
36
    display: none;
37
}
38

    
39
#users .icon-toggle:before {
40
    content: "\f067";
41
}
42

    
43
#users .active .icon-toggle:before {
44
    content: "\f00d";
45
}
46

    
47
div.agenda ul {
48
    padding: 0;
49
    list-style: none;
50
}
51

    
52
div.agenda span.act_type {
53
    display : inline-block;
54
    font-size: 80%;
55
    min-width: 23%;
56
}
57

    
58
div.agenda h3.info {
59
    color: #8c8c73;
60
    font-style: italic;
61
}
62

    
63
div.agenda span.ressource {
64
    display : inline-block;
65
}
66

    
67
div.agenda span.length {
68
    display : inline-block;
69
    min-width: 7%;
70
}
71

    
72
div.agenda span.hour {
73
    padding-left: 20px;
74
    display : inline-block;
75
    min-width: 6%;
76
}
77

    
78
div.agenda span.title {
79
    display : inline-block;
80
    min-width: 25%;
81
}
82

    
83
div.agenda span.participants {
84
    display: inline-block;
85
    min-width: 15%;
86
}
87

    
88
#content div.agenda h3 {
89
    margin: 5px 0 0 0;
90
    padding: 3px 5px;
91
    font-size: 100%;
92
    background: white;
93
}
94

    
95
.search {
96
    border: 1px solid #bbb;
97
    border-radius:.2em;
98
    background: #fff;
99
}
100

    
101
.search:before {
102
    content: '\f002';
103
    font: normal 1.3em FontAwesome;
104
    margin: auto .4em;
105
}
106

    
107
.search input {
108
    border: 0 !important;
109
    width: 75%;
110
}
111

    
112
div#close-all-agendas {
113
    margin: .2em;
114
    float: right;
115
    cursor: pointer;
116
}
117

    
118
div#close-all-agendas:after {
119
    content:'\f05c';
120
    font: normal 1.5em FontAwesome;
121
}
122

    
123
#availability {
124
    white-space: nowrap;
125
}
126

    
127
#dispos > ul, #availability > ul {
128
    margin: 0 .1em;
129
    padding: 0;
130
    float: left;
131
}
132

    
133
#dispos li {
134
    list-style-type: none;
135
}
136

    
137
#availability li ul {
138
    margin: 0;
139
    padding: 0;
140
}
141

    
142
#availability  > li {
143
    display: inline-table;
144
    margin: 0 2px;
145
}
146

    
147
#dispos li.initials {
148
    height: 15px;
149
    margin-bottom: 2px;
150
    font-size:.7em;
151
    text-align: center;
152
}
153

    
154
#availability li.agenda  {
155
    width: 1.2em;
156
    height: 7px;
157
    margin: 4px 0px;
158
}
159

    
160
li.hour-mark {
161
    height: 30px;
162
    margin-bottom: 1.5em;
163
}
164

    
165
li.noon-start {
166
    margin-top: 2.5em;
167
}
168

    
169
li.noon-end {
170
    margin-bottom: 2.5em;
171
}
172

    
173
li.free {
174
    background: green;
175
}
176

    
177
li.busy {
178
    background: #f00;
179
}
180

    
181
li.away {
182
    background: #ccc;
183
}
184

    
185
li.overlap {
186
    background: #640018;
187
}
188

    
189
li#time {
190
    margin-top: -0.15em;
191
}
192

    
193
#tabs li.agenda {
194
    font-size: .9em;
195
}
196

    
197
#extra-top-links {
198
    position: absolute;
199
    right: 0;
200
    top: 3em;
201
    padding: 3px 5px;
202
    color: #555;
203
}
204

    
205
#extra-top-links a:link, #extra-top-links a:visited{
206
    text-decoration: none;
207
}
208

    
209
#extra-top-links a:hover {
210
    text-decoration: underline;
211
}
212

    
213
div.new {
214
    margin: .4em 0;
215
    float: right;
216
}
217

    
218
p.lastname {
219
    text-transform: uppercase;
220
    display: inline;
221
}
222

    
223
ul.addresses {
224
    padding-left: 0;
225
}
226

    
227
button.screen-only {
228
    margin: 1em 0;
229
    /* float: right; */
230
}
231

    
232
h3 .icon-comment {
233
    display: none;
234
}
235

    
236
.worker-agenda {
237
    margin-top: 2em;
238
}
239

    
240
#activity {
241
    float: right;
242
    font-size: .8em;
243
    margin-bottom: 2em;
244
}
245

    
246
#activity h3 {
247
    background: #eee;
248
    border: 1px solid #aaa;
249
    padding: 2px 5px;
250
    margin:0;
251
    border-bottom: 0;
252
}
253

    
254
#activity table {
255
    border-collapse: collapse;
256
}
257

    
258
#activity .header {
259
    display: none;
260
}
261

    
262
#activity table td, #activity table th {
263
    border: 1px solid #bbb;
264
    padding: 2px 5px;
265
}
266

    
267
#activity #print-button-therapeutes-activity {
268
    float: right;
269
}
270

    
271
.frame.acte:target {
272
    box-shadow: 2px 2px .5em 5px #db9595;
273
}
(2-2/30)