Subversion Repositories ALCASAR

Rev

Rev 2743 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 2743 Rev 2747
Line 109... Line 109...
109 
        max-height: 150px;
 109 
        max-height: 150px;
110 
}
 110 
}
111 
 
 111 
 
112 
/* placement et proportion de la boite de saisie et de l'aide */
 112 
/* placement et proportion de la boite de saisie et de l'aide */
113 
/* pour desktop */
 113 
/* pour desktop */
114 
@media (min-width: 900px)
 - 
 
115 
{
 - 
 
116 
        .mobile-only {
 114 
.mobile-only {
117 
                display: none;
 115 
        display: none;
118 
        }
 116 
}
119 
        #logon {
 117 
#logon {
120 
                position: relative;
 118 
        position: relative;
121 
                width: 620px;
 119 
        width: 620px;
122 
                top: 20px;
 120 
        top: 20px;
123 
        /* ombrage css3*/      
 121 
/* ombrage css3*/      
124 
                -moz-box-shadow: 0px 0px 12px #000;
 122 
        -moz-box-shadow: 0px 0px 12px #000;
125 
                -webkit-box-shadow: 0px 0px 12px #000;
 123 
        -webkit-box-shadow: 0px 0px 12px #000;
126 
                box-shadow: 0px 0px 12px #000;
 124 
        box-shadow: 0px 0px 12px #000;
127 
        }
 125 
}
128 
        #boite-logon {
 126 
#boite-logon {
129 
                background-image: linear-gradient(#efefef, #d5d5d5);
 127 
        background-image: linear-gradient(#efefef, #d5d5d5);
130 
                padding: 10px;
 128 
        padding: 10px;
131 
                width: 420px;
 129 
        width: 420px;
132 
                height: 189px;
 130 
        height: 189px;
133 
        }
 131 
}
134 
        #boite-logon TD {
 132 
#boite-logon TD {
135 
                padding-top: 10px;
 133 
        padding-top: 10px;
136 
                padding-left: 30px;
 134 
        padding-left: 30px;
137 
        }
 135 
}
138 
        #boite-info {
 136 
#boite-info {
139 
                border: 0px;
 137 
        border: 0px;
140 
                margin-top: 25px;
 138 
        margin-top: 25px;
141 
                width: 580px;
 139 
        width: 580px;
142 
                padding-top: 10px;
 140 
        padding-top: 10px;
- 
 
 141 
}
- 
 
 142 
#username_input,
- 
 
 143 
#password_input {
- 
 
 144 
        align: left;
- 
 
 145 
}
- 
 
 146 
/* hide placeholders for desktops */
- 
 
 147 
::-webkit-input-placeholder {
- 
 
 148 
/* WebKit browsers */
- 
 
 149 
        color: transparent;
- 
 
 150 
}
- 
 
 151 
:-moz-placeholder {
- 
 
 152 
/* Mozilla Firefox 4 to 18 */
- 
 
 153 
        color: transparent;
- 
 
 154 
}
- 
 
 155 
::-moz-placeholder {
- 
 
 156 
/* Mozilla Firefox 19+ */
- 
 
 157 
        color: transparent;
- 
 
 158 
}
- 
 
 159 
:-ms-input-placeholder {
- 
 
 160 
/* Internet Explorer 10+ */
- 
 
 161 
        color: transparent;
- 
 
 162 
}
- 
 
 163 
input::placeholder {
- 
 
 164 
        color: transparent;
- 
 
 165 
}
- 
 
 166 
textarea::-webkit-input-placeholder {
- 
 
 167 
/* WebKit browsers */
- 
 
 168 
        color: transparent;
- 
 
 169 
}
- 
 
 170 
textarea:-moz-placeholder {
- 
 
 171 
/* Mozilla Firefox 4 to 18 */
- 
 
 172 
        color: transparent;
- 
 
 173 
}
- 
 
 174 
textarea::-moz-placeholder {
- 
 
 175 
/* Mozilla Firefox 19+ */
- 
 
 176 
        color: transparent;
- 
 
 177 
}
- 
 
 178 
textarea:-ms-input-placeholder {
- 
 
 179 
/* Internet Explorer 10+ */
- 
 
 180 
        color: transparent;
143 
        }
 181 
}
- 
 
 182 
textarea::placeholder {
- 
 
 183 
        color: transparent;
144 
}
 184 
}
145 
/* pour mobile */
 185 
/* pour mobile */
146 
@media (max-width: 900px)
 186 
@media (max-width: 900px)
147 
{
 187 
{
148 
        .desktop-only {
 188 
        .desktop-only {
Line 152... Line 192...
152 
        #logon {
 192 
        #logon {
153 
                position: relative;
 193 
                position: relative;
154 
                width: 100%;
 194 
                width: 100%;
155 
                top: 10px;
 195 
                top: 10px;
156 
        /* ombrage css3*/      
 196 
        /* ombrage css3*/      
157 
                -moz-box-shadow: 0px 0px 12px #000;
 197 
                -moz-box-shadow: 0px 0px 12px #000;
158 
                -webkit-box-shadow: 0px 0px 12px #000;
 198 
                -webkit-box-shadow: 0px 0px 12px #000;
159 
                box-shadow: 0px 0px 12px #000;
 199 
                box-shadow: 0px 0px 12px #000;
160 
        }
 200 
        }
161 
        #boite-logon {
 201 
        #boite-logon {
162 
                background-image: linear-gradient(#efefef, #d5d5d5);
 202 
                background-image: linear-gradient(#efefef, #d5d5d5);
Line 168... Line 208...
168 
                padding-top: 10px;
 208 
                padding-top: 10px;
169 
        }
 209 
        }
170 
        input[type="text"]
 210 
        input[type="text"]
171 
        {
 211 
        {
172 
            font-size:30px;
 212 
            font-size:30px;
- 
 
 213 
            color: grey;
173 
        }
 214 
        }
174 
        input[type="password"]
 215 
        input[type="password"]
175 
        {
 216 
        {
176 
            font-size:30px;
 217 
            font-size:30px;
- 
 
 218 
            color: grey;
177 
        }
 219 
        }
178 
        #boite-logon INPUT {
 220 
        #boite-logon INPUT {
179 
                border: #666666 1px solid;
 221 
                border: #666666 1px solid;
180 
                padding: 2px;
 222 
                padding: 2px;
181 
                font-family: arial;
 223 
                font-family: arial;
Line 187... Line 229...
187 
        #boite-info {
 229 
        #boite-info {
188 
                border: 0px;
 230 
                border: 0px;
189 
                margin-top: 25px;
 231 
                margin-top: 25px;
190 
                width: 580px;
 232 
                width: 580px;
191 
                padding-top: 10px;
 233 
                padding-top: 10px;
- 
 
 234 
        }
- 
 
 235 
        #username_input,
- 
 
 236 
        #password_input {
- 
 
 237 
                align: center;
- 
 
 238 
        }
- 
 
 239 
 
- 
 
 240 
        /* Placeholders */
- 
 
 241 
        ::-webkit-input-placeholder {
- 
 
 242 
        /* WebKit browsers */
- 
 
 243 
         color: lightgrey;
- 
 
 244 
        }
- 
 
 245 
        :-moz-placeholder {
- 
 
 246 
        /* Mozilla Firefox 4 to 18 */
- 
 
 247 
                color: lightgrey;
- 
 
 248 
        }
- 
 
 249 
        ::-moz-placeholder {
- 
 
 250 
        /* Mozilla Firefox 19+ */
- 
 
 251 
                color: lightgrey;
- 
 
 252 
        }
- 
 
 253 
        :-ms-input-placeholder {
- 
 
 254 
        /* Internet Explorer 10+ */
- 
 
 255 
                color: lightgrey;
- 
 
 256 
        }
- 
 
 257 
        input::placeholder {
- 
 
 258 
                color: lightgrey;
- 
 
 259 
        }
- 
 
 260 
        textarea::-webkit-input-placeholder {
- 
 
 261 
        /* WebKit browsers */
- 
 
 262 
                color: lightgrey;
- 
 
 263 
        }
- 
 
 264 
        textarea:-moz-placeholder {
- 
 
 265 
        /* Mozilla Firefox 4 to 18 */
- 
 
 266 
                color: lightgrey;
- 
 
 267 
        }
- 
 
 268 
        textarea::-moz-placeholder {
- 
 
 269 
        /* Mozilla Firefox 19+ */
- 
 
 270 
                color: lightgrey;
- 
 
 271 
        }
- 
 
 272 
        textarea:-ms-input-placeholder {
- 
 
 273 
        /* Internet Explorer 10+ */
- 
 
 274 
                color: lightgrey;
- 
 
 275 
        }
- 
 
 276 
        textarea::placeholder {
- 
 
 277 
                color: lightgrey;
192 
        }
 278 
        }
193 
}
 279 
}
194 
/*boite de dialogue de deconnection*/
 280 
/*boite de dialogue de deconnection*/
195 
/* pour desktop */
 281 
/* pour desktop */
196 
@media (min-width: 900px)
 - 
 
197 
{
 - 
 
198 
        .mobile-only {
 282 
.mobile-only {
199 
                display: none;
 283 
        display: none;
200 
        }
 284 
}
201 
        #contenu_acces {
 285 
#contenu_acces {
202 
                position: relative;
 286 
        position: relative;
203 
                width: 640px;
 287 
        width: 640px;
204 
                height: 400px;
 288 
        height: 400px;
205 
                top: -20px;
 289 
        top: -20px;
206 
                padding-top: 0px;
 290 
        padding-top: 0px;
207 
                margin-left: auto;
 291 
        margin-left: auto;
208 
                margin-right: auto;
 292 
        margin-right: auto;
209 
                z-index: 1;
 293 
        z-index: 1;
210 
 
 294 
 
211 
        /* ombrage CSS3 */
 295 
/* ombrage CSS3 */
212 
 
 296 
 
213 
                -moz-box-shadow: 1px 1px 10px #000;
 297 
        -moz-box-shadow: 1px 1px 10px #000;
214 
                -webkit-box-shadow: 1px 1px 10px #000;
 298 
        -webkit-box-shadow: 1px 1px 10px #000;
215 
                box-shadow: 1px 1px 10px #000;
 299 
        box-shadow: 1px 1px 10px #000;
216 
        }
 300 
}
217 
        #cadre_titre{
 301 
#cadre_titre{
218 
                position: relative;
 302 
        position: relative;
219 
                width: 730px;
 303 
        width: 730px;
220 
                height: 98px;
 304 
        height: 98px;
221 
                margin-top: 40px;
 305 
        margin-top: 40px;
222 
                margin-left: auto;
 306 
        margin-left: auto;
223 
                margin-right: auto;
 307 
        margin-right: auto;
224 
                z-index: 2;
 308 
        z-index: 2;
225 
 
 309 
 
226 
        /* ombrage css3 */
 310 
/* ombrage css3 */
227 
 
 311 
 
228 
                -moz-box-shadow: 1px 4px 10px #000;
 312 
        -moz-box-shadow: 1px 4px 10px #000;
229 
                -webkit-box-shadow: 1px 4px 10px #000;
 313 
        -webkit-box-shadow: 1px 4px 10px #000;
230 
                box-shadow: 1px 4px 10px #000;
 314 
        box-shadow: 1px 4px 10px #000;
231 
        }
 315 
}
232 
        #boite_logo{
 316 
#boite_logo{
233 
                position: absolute;
 317 
        position: absolute;
234 
                top: -30px;
 318 
        top: -30px;
235 
                left: -50px;
 319 
        left: -50px;
236 
                width: 150px;
 320 
        width: 150px;
237 
                height: 150px;
 321 
        height: 150px;
238 
                z-index: 2;
 322 
        z-index: 2;
239 
        }
 - 
 
240 
}
 323 
}
241 
/* pour mobile */
 324 
/* pour mobile */
242 
@media (max-width: 900px)
 325 
@media (max-width: 900px)
243 
{
 326 
{
244 
        .desktop-only {
 327 
        .desktop-only {
245 
                display: none;
 328 
                display: none;
- 
 
 329 
        }
- 
 
 330 
        .mobile-only {
- 
 
 331 
                display: inline;
246 
        }
 332 
        }
247 
        #contenu_acces {
 333 
        #contenu_acces {
248 
                position: relative;
 334 
                position: relative;
249 
                width: 90%;
 335 
                width: 90%;
250 
                height: 400px;
 336 
                height: 400px;
Line 254... Line 340...
254 
                margin-right: auto;
 340 
                margin-right: auto;
255 
                z-index: 1;
 341 
                z-index: 1;
256 
 
 342 
 
257 
        /* ombrage CSS3 */
 343 
        /* ombrage CSS3 */
258 
 
 344 
 
259 
                -moz-box-shadow: 1px 1px 10px #000;
 345 
                -moz-box-shadow: 1px 1px 10px #000;
260 
                -webkit-box-shadow: 1px 1px 10px #000;
 346 
                -webkit-box-shadow: 1px 1px 10px #000;
261 
                box-shadow: 1px 1px 10px #000;
 347 
                box-shadow: 1px 1px 10px #000;
262 
        }
 348 
        }
263 
        #cadre_titre{
 349 
        #cadre_titre{
264 
                position: relative;
 350 
                position: relative;
Line 269... Line 355...
269 
                margin-right: auto;
 355 
                margin-right: auto;
270 
                z-index: 2;
 356 
                z-index: 2;
271 
 
 357 
 
272 
        /* ombrage css3 */
 358 
        /* ombrage css3 */
273 
 
 359 
 
274 
                -moz-box-shadow: 1px 4px 10px #000;
 360 
                -moz-box-shadow: 1px 4px 10px #000;
275 
                -webkit-box-shadow: 1px 4px 10px #000;
 361 
                -webkit-box-shadow: 1px 4px 10px #000;
276 
                box-shadow: 1px 4px 10px #000;
 362 
                box-shadow: 1px 4px 10px #000;
277 
        }
 363 
        }
278 
        #boite_logo{
 364 
        #boite_logo{
279 
                position: absolute;
 365 
                position: absolute;
Line 309... Line 395...
309 
#boite-logon, #auth_reussi, #logon {
 395 
#boite-logon, #auth_reussi, #logon {
310 
        border: 1px #efefef solid;
 396 
        border: 1px #efefef solid;
311 
 
 397 
 
312 
/* ombrage css3*/
 398 
/* ombrage css3*/
313 
 
 399 
 
314 
        -moz-box-shadow: 0px 0px 6px #000;
 400 
        -moz-box-shadow: 0px 0px 6px #000;
315 
        -webkit-box-shadow: 0px 0px 6px #000;
 401 
        -webkit-box-shadow: 0px 0px 6px #000;
316 
        box-shadow: 0px 0px 6px #000;
 402 
        box-shadow: 0px 0px 6px #000;
317 
}
 403 
}
318 
#liens_redir {
 404 
#liens_redir {
319 
        position: relative;
 405 
        position: relative;
Line 361... Line 447...
361 
        margin-right: auto;
 447 
        margin-right: auto;
362 
        z-index: 1;
 448 
        z-index: 1;
363 
 
 449 
 
364 
/* ombrage CSS3 */
 450 
/* ombrage CSS3 */
365 
 
 451 
 
366 
        -moz-box-shadow: 1px 1px 10px #000;
 452 
        -moz-box-shadow: 1px 1px 10px #000;
367 
        -webkit-box-shadow: 1px 1px 10px #000;
 453 
        -webkit-box-shadow: 1px 1px 10px #000;
368 
        box-shadow: 1px 1px 10px #000;
 454 
        box-shadow: 1px 1px 10px #000;
369 
}
 455 
}
370 
 
 456 
 
371 
#logo_acces IMG, #box_refuse IMG {
 457 
#logo_acces IMG, #box_refuse IMG {
Line 439... Line 525...
439 
        width: 310px;
 525 
        width: 310px;
440 
        background-image: url(/images/fond-bdd.png);
 526 
        background-image: url(/images/fond-bdd.png);
441 
        background-repeat: repeat-x;
 527 
        background-repeat: repeat-x;
442 
 
 528 
 
443 
/* ombrage CSS3 */
 529 
/* ombrage CSS3 */
444 
        -moz-box-shadow: 1px 1px 6px #666;
 530 
        -moz-box-shadow: 1px 1px 6px #666;
445 
        -webkit-box-shadow: 1px 1px 6px #666;
 531 
        -webkit-box-shadow: 1px 1px 6px #666;
446 
        box-shadow: 1px 1px 6px #666;
 532 
        box-shadow: 1px 1px 6px #666;
447 
}
 533 
}
448 
.div-cache {
 534 
.div-cache {
449 
        visibility: hidden;
 535 
        visibility: hidden;
Line 494... Line 580...
494 
/*      cursor: pointer;*/
 580 
/*      cursor: pointer;*/
495 
        background-image: url(/images/fond-bdd_rouge.png);
 581 
        background-image: url(/images/fond-bdd_rouge.png);
496 
        background-repeat: repeat-x;
 582 
        background-repeat: repeat-x;
497 
 
 583 
 
498 
/* ombrage CSS3 */
 584 
/* ombrage CSS3 */
499 
        -moz-box-shadow: 0px 0px 0px #fff;
 585 
        -moz-box-shadow: 0px 0px 0px #fff;
500 
        -webkit-box-shadow: 0px 0px 0px #fff;
 586 
        -webkit-box-shadow: 0px 0px 0px #fff;
501 
        box-shadow: 0px 0px 0px #fff;
 587 
        box-shadow: 0px 0px 0px #fff;
502 
}
 588 
}
503 
#box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover {
 589 
#box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover {
504 
        color: red;
 590 
        color: red;
Line 516... Line 602...
516 
        cursor: not-allowed !important;
 602 
        cursor: not-allowed !important;
517 
        background-image: url(/images/fond-bdd.png) !important;
 603 
        background-image: url(/images/fond-bdd.png) !important;
518 
        background-repeat: repeat-x !important;
 604 
        background-repeat: repeat-x !important;
519 
 
 605 
 
520 
/* ombrage CSS3 */
 606 
/* ombrage CSS3 */
521 
        -moz-box-shadow: 1px 1px 6px #666 !important;
 607 
        -moz-box-shadow: 1px 1px 6px #666 !important;
522 
        -webkit-box-shadow: 1px 1px 6px #666 !important;
 608 
        -webkit-box-shadow: 1px 1px 6px #666 !important;
523 
        box-shadow: 1px 1px 6px #666 !important;
 609 
        box-shadow: 1px 1px 6px #666 !important;
524 
}
 610 
}
525 
 
 611 
 
526 
/*Mise en page de la bulle d'info (coté droit)*/
 612 
/*Mise en page de la bulle d'info (coté droit)*/
Line 545... Line 631...
545 
        width: 230px;
 631 
        width: 230px;
546 
        height: 250px;
 632 
        height: 250px;
547 
        background-color: #efefef;
 633 
        background-color: #efefef;
548 
       
 634 
       
549 
/* ombrage CSS3 */
 635 
/* ombrage CSS3 */
550 
        -moz-box-shadow: 1px 1px 6px #666;
 636 
        -moz-box-shadow: 1px 1px 6px #666;
551 
        -webkit-box-shadow: 1px 1px 6px #666;
 637 
        -webkit-box-shadow: 1px 1px 6px #666;
552 
        box-shadow: 1px 1px 6px #666;
 638 
        box-shadow: 1px 1px 6px #666;
553 
}
 639 
}
554 
#box_info :link, #box_info :visited  {
 640 
#box_info :link, #box_info :visited  {
555 
        text-decoration: none;
 641 
        text-decoration: none;