style changes for new design

This commit is contained in:
Marlène Simondant 2018-07-19 10:00:27 +02:00
parent cacf21b16e
commit f03171cd77
1 changed files with 50 additions and 29 deletions

View File

@ -66,7 +66,7 @@
}
.formdef-suivi-dossier-ph .wrapperSearch,
.formdef-suivi-dossier-pa .wrapperSearch {
background-color: #E3E3E3;
background-color: #e3e3e35c;
margin: 0;
width: 100%;
}
@ -113,6 +113,20 @@
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;
@ -125,10 +139,8 @@
}
.formdef-suivi-dossier-ph div#rub_service h3#procedure,
.formdef-suivi-dossier-pa div#rub_service h3#procedure {
position: relative;
left: -40px;
margin-bottom: 2.5ex;
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 {
@ -162,7 +174,7 @@
.formdef-suivi-dossier-ph ul#evolutions ul.suivi li,
.formdef-suivi-dossier-pa ul#evolutions ul.suivi li {
list-style-type: none;
margin: 0;
margin: 15px 0px;
}
.formdef-suivi-dossier-ph ul#evolutions ul.taches,
.formdef-suivi-dossier-pa ul#evolutions ul.taches {
@ -196,9 +208,12 @@
}
.formdef-suivi-dossier-ph ul#evolutions span.fini,
.formdef-suivi-dossier-pa ul#evolutions span.fini {
background-color: #363636;
color: #363636;
margin-top: 6px;
background-color: #fff;
color: #fff;
border: solid 2px #e20612;
margin-top: 4px;
width: 20px;
height: 20px;
}
.formdef-suivi-dossier-ph ul#evolutions .etape,
.formdef-suivi-dossier-pa ul#evolutions .etape {
@ -221,7 +236,7 @@
/* comments */
.formdef-suivi-dossier-ph ul#evolutions div.commentaire,
.formdef-suivi-dossier-pa ul#evolutions div.commentaire {
background-color: #E3E3E3;
background-color: #e3e3e35c;
border-radius: 5px;
padding: 15px;
}
@ -233,7 +248,7 @@
left: 15px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #E3E3E3;
border-bottom: 8px solid #e3e3e35c;
padding-top: 5px;
}
/* opinions */
@ -249,8 +264,8 @@
height: 30px;
float: left;
line-height: 0;
color: #fff;
font-weight: bold;
margin-right: 10px;
}
.formdef-suivi-dossier-ph ul#evolutions div.suspension,
.formdef-suivi-dossier-pa ul#evolutions div.suspension {
@ -270,20 +285,21 @@
width: 10px;
height: 7px;
border-radius: 100%;
background-color: #961111;
color: #fff;
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: "✔";
background-color: #86bd3c;
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,
@ -292,7 +308,8 @@
content: "...";
padding: 7px 4px 0 3px;
height: 10px;
background-color: #ff782a;
color:#ff782a;
border: solid 1px #ff782a;
}
.formdef-suivi-dossier-ph ul#evolutions span.noOpinion,
.formdef-suivi-dossier-pa ul#evolutions span.noOpinion {
@ -317,12 +334,11 @@
.formdef-suivi-dossier-ph ul#evolutions ul.suivi::before,
.formdef-suivi-dossier-pa ul#evolutions ul.suivi::before {
position: absolute;
/*top: 90px;*/
left: -3px;
left: -1px;
width: 1px;
height: calc(100% - 120px);
content: " ";
background: #363636;
background: #cdcdcd;
}
/* info button to display old comments */
.formdef-suivi-dossier-ph .infoBt,
@ -364,12 +380,11 @@
.formdef-suivi-dossier-ph .suivi > li input + label#phase,
.formdef-suivi-dossier-pa .suivi > li input + label#phase {
cursor: pointer;
border-radius: 3px;
border-radius: 1px;
font-weight: bold;
display: block;
padding: 7.5px 15px;
background-color: #2A2E4B;
color: #fff;
background-color: #cdcdcd;
}
.formdef-suivi-dossier-ph .suivi > li input ~ div,
.formdef-suivi-dossier-pa .suivi > li input ~ div {
@ -383,8 +398,7 @@
}
.formdef-suivi-dossier-ph .suivi > li input:checked + label#phase,
.formdef-suivi-dossier-pa .suivi > li input:checked + label#phase {
background-color: #2A2E4B;
color: #fff;
background-color: #cdcdcd;
}
.formdef-suivi-dossier-ph .suivi > li input:checked ~ div,
.formdef-suivi-dossier-pa .suivi > li input:checked ~ div {
@ -398,19 +412,26 @@
/* Bouton Grandlyon Connect */
.formdef-suivi-dossier-ph div.connect-buttons,
.formdef-suivi-dossier-pa div.connect-buttons {
background-color: #2A2E4B;
color: white;
padding: 8px 20px;
border: solid 2px #e20612;
}
.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: white;
border-radius: 40px;
border-radius: 1px;
display: block;
max-width: 165px;
padding: 0.5em;
font-weight: bold;
font-weight: 500;
text-decoration: none;
padding-left: 50px;
padding-left: 35px;
}