487 lines
15 KiB
CSS
487 lines
15 KiB
CSS
/* General styles PH & PA */
|
|
.formdef-suivi-dossier-ph .steps-1,
|
|
.formdef-suivi-dossier-pa .steps-1,
|
|
/*.formdef-suivi-dossier-ph div#rub_service div#receipt-intro,
|
|
.formdef-suivi-dossier-pa div#rub_service div#receipt-intro,*/
|
|
.formdef-suivi-dossier-ph div#rub_service .wait .evolution-metadata,
|
|
.formdef-suivi-dossier-pa div#rub_service .wait .evolution-metadata,
|
|
.formdef-suivi-dossier-ph div#rub_service #evolutions.open::before,
|
|
.formdef-suivi-dossier-pa div#rub_service #evolutions.open::before,
|
|
.formdef-suivi-dossier-ph ul#evolutions > li.detail ~ li.detail,
|
|
.formdef-suivi-dossier-pa ul#evolutions > li.detail ~ li.detail,
|
|
.formdef-suivi-dossier-ph ul#evolutions > li.wait ~ li.wait,
|
|
.formdef-suivi-dossier-pa ul#evolutions > li.wait ~ li.wait,
|
|
.formdef-suivi-dossier-ph ul#evolutions li span.item,
|
|
.formdef-suivi-dossier-pa ul#evolutions li span.item,
|
|
.formdef-suivi-dossier-ph ul#evolutions li.None,
|
|
.formdef-suivi-dossier-pa ul#evolutions li.None,
|
|
.formdef-suivi-dossier-ph ul#evolutions > .detail .status,
|
|
.formdef-suivi-dossier-pa ul#evolutions > .detail .status,
|
|
.formdef-suivi-dossier-ph ul#evolutions > .detail .time,
|
|
.formdef-suivi-dossier-pa ul#evolutions > .detail .time,
|
|
.formdef-suivi-dossier-ph ul#evolutions > .detail .user,
|
|
.formdef-suivi-dossier-pa ul#evolutions > .detail .user,
|
|
.formdef-suivi-dossier-ph ul#evolutions:after,
|
|
.formdef-suivi-dossier-pa ul#evolutions:after,
|
|
.formdef-suivi-dossier-ph input.infoInput:checked ~ li div.commentaire,
|
|
.formdef-suivi-dossier-pa input.infoInput:checked ~ li div.commentaire,
|
|
.formdef-suivi-dossier-ph input.infoInput:checked ~ li div.arrowUp,
|
|
.formdef-suivi-dossier-pa input.infoInput:checked ~ li div.arrowUp,
|
|
.formdef-suivi-dossier-ph input[name="etape"] ,
|
|
.formdef-suivi-dossier-pa input[name="etape"] {
|
|
display: none ;
|
|
}
|
|
.formdef-suivi-dossier-ph div.evolution-metadata,
|
|
.formdef-suivi-dossier-pa div.evolution-metadata,
|
|
.formdef-suivi-dossier-ph h2.foldable,
|
|
.formdef-suivi-dossier-pa h2.foldable {
|
|
display: none !important;
|
|
}
|
|
.formdef-suivi-dossier-ph #columns>#form-status-sidebar #receipt-intro,
|
|
.formdef-suivi-dossier-pa #columns>#form-status-sidebar #receipt-intro {
|
|
left: 0;
|
|
visibility: hidden;
|
|
}
|
|
.formdef-suivi-dossier-ph #columns {
|
|
display: block !important;
|
|
}
|
|
/* History */
|
|
@media screen and (max-width: 999px) {
|
|
.formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro,
|
|
.formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -1000px;
|
|
box-shadow: 0 0 3px #888;
|
|
width: 100%
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro div,
|
|
.formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro div{
|
|
padding: 4px 4px 4px 6px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions.open,
|
|
.formdef-suivi-dossier-pa ul#evolutions.open {
|
|
min-height: 4000px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1000px) {
|
|
.formdef-suivi-dossier-ph #columns {
|
|
display: flex !important;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions.open,
|
|
.formdef-suivi-dossier-pa ul#evolutions.open {
|
|
margin-top:0 !important;
|
|
min-height: 1200px;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro,
|
|
.formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro {
|
|
display: block;
|
|
position: absolute;
|
|
top: -144px;
|
|
left: 104%;
|
|
width: 35%;
|
|
margin-left: 1rem;
|
|
margin-right: 0;
|
|
box-shadow: 0 0 3px #888;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service .contform div.contact#receipt-intro,
|
|
.formdef-suivi-dossier-pa div#rub_service .contform div.contact#receipt-intro {
|
|
display: block;
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 66%;
|
|
width: 23%;
|
|
margin-left: 1rem;
|
|
margin-right: 0;
|
|
box-shadow: 0 0 3px #888;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro div,
|
|
.formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro div {
|
|
padding : 1em;
|
|
}
|
|
}
|
|
.formdef-suivi-dossier-ph div#form-status-sidebar h3:not(:first-child)::before,
|
|
.formdef-suivi-dossier-pa div#form-status-sidebar h3:not(:first-child)::before,
|
|
.formdef-suivi-dossier-ph div#form-status-sidebar div.connect-buttons::before,
|
|
.formdef-suivi-dossier-pa div#form-status-sidebar div.connect-buttons::before {
|
|
content: " ";
|
|
width: calc(100% + 38px);
|
|
height: 10px;
|
|
background-color: #f2f0f1;
|
|
display: block;
|
|
border-top: solid 3px #d5d5d4;
|
|
left: -19px;
|
|
top: -30px;
|
|
position: relative;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service div.contform,
|
|
.formdef-suivi-dossier-pa div#rub_service div.contform {
|
|
height: 0px;
|
|
}
|
|
.formdef-suivi-dossier-ph .emphasized,
|
|
.formdef-suivi-dossier-pa .emphasized {
|
|
color: darkred;
|
|
font-size: 1.15em;
|
|
font-weight: bold;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service h3#procedure,
|
|
.formdef-suivi-dossier-pa div#rub_service h3#procedure {
|
|
padding: 0;
|
|
border-bottom: none;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro h3,
|
|
.formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro h3 {
|
|
text-transform: uppercase;
|
|
background: #4b4b4b;
|
|
color: white;
|
|
padding: 1rem;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
font-family: Oswald, sans-serif;
|
|
font-style: normal;
|
|
text-align: center;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service .contform div.contact#receipt-intro h3,
|
|
.formdef-suivi-dossier-pa div#rub_service .contform div.contact#receipt-intro h3 {
|
|
text-transform: uppercase;
|
|
background: #4b4b4b;
|
|
color: white;
|
|
padding: 2rem;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
font-family: Oswald, sans-serif;
|
|
font-style: normal;
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
}
|
|
.formdef-suivi-dossier-ph div#rub_service .wait,
|
|
.formdef-suivi-dossier-pa div#rub_service .wait {
|
|
margin-bottom: 0;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions,
|
|
.formdef-suivi-dossier-pa ul#evolutions {
|
|
overflow: visible;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.suivi,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.suivi {
|
|
padding: 0 0 20px 0;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.suivi li,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.suivi li {
|
|
list-style-type: none;
|
|
margin: 15px 0px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.taches,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.taches {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.taches > li,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.taches > li {
|
|
margin: 0 0 15px 0;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.demande li,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.demande li {
|
|
margin: 0;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions span.step,
|
|
.formdef-suivi-dossier-pa ul#evolutions span.step {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: -14px;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 20px;
|
|
border: 1px solid #363636;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.suivi li b.etape.last,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.suivi li b.etape.last {
|
|
padding-left: 16px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions span.enCours,
|
|
.formdef-suivi-dossier-pa ul#evolutions span.enCours,
|
|
.formdef-suivi-dossier-ph ul#evolutions span.fini,
|
|
.formdef-suivi-dossier-pa ul#evolutions span.fini {
|
|
background-color: #fff;
|
|
color: #fff;
|
|
border: solid 2px #e20612;
|
|
margin-top: 4px;
|
|
width: 20px;
|
|
height: 20px;
|
|
box-shadow: 0 0 0px 10px white;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions span.enCours,
|
|
.formdef-suivi-dossier-pa ul#evolutions span.enCours {
|
|
background-color: #e20612;
|
|
color: #e20612;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions .etape,
|
|
.formdef-suivi-dossier-pa ul#evolutions .etape {
|
|
line-height: 1.8em;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions .currentStep,
|
|
.formdef-suivi-dossier-pa ul#evolutions .currentStep {
|
|
color: #5e901b;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions li.listEtape:last-child::before,
|
|
.formdef-suivi-dossier-pa ul#evolutions li.listEtape:last-child::before {
|
|
position: absolute;
|
|
bottom: -32px;
|
|
left: -6px;
|
|
width: 3px;
|
|
height: 100%;
|
|
content: " ";
|
|
background: #fff;
|
|
}
|
|
/* Comments */
|
|
.formdef-suivi-dossier-ph ul#evolutions div.commentaire,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.commentaire {
|
|
background-color: #e3e3e35c;
|
|
border-radius: 5px;
|
|
padding: 15px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions div.arrowUp,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.arrowUp {
|
|
width: 0;
|
|
height: 0;
|
|
position: relative;
|
|
left: 15px;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-bottom: 8px solid #e3e3e35c;
|
|
padding-top: 5px;
|
|
}
|
|
/* Opinions */
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Accord,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Accord,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Rejet,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Rejet,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Refus,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Refus,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.suspension,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.suspension {
|
|
width: 20px;
|
|
height: 30px;
|
|
float: left;
|
|
line-height: 0;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions div.suspension,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.suspension {
|
|
height: 15px;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Rejet:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Rejet:before,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Refus:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Refus:before,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.suspension:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.suspension:before,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Accord:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Accord:before {
|
|
content: "✖";
|
|
margin: 0;
|
|
border: none;
|
|
width: 10px;
|
|
height: 7px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
font-size: 0.81em;
|
|
overflow: hidden;
|
|
float: left;
|
|
padding: 9px 4px 0 3px;
|
|
color:#e20612;
|
|
border: solid 1px #e20612;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions div.Accord:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.Accord:before {
|
|
content: "✔";
|
|
border: solid 1px #48b24e;
|
|
width: 11px;
|
|
height: 8px;
|
|
color: #48b24e;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions div.suspension:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.suspension:before,
|
|
.formdef-suivi-dossier-ph ul#evolutions div.mais:before,
|
|
.formdef-suivi-dossier-pa ul#evolutions div.mais:before {
|
|
content: "...";
|
|
padding: 7px 4px 0 3px;
|
|
height: 10px;
|
|
color:#ff782a;
|
|
border: solid 1px #ff782a;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions span.noOpinion,
|
|
.formdef-suivi-dossier-pa ul#evolutions span.noOpinion {
|
|
width: 20px;
|
|
height: 50px;
|
|
float: left;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions #maj,
|
|
.formdef-suivi-dossier-pa ul#evolutions #maj {
|
|
font-size: 0.8em;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions .missing::before,
|
|
.formdef-suivi-dossier-pa ul#evolutions .missing::before {
|
|
content: "✖";
|
|
color: darkred;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions .check::before,
|
|
.formdef-suivi-dossier-pa ul#evolutions .check::before {
|
|
content: "✔";
|
|
color: #86bd3c;
|
|
}
|
|
.formdef-suivi-dossier-ph ul#evolutions ul.suivi::before,
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.suivi::before {
|
|
position: absolute;
|
|
left: -1px;
|
|
width: 1px;
|
|
height: calc(100% - 120px);
|
|
content: " ";
|
|
background: #cdcdcd;
|
|
}
|
|
/* Info button to display old comments */
|
|
.formdef-suivi-dossier-ph .infoBt,
|
|
.formdef-suivi-dossier-pa .infoBt {
|
|
visibility: hidden;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
color: #2f2f7b;
|
|
float: right;
|
|
}
|
|
.formdef-suivi-dossier-ph input.infoInput,
|
|
.formdef-suivi-dossier-pa input.infoInput {
|
|
visibility: hidden;
|
|
}
|
|
.formdef-suivi-dossier-ph .comment ~ .infoBt,
|
|
.formdef-suivi-dossier-pa .comment ~ .infoBt {
|
|
visibility: visible;
|
|
}
|
|
/* accordeon */
|
|
.formdef-suivi-dossier-ph .suivi > li,
|
|
.formdef-suivi-dossier-pa .suivi > li {
|
|
position: relative;
|
|
padding: 0 0 0 35px;
|
|
border-bottom: 1px solid white;
|
|
}
|
|
|
|
.formdef-suivi-dossier-ph .suivi > li span.stepArrow {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
background-image: url(img/open-pane.png);
|
|
width: 22px;
|
|
height: 22px;
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.formdef-suivi-dossier-ph .suivi > li input:checked ~ label span.stepArrow {
|
|
background-image: url(img/close-pane.png);
|
|
}
|
|
.formdef-suivi-dossier-ph .suivi > li input + label#phase,
|
|
.formdef-suivi-dossier-pa .suivi > li input + label#phase {
|
|
cursor: pointer;
|
|
border-radius: 1px;
|
|
font-weight: bold;
|
|
display: block;
|
|
padding: 7.5px 15px;
|
|
background-color: #cdcdcd;
|
|
}
|
|
.formdef-suivi-dossier-ph .suivi > li input ~ div,
|
|
.formdef-suivi-dossier-pa .suivi > li input ~ div {
|
|
height: 0%;
|
|
max-height: 0;
|
|
padding: 0;
|
|
opacity: 0;
|
|
-webkit-transition: all 0.75s ease-in-out;
|
|
transition: all 0.75s ease-in-out;
|
|
}
|
|
.formdef-suivi-dossier-ph .suivi > li input:checked + label#phase,
|
|
.formdef-suivi-dossier-pa .suivi > li input:checked + label#phase {
|
|
background-color: #cdcdcd;
|
|
}
|
|
.formdef-suivi-dossier-ph .suivi > li input:checked ~ div,
|
|
.formdef-suivi-dossier-pa .suivi > li input:checked ~ div {
|
|
height: 100%;
|
|
max-height: 1500px;
|
|
opacity: 1;
|
|
-webkit-transition: all 1s ease-in-out;
|
|
transition: all 1s ease-in-out;
|
|
}
|
|
/* Grandlyon Connect Button */
|
|
.formdef-suivi-dossier-ph div.connect-buttons,
|
|
.formdef-suivi-dossier-pa div.connect-buttons {
|
|
border: solid 1px #e20612;
|
|
width: 88.5%;
|
|
left: -1px;
|
|
position: relative;
|
|
}
|
|
.formdef-suivi-dossier-ph div.connect-buttons h4,
|
|
.formdef-suivi-dossier-pa div.connect-buttons h4 {
|
|
font-family: Oswald, sans-serif;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
font-weight: 600;
|
|
margin: 5px 0;
|
|
}
|
|
.formdef-suivi-dossier-ph div.connect-buttons a,
|
|
.formdef-suivi-dossier-pa div.connect-buttons a {
|
|
background: #DA0D02;
|
|
color: #fff;
|
|
border-radius: 1px;
|
|
display: block;
|
|
max-width: 165px;
|
|
padding: 0.5em;
|
|
font-weight: 500;
|
|
text-decoration: none;
|
|
padding-left: 35px;
|
|
}
|
|
.formdef-suivi-dossier-ph div.connect-buttons a:hover,
|
|
.formdef-suivi-dossier-pa div.connect-buttons a:hover {
|
|
background: #000;
|
|
color: #DA0D02;
|
|
}
|
|
/* form satisfaction link (right column) */
|
|
.formdef-suivi-dossier-ph div.form-link,
|
|
.formdef-suivi-dossier-ph div.form-link {
|
|
border: solid 1px #e20612;
|
|
border-bottom-color: #cdcdcd;
|
|
}
|
|
.formdef-suivi-dossier-ph div.form-link:hover,
|
|
.formdef-suivi-dossier-ph div.form-link:hover {
|
|
background-color: #e20612;
|
|
}
|
|
.formdef-suivi-dossier-ph div.form-link hr,
|
|
.formdef-suivi-dossier-ph div.form-link hr {
|
|
left: -17px;
|
|
color: red;
|
|
border: solid 1px #e20612;
|
|
bottom: -12px;
|
|
position: relative;
|
|
width: calc(100% + 32px);
|
|
}
|
|
.formdef-suivi-dossier-ph div.form-link h4,
|
|
.formdef-suivi-dossier-ph div.form-link h4 {
|
|
font-family: Oswald, sans-serif;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
margin: 2px 0;
|
|
}
|
|
.formdef-suivi-dossier-ph div.form-link h4 a,
|
|
.formdef-suivi-dossier-ph div.form-link h4 a {
|
|
color: #000;
|
|
}
|
|
.formdef-suivi-dossier-ph div.form-link:hover h4 a,
|
|
.formdef-suivi-dossier-ph div.form-link:hover h4 a {
|
|
color: #fff;
|
|
}
|
|
/* PA specific */
|
|
.formdef-suivi-dossier-pa ul#evolutions ul.modalites li {
|
|
margin:0;
|
|
}
|