File "style.css"
Full Path: /home/asmplong/www/asm/css/style.css
File size: 11.54 KB
MIME-type: text/plain
Charset: utf-8
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
body.login { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009ddc; background: url(../img/login.jpg) top center no-repeat}
body.accueil { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009ddc; background: url(../img/accueil.jpg) top center no-repeat}
body.charte { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009ddc; background: url(../img/charte.jpg) top center no-repeat}
body.liste-plongee { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009ddc; background: url(../img/liste-plongee.jpg) top center no-repeat}
body.detail-plongee { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009ddc; background: url(../img/detail-plongee.jpg) top center no-repeat}
body.creer-plongee { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009ddc; background: url(../img/creer-plongee.jpg) top center no-repeat}
body { margin:0; padding:0; font-family:'Open Sans', Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#009ddc; background: url(../img/bg.jpg) no-repeat; background-size:cover; }
h1 { font-size:24px; border-bottom:15px solid rgba(255,255,255,0.6); padding:0px; margin:10px 0; font-weight:400; }
h1 strong { color:#000000; }
h2 { font-size:16px; padding:0px; margin:7px 0; font-weight:400; }
p { margin:10px 0; }
img { border:none; }
a { color:#136fab; }
a:hover { color:#698bd8; }
table { border-spacing: 0px; border-collapse: collapse; }
.link-galerie { display:block; z-index:10; position:absolute; left:50%; margin-left:300px; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.link-galerie:hover { display:block; -moz-transform: scale(1.1) rotate(-7deg) translateX(-30px) translateY(20px);
-webkit-transform: scale(1.1) rotate(-7deg) translateX(-30px) translateY(20px);
-o-transform: scale(1.1) rotate(-7deg) translateX(-30px) translateY(20px);
-ms-transform: scale(1.1) rotate(-7deg) translateX(-30px) translateY(20px);
transform: scale(1.1) rotate(-7deg) translateX(-30px) translateY(20px);}
.img-galerie { position:absolute; left:50%;top:-1000px; z-index:10; padding:7px; background:#FFF; -webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4);
box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4); -webkit-animation: logo 0.8s ease-in-out; /* Safari 4+ */
-moz-animation: logo 0.8s ease-in-out; /* Fx 5+ */
-o-animation: logo 0.8s ease-in-out; /* Opera 12+ */
animation: logo 0.8s ease-in-out; /* IE 10+ */
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.img-galerie:hover {
-webkit-box-shadow: -5px 10px 13px 0 rgba(0,0,0,0.4);
box-shadow:-5px 10px 13px 0 rgba(0,0,0,0.4);
}
@-webkit-keyframes logo {
0% { top: -1000px; width:400px; }
50% { top: -500px; width:400px; }
100% { top: 0px;-moz-transform: rotate(723deg);
-webkit-transform: rotate(723deg);
-o-transform: rotate(723deg);
-ms-transform: rotate(723deg);
transform: rotate(723deg); width:180px; }
}
@-moz-keyframes logo {
0% { top: -1000px; width:400px; }
50% { top: -500px; width:400px; }
100% { top: 0px;-moz-transform: rotate(723deg);
-webkit-transform: rotate(723deg);
-o-transform: rotate(723deg);
-ms-transform: rotate(723deg);
transform: rotate(723deg); width:180px; }
}
@-o-keyframes logo {
0% { top: -1000px; width:400px; }
50% { top: -500px; width:400px; }
100% { top: 0px;-moz-transform: rotate(723deg);
-webkit-transform: rotate(723deg);
-o-transform: rotate(723deg);
-ms-transform: rotate(723deg);
transform: rotate(723deg); width:180px; }
}
@keyframes logo {
0% { top: -1000px; width:400px; }
50% { top: -500px; width:400px; }
100% { top: 0px;-moz-transform: rotate(723deg);
-webkit-transform: rotate(723deg);
-o-transform: rotate(723deg);
-ms-transform: rotate(723deg);
transform: rotate(723deg); width:180px; }
}
.conteneur { width:995px; margin:20px auto; background:none; position:relative; }
.conteneur .logo { position:absolute; top:30px; left:52px; }
.conteneur .sep { position:absolute; top:15px; left:222px; }
.conteneur .header { background:url(../img/top.png) top left no-repeat; height:88px; }
.conteneur .header .bienvenue { color:#000000; float:right; margin:45px 240px 0 0; text-align:right; font-size:13px; }
.conteneur .repeat { background:url(../img/repeat.png) top left repeat-y; overflow:auto; padding:10px 24px; }
.conteneur .repeat .col-left { float:left; width:198px; padding:10px 0px; margin:80px 0 0 0; }
.conteneur .repeat .col-left a { font-family:Arial, Helvetica, sans-serif; display:block; width:198px; padding:5px 5px 5px 20px; margin-bottom:1px; font-size:11px; color:#ffffff; text-decoration:none; background:url(../img/puce-menu.gif) 6px center no-repeat; }
.conteneur .repeat .col-left a.all { background-color:#168bd8; }
.conteneur .repeat .col-left a.dp { background-color:#0f5786; }
.conteneur .repeat .col-left a.admin { background-color:#45b15a; }
.conteneur .repeat .col-left a.all:hover { background-color:#698bd8; }
.conteneur .repeat .col-left a.dp:hover { background-color:#6f5786; }
.conteneur .repeat .col-left a.admin:hover{ background-color:#a8b15a; }
.conteneur .repeat .col-left a.contact { display:block; width:198px; padding:0px 0px 0px 20px; margin:5px 0; font-size:11px; color:#555555; text-decoration:none; background:url(../img/puce-contact.gif) 6px center no-repeat; font-weight:bold; }
.conteneur .repeat .col-left a.logout { display:block; width:198px; padding:0px 0px 0px 20px; margin:5px 0; font-size:11px; color:#cc0000; text-decoration:none; background:url(../img/puce-logout.gif) 6px center no-repeat; font-weight:bold; }
.conteneur .repeat .col-right { float:left; width:730px; margin:0 0 0 10px; padding:10px 0; color:#052d47; }
.conteneur .repeat .col-right .warning { background:url(../img/bg_warning.png) top left no-repeat #e3425c; padding:10px; color:#ffffff; min-height:55px; overflow:auto; border-bottom:1px solid #a5132b; }
.conteneur .repeat .col-right .warning img { float:left; margin-right:10px; }
.conteneur .repeat .col-right .warning div { float:left; width:630px; }
.conteneur .repeat .col-right .warning h2 { font-size:16px; margin:0; padding:0; font-weight:400; }
.conteneur .repeat .col-right .warning p { font-size:12px; margin:0; }
.conteneur .repeat .col-right .warning a { color:#f0ff71 }
.conteneur .repeat .col-right .col_tab_1 { width:380px; float:left; }
.conteneur .repeat .col-right .col_tab_2 { margin-left:15px; width:335px; float:left; }
.conteneur .repeat .col-right .col_tab_2 .info_dp { background:url(../img/puce_infos_dp.png) top left no-repeat; padding-left:65px; font-size:22px; font-weight:bold; line-height:28px; color:#231f20; text-transform:uppercase; }
#add_plongeurs { display:block; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-size:18px; text-align:center; text-decoration:none; font-weight:bold; font-family:Open Sans; background:#0f5786; margin:15px 0; padding:8px 38px; border:1px solid #093e60; }
#add_bapt { display:block; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-size:18px; text-align:center; text-decoration:none; font-weight:bold; font-family:Open Sans; background:#168bd8; margin:15px 0; padding:8px 38px; border:1px solid #1278bb; }
#del_bapt, #del_invite, #del_plongeurs { display:block; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-size:18px; text-align:center; text-decoration:none; font-weight:bold; font-family:Open Sans; background:#cc0000; margin:15px 0; padding:8px 38px; border:1px solid #aa0000; }
#lieu_1, #lieu_2 { margin:5px 0; width: 320px; padding:3px; }
#bt_feuille_presence { color:#fff; -webkit-border-radius: 10px; border-radius: 10px; font-size:18px; font-weight:bold; font-family:Open Sans; background:#0f5786; margin:15px 0; padding:8px 38px; border:1px solid #093e60; }
.conteneur .footer { background:url(../img/bottom.png) bottom left no-repeat; height:63px; }
.main { padding: 0 0px 50px 0px; width: 100%; max-width: 720px; margin: 0 auto; }
input { padding:3px }
.select { padding:5px }
.textArea { width:100%; min-width:100%; max-width:100%; min-height:200px; font-family:Arial; font-size:12px; padding:10px; margin:10px 0; }
.submit { background-color:#60b93d; background-image:none; font-weight:700; font-size:14px; color:#FFFFFF; border:1px solid #3e951b; cursor:pointer; display:block; float:left; padding:4px 5px; }
.submit:hover { background-color:#6bc746; }
.liste_membres { margin-top:15px; border: 2px solid white;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-collapse: separate; border-spacing: 1px; width:100%; }
.liste_membres td.first { width:125px; }
.liste_membres td { background:#FFFFFF; padding:4px; }
.liste_membres .intitule { font-size:16px; font-weight:bold; }
.liste_membres td strong { font-size:16px; font-weight:bold; }
/* Form admin */
.false { color:#7f0a0a; margin-bottom:20px; padding:10px 5px 10px 42px; background-color:#FFD8D8; border:1px solid #FD5B5B; background-image:url('../img/puce_false.jpg'); background-repeat:no-repeat; background-position:left; overflow:auto; }
.false .submit { background:#606060; color:#ffffff; border:none; padding:3px 5px; margin:10px; }
.true { color:#0a7f28; margin-bottom:20px; padding:10px 5px 10px 42px; background-color:#BDFEBD; border:1px solid #3FE73F; background-image:url('../img/puce_true.jpg'); background-repeat:no-repeat; background-position:left; overflow:auto; }
.form { width:100%; color:#303030; }
.form td { padding:5px; border-bottom:1px solid #eeeeee; }
.form td.first { width:140px; }
.form input.inputText{ padding:3px 5px; width:300px; }
.form input#date_event, .form input#date_event_modif, .form input#date_adhes, .form input#date_certi, .form input#date_adhes_modif, .form input#date_certi_modif, .form input#date_butoir, .form input#date_butoir_modif { width:100px; }
.form select { padding:3px 5px; }
.form input.submit { background-color:#60b93d; background-image:none; font-weight:700; font-size:14px; color:#FFFFFF; border:1px solid #3e951b; cursor:pointer; display:block; float:left; padding:4px 5px; }
.form input.submit:hover { background-color:#6bc746; }
.liste { width:100%; color:#303030; }
.liste tr.intitule { background:#606060; color:#ffffff; }
.liste td { padding:5px; border-bottom:1px solid #eeeeee; }
/* Progressbar */
#progressbox {
border: 1px solid #0099CC;
padding: 1px;
position:relative;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
#progressbar {
height:20px;
border-radius: 3px;
background-color: #006699;
width:1%;
}
#statustxt {
top:3px;
left:50%;
position:absolute;
display:inline-block;
color: #000000;
font-size: 12px;
line-height: 15px;
}