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

h3 equipe chasse contenu d'après

Browse Source
This commit is contained in:
ouidade
2021-04-08 22:02:27 +02:00
parent 03309f4e37
commit e75859abd0
5 changed files with 204 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/epau-antimatter/css-compiled/template.css
+72 -57
View File
@@ -860,10 +860,19 @@ ul.pagination {
.titre_bsn p {
padding-right: 15%; }
.after-h1 {
transition: width 5s ease-in-out; }
.after-h1:hover {
width: 100%; }
@keyframes anim {
0% {
width: 0%; }
100% {
width: 100%; } }
.after-h1 .test {
opacity: 0;
transition: opacity 1s ease-in-out;
animation: anim 5s 500ms 1 normal ease-in-out forwards; }
.after-h1:hover .test {
opacity: 1; }
.programmes {
display: flex;
@@ -907,61 +916,67 @@ ul.pagination {
padding-bottom: 6rem;
padding-top: 2rem; }
#mozaique_personnes {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
width: 70%;
margin: auto; }
.mozaique_personnes {
background-color: #d5d2d1; }
.mozaique_personnes h3 {
padding-top: 3rem;
padding-left: 15%;
padding-right: 15%;
font-family: "Sarabun";
font-weight: 800;
font-size: 1rem;
line-height: 20px;
text-align: left; }
.mozaique {
display: flex;
flex-direction: row;
width: 50%;
padding: 0.5rem; }
.info {
background-color: #fff;
display: flex;
flex-direction: column;
font-family: "Sarabun", sans-serif;
width: 30rem;
height: 30rem; }
.info h5 {
font-weight: 900;
font-size: 1.3rem;
margin: 0;
padding-top: 1rem;
padding-left: 1rem; }
.info h6 {
font-weight: 300;
font-size: 1.1rem;
font-style: italic;
margin: 0;
padding-left: 1rem;
padding-bottom: 1rem; }
.info:hover {
background-color: #000;
color: #fff;
transition: 0.2s ease-in-out; }
.portrait {
background: transparent !important; }
.portrait img {
width: 5rem !important; }
.mozaique_personnes .equipe {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
width: 65%;
margin: auto; }
.mozaique_personnes .equipe h3 {
padding-top: 3rem;
min-width: 100%;
font-family: "Sarabun";
font-weight: 800;
font-size: 1rem;
line-height: 20px;
text-align: left; }
.mozaique_personnes .equipe .personne {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-right: 0.5rem;
padding-bottom: 0.5rem; }
.mozaique_personnes .equipe .personne .mozaique {
display: flex;
flex-direction: row;
justify-content: flex-end;
max-width: 30rem; }
.mozaique_personnes .equipe .personne .mozaique .portrait {
min-width: 10rem;
min-height: 10rem;
background: red !important; }
.mozaique_personnes .equipe .personne .mozaique .portrait img {
max-width: 5rem !important;
max-height: 5rem !important; }
.mozaique_personnes .equipe .personne .mozaique .info {
background-color: #fff;
display: flex;
flex-direction: column;
font-family: "Sarabun", sans-serif;
width: 50%;
height: 30rem;
min-width: 15rem; }
.mozaique_personnes .equipe .personne .mozaique .info h5 {
font-weight: 900;
font-size: 1.3rem;
margin: 0;
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem; }
.mozaique_personnes .equipe .personne .mozaique .info h6 {
font-weight: 300;
font-size: 1.1rem;
font-style: italic;
margin: 0;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem; }
.mozaique_personnes .equipe .personne .mozaique .info:hover {
background-color: #000;
color: #fff;
transition: 0.2s ease-in-out; }
.bouton {
border: solid;