iport typo à vérifier, config exportee, reglage forme event, apparition event en bas, css page accueil, thumbnails
This commit is contained in:
+193
-42
@@ -1,9 +1,20 @@
|
||||
@font-face {
|
||||
font-family: Universalis ADF Std, sans-serif;
|
||||
src: url('../fonts/UniversalisADFStd.otf') format('otf'),
|
||||
url('../fonts/UniversalisADFStd.woff') format('woff');
|
||||
font-family: Millimetre, sans-serif;
|
||||
src: url('../fonts/Millimetre.otf') format('OpenType'),
|
||||
url('../fonts/Millimetre.otf') format('otf'),
|
||||
url('../fonts/Millimetre.woff') format('woff');
|
||||
}
|
||||
|
||||
body {
|
||||
width: 300px;
|
||||
margin: 0 auto;
|
||||
font-size: 1.2rem;
|
||||
font-size: 16px;
|
||||
font-family: Universalis ADF Std, sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3, h5{
|
||||
font-family: Millimetre, sans-serif;
|
||||
}
|
||||
@@ -25,18 +36,21 @@ a, a:hover{
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
section{
|
||||
position: relative;
|
||||
}
|
||||
.titre_page, .titre {
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: -70px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
border: 8px solid blue;
|
||||
transform: rotate(-10deg);
|
||||
padding: 1%;
|
||||
width: 30%;
|
||||
padding: 0.5rem;
|
||||
background-color: white;
|
||||
margin: 4% 0 8% -20%;
|
||||
}
|
||||
|
||||
.titre_1{
|
||||
@@ -47,12 +61,12 @@ a, a:hover{
|
||||
font-style: italic;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sidebar_left .title, .__organisation .title {
|
||||
.title, .cat {
|
||||
color: blue;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sidebar_left .__content, .sider_left_form, .__organisation .__item {
|
||||
.sidebar_left .__content, .sider_left_form, .__organisation .__item, .content_zone {
|
||||
border: 8px solid blue;
|
||||
padding: 1em;
|
||||
}
|
||||
@@ -65,39 +79,155 @@ a, a:hover{
|
||||
}
|
||||
|
||||
/*sections page accueil*/
|
||||
.item {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.wrap__content_proch {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
padding: 10px;
|
||||
margin: -50px auto -20px auto;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
border: 4px solid black;
|
||||
}
|
||||
|
||||
.colonne_section{
|
||||
margin-top: 4%;
|
||||
}
|
||||
.colonne_section .wrap_content {
|
||||
border: 8px solid blue;
|
||||
padding: 1em;
|
||||
}
|
||||
.colonne_section h3{
|
||||
.colonne_section h3 {
|
||||
color: blue;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
.image_sectionasso {
|
||||
position: absolute;
|
||||
width: 500px;
|
||||
}
|
||||
.content_asso {
|
||||
position: relative;
|
||||
margin: 150px auto auto 200px;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
border: 8px solid yellow;
|
||||
|
||||
}
|
||||
|
||||
.projet .colonne_section .header{
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: flex-end ;
|
||||
}
|
||||
.projet .colonne_section .header h3{
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item .__img{
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.item img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
._content_tpsF {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
padding: 10px;
|
||||
margin: -50px auto -20px auto;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
border: 4px solid black;
|
||||
}
|
||||
|
||||
.video iframe {
|
||||
width: 100vh;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: auto;
|
||||
margin: 40px auto 0 auto;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
/*fin sections page accueil*/
|
||||
|
||||
/*page évent*/
|
||||
.titre_event {
|
||||
position: absolute;
|
||||
top: -450px;
|
||||
left: 18vw;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
border: 8px solid blue;
|
||||
transform: rotate(-10deg);
|
||||
padding: 0.5rem;
|
||||
background-color: white;
|
||||
}
|
||||
.voir_aussi {
|
||||
position: absolute;
|
||||
top: 1300px;
|
||||
left: -50px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
border: 8px solid blue;
|
||||
transform: rotate(-10deg);
|
||||
padding: 0.5rem;
|
||||
background-color: white;
|
||||
}
|
||||
.__img_event {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
top: 50px;
|
||||
}
|
||||
.__img_event img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.partager img {
|
||||
width: 50px;
|
||||
height: auto;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.post-type img {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
.data {
|
||||
border: 8px solid blue;
|
||||
padding: 1em;
|
||||
}
|
||||
.tarif h3, .partager h3, .inscription h3{
|
||||
color: blue;
|
||||
}
|
||||
.tarif, .partager, .inscription {
|
||||
margin-top: 4%;
|
||||
margin-top: 8%;
|
||||
}
|
||||
/*fin page event*/
|
||||
|
||||
/*page les projets*/
|
||||
.projet img {
|
||||
margin: 5% 0 5% 0;
|
||||
}
|
||||
._pjt{
|
||||
margin-top: 8%
|
||||
}
|
||||
.cat-list{
|
||||
align-items: baseline;
|
||||
}
|
||||
.cat_name{
|
||||
margin: 0 4% 0 4%;
|
||||
}
|
||||
|
||||
/*fin page les projets*/
|
||||
|
||||
/*privatiser l'espace*/
|
||||
.legendes{
|
||||
background-color: white;
|
||||
@@ -109,66 +239,84 @@ a, a:hover{
|
||||
padding-top: 2%;
|
||||
}
|
||||
.__organisation {
|
||||
margin-top: 8%;
|
||||
margin-top: 4%;
|
||||
text-align: center;
|
||||
}
|
||||
._orga {
|
||||
margin-top: 4%;
|
||||
}
|
||||
|
||||
/*fin privatiser l'espace*/
|
||||
|
||||
/*BOUTONS*/
|
||||
.__bouttons{
|
||||
text-align : center;
|
||||
}
|
||||
.telechargement_plaquette {
|
||||
margin-top: 4%;
|
||||
border: 4px solid black;
|
||||
border-radius: 0%;
|
||||
padding: 1%;
|
||||
}
|
||||
.__bouttons div {
|
||||
margin-top: 4%;
|
||||
position: relative;
|
||||
text-align : center;
|
||||
margin-top: 20px;
|
||||
border: 4px solid blue;
|
||||
border-radius: 0%;
|
||||
padding: 1%;
|
||||
background-color: white;
|
||||
padding: 5px;
|
||||
/*background-color: white;*/
|
||||
}
|
||||
|
||||
.__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover {
|
||||
.tout_voir a {
|
||||
/*penser à mettre le lien sur toute la surface du bouton*/
|
||||
}
|
||||
.telechargement_plaquette, .redirection_page, .tout_voir {
|
||||
position: relative;
|
||||
margin: 50px auto 10px auto;
|
||||
display:flex;
|
||||
border: 4px solid black;
|
||||
border-radius: 0%;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
}
|
||||
.__bouttons #bouton_asso {
|
||||
position: relative;
|
||||
top: 100px;
|
||||
}
|
||||
.__bouttons #bouton_contact {
|
||||
position: relative;
|
||||
top: -30px;
|
||||
}
|
||||
.__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover, .redirection_page:hover, .tout_voir:hover {
|
||||
text-decoration-color: white;
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
.redirection_page {
|
||||
.group_link {
|
||||
margin-top: 2%;
|
||||
width: 100%;
|
||||
color: black;
|
||||
text-decoration: underline;
|
||||
border: none;
|
||||
border-radius: 0%;
|
||||
}
|
||||
.redirection_page:hover {
|
||||
.group_link:hover, .cat_name:hover {
|
||||
color: black;
|
||||
background-color: grey;
|
||||
text-decoration: underline;
|
||||
border: none;
|
||||
border-radius: 0%;
|
||||
}
|
||||
/* .tout_voir, .tout_voir:hover {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 20%;
|
||||
}*/
|
||||
.hero .slide .flickity-button{
|
||||
|
||||
}
|
||||
/*FIN BOUTON*/
|
||||
footer{
|
||||
background-color: rgba(255, 0, 0, 0.5);
|
||||
background-color: rgba(240, 240, 240, 240);
|
||||
width: 100%;
|
||||
padding: 5%;
|
||||
margin: 10% auto 0 auto;
|
||||
margin-top: 10%;
|
||||
}
|
||||
footer div{
|
||||
margin-right: 1%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
footer img {
|
||||
width: 50px;
|
||||
height: auto;
|
||||
}
|
||||
._rs{
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
/* START KEVIN */
|
||||
header{
|
||||
@@ -213,8 +361,11 @@ footer img {
|
||||
|
||||
.wrapper section{
|
||||
margin: 150px 0;
|
||||
padding: 100px 0;
|
||||
}
|
||||
.wrapper section > div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tpsF .img{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
|
||||
Reference in New Issue
Block a user