ouidade/dev-epau.archi.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style page evenement

Browse Source
This commit is contained in:
ouidade
2021-10-01 19:17:43 +02:00
parent 9b2d733f79
commit 7f19f429cf
3 changed files with 74 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+28 -14
View File
@@ -914,7 +914,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.titre_nsb {
display: block;
margin-right: 52%; }
margin-right: 45%; }
.titre_nsb h1 {
margin-bottom: 0rem !important;
text-align: right;
@@ -928,7 +928,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.titre_bsn {
display: block;
margin-left: 40%; }
margin-left: 45%; }
.titre_bsn h1 {
text-align: left;
margin-bottom: 0rem !important; }
@@ -1061,7 +1061,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.mozaique_personnes {
background-color: #d9d9d9;
padding-bottom: 10rem; }
padding-bottom: 6rem; }
.mozaique_personnes .equipe {
display: flex !important;
flex-direction: row;
@@ -1330,11 +1330,14 @@ button:focus {
display: flex;
flex-direction: column;
margin: auto;
width: 80%;
width: 60%;
height: auto;
background-color: white;
color: #000;
padding: 5em; }
padding-left: 2em;
padding-right: 2em;
margin-top: 6rem;
text-align: left; }
.event .titre_bsn h1 {
text-transform: uppercase; }
@@ -1343,7 +1346,7 @@ button:focus {
background-color: #d9d9d9;
color: #000;
text-transform: uppercase;
padding-bottom: 6rem;
padding-bottom: 2rem;
padding-top: 2rem; }
.equipe-event {
@@ -1361,11 +1364,11 @@ button:focus {
padding-left: 3%;
padding-right: 2%; } }
.equipe-event h3 {
padding-top: 3rem;
margin-bottom: 3rem;
min-width: 100%;
font-family: "Sarabun", sans-serif;
font-family: "Sarabun Light", sans-serif;
text-transform: uppercase;
font-weight: 400;
font-weight: 200;
font-size: 1rem;
line-height: 20px;
text-align: left; }
@@ -1382,7 +1385,6 @@ button:focus {
.equipe-event .personne .mozaique {
display: flex;
flex-direction: row;
justify-content: flex-end;
max-width: 30rem;
min-width: 30rem; }
@media (max-width: 442px) {
@@ -1439,15 +1441,27 @@ button:focus {
padding-right: 0.6rem; } }
.partenaires {
background-color: #d9d9d9;
background-color: #fff;
height: auto;
padding-bottom: 6rem;
padding-top: 2rem;
padding-bottom: 3rem;
margin-top: 0 !important; }
.partenaires h1 {
margin-top: 0 !important; }
.partenaires .grille {
.grille {
background-color: #fff;
display: flex;
margin: auto;
padding-bottom: 8rem;
flex-wrap: wrap; }
.grille p {
display: flex;
direction: row; }
margin: auto; }
.grille img {
height: 9rem;
display: flex;
padding: 2rem; }
.modular.header-image #header {
background-color: rgba(255, 255, 255, 0);
user/themes/epau-antimatter/scss/template/_custom.scss
+43 -16
View File
@@ -178,7 +178,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
// position: relative;
// top: -440px;
display: block;
margin-right: 52%;
margin-right: 45%;
h1 {
@@ -199,7 +199,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.titre_bsn {
display: block;
margin-left: 40%;
margin-left: 45%;
// padding-right: 15%;
h1 {
text-align: left;
@@ -383,7 +383,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.mozaique_personnes {
background-color: #d9d9d9;
padding-bottom: 10rem;
padding-bottom: 6rem;
@@ -803,13 +803,18 @@ button:focus {
display: flex;
flex-direction: column;
margin: auto;
width: 80%;
width: 60%;
height:auto;
background-color: white;
color: #000;
padding: 5em;
padding-left: 2em;
padding-right: 2em;
margin-top: 6rem;
text-align: left;
}
.event .titre_bsn h1{
text-transform: uppercase;
}
@@ -818,10 +823,13 @@ button:focus {
background-color: #d9d9d9;
color: #000;
text-transform: uppercase;
padding-bottom: 6rem;
padding-bottom: 2rem;
padding-top: 2rem;
}
// .event .equipe .info{
// background-color: red;
// }
@@ -847,12 +855,13 @@ button:focus {
h3 {
// display: flex;
// flex-grow: 1;
padding-top: 3rem;
// padding-top: 2rem;
// padding-left: 15%;
margin-bottom: 3rem;
min-width: 100%;
font-family: "Sarabun", sans-serif;
font-family: "Sarabun Light", sans-serif;
text-transform: uppercase;
font-weight: 400;
font-weight: 200;
font-size: 1rem;
line-height: 20px;
text-align: left;
@@ -875,7 +884,7 @@ button:focus {
.mozaique {
display: flex;
flex-direction: row;
justify-content: flex-end;
// justify-content: flex-end;
max-width: 30rem;
min-width: 30rem;
@media (max-width: 442px) {
@@ -961,16 +970,34 @@ button:focus {
}
.partenaires{
background-color: #d9d9d9;
background-color: #fff;
height: auto;
padding-bottom: 6rem;
padding-top: 2rem;
padding-bottom: 3rem;
margin-top: 0 !important;
h1{
margin-top: 0 !important;
}
.grille{
display:flex;
direction: row;
}
}
.grille{
background-color: #fff;
display: flex;
margin: auto;
padding-bottom: 8rem;
// padding-left: 3rem;
// padding-right: 6rem;
flex-wrap: wrap;
p{
display: flex;
margin: auto;
}
img{
height: 9rem;
display: flex;
padding: 2rem;
}
}
user/themes/epau-antimatter/templates/modular/partenaires.html.twig
+3 -4
View File
@@ -10,14 +10,13 @@
<rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
</svg>
</div>
<!-- <p>Assemblée générale de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains</p> -->
</div>
</div>
<div class="grille">
{{ page.content|raw }}
</div>
</div>
</div>
<!-- <div class="mozaique_personnes">
{% for module in page.collection() %}
<div id="{{ _self.pageLinkName(module.menu) }}">