api/public/css/style.css
* {
font-family: "Arial", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
img.bg {
min-height: 100%;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
z-index: -1;
}
.container {
z-index: 1;
}
.text-center {
color: #444;
font-size: 18px;
}
.l2 {
position: absolute;
top: 390px;
left: 200px;
}
.l3 {
position: absolute;
top: 370px;
left: 200px;
}
.l4 {
position: absolute;
top: 340px;
left: 200px;
}
.text-date {
margin-top: 20px;
}
#imageRight > .name {
position: absolute;
left: 490px;
top: 478px;
}
#imageRight > .parent1FirstName {
position: absolute;
left: 170px;
top: 265px;
}
#imageRight > .parent1LastName {
position: absolute;
left: 170px;
top: 300px;
}
#imageRight > .parent2FirstName {
position: absolute;
left: 170px;
top: 393px;
}
#imageRight > .parent2LastName {
position: absolute;
left: 170px;
top: 428px;
}
#imageRight > .consentment-true {
position: absolute;
left: 124px;
top: 513px;
}
#imageRight > .consentment-false {
position: absolute;
left: 124px;
top: 577px;
}
#convocation-cohesion > .referent {
font-size: 0.8rem;
position: absolute;
left: 50px;
top: 200px;
text-align: left;
min-width: 50%;
}
#convocation-cohesion > .referent > .title {
font-size: 0.8rem;
font-weight: bold;
text-decoration: underline;
text-align: left;
max-width: 50%;
padding-bottom: 2px;
}
#convocation-cohesion > .referent > .info {
font-size: 0.8rem;
text-align: left;
max-width: 100%;
}
#convocation-cohesion > .infos-young {
font-size: 0.8rem;
position: absolute;
text-align: right;
right: 60px;
top: 200px;
}
#convocation-cohesion > .title-container {
position: absolute;
text-align: center;
line-height: 1.3;
left: 70px;
top: 300px;
width: 85%;
}
#convocation-cohesion > .title-container > .title {
font-size: 0.8rem;
font-weight: bold;
}
#convocation-cohesion > .title-container > .text {
font-size: 0.75rem;
font-style: italic;
}
#convocation-cohesion > .infos-center {
/* border: 1px solid #f00 ; */
font-size: 0.75rem;
position: absolute;
left: 50px;
top: 360px;
width: 85%;
}
#convocation-cohesion > .meeting-point {
/* border: 1px solid rgb(47, 0, 255) ; */
font-size: 0.8rem;
position: absolute;
left: 50px;
top: 415px;
width: 85%;
line-height: 1.4;
}
#convocation-cohesion > .meeting-point-DOM {
/* border: 1px solid rgb(47, 0, 255) ; */
font-size: 0.8rem;
position: absolute;
left: 50px;
top: 430px;
width: 85%;
line-height: 1.4;
font-style: italic;
}
#convocation-cohesion > .meeting-point > .info {
/* border: 1px solid rgb(47, 0, 255) ; */
text-align: center;
}
#convocation-cohesion > .warning {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
text-align: left;
font-size: 0.8rem;
line-height: 1.3;
left: 50px;
top: 510px;
width: 85%;
padding-left: 15px;
padding-right: 15px;
}
#convocation-cohesion > .warning-DOM {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
text-align: left;
font-size: 0.8rem;
line-height: 1.3;
left: 50px;
top: 490px;
width: 85%;
padding-left: 15px;
padding-right: 15px;
}
#convocation-cohesion > .stuff {
position: absolute;
text-align: left;
font-size: 0.8rem;
line-height: 1.3;
left: 50px;
top: 555px;
width: 85%;
}
#convocation-cohesion > .stuff-DOM {
position: absolute;
text-align: left;
font-size: 0.8rem;
line-height: 1.3;
left: 50px;
top: 568px;
width: 85%;
}
#convocation-cohesion > .stuff > .list {
position: absolute;
left: 15px;
}
#convocation-cohesion > .stuff > .info {
position: absolute;
top: 115px;
}
#convocation-cohesion > .stuff-DOM > .list {
position: absolute;
left: 15px;
}
#convocation-cohesion > .stuff-DOM > .info {
position: absolute;
top: 85px;
}
#convocation-cohesion > .meeting-point-date-return {
/* border: 1px solid rgb(47, 0, 255) ; */
font-size: 0.8rem;
position: absolute;
left: 50px;
top: 725px;
width: 85%;
}
#convocation-cohesion > .footer {
/* border: 1px solid rgb(47, 0, 255) ; */
font-size: 0.8rem;
position: absolute;
left: 50px;
top: 735px;
width: 85%;
}
p.attributes {
color: #372f78;
display: inline;
}