Commit 86cd6f5f authored by N. Peraldi's avatar N. Peraldi

style: improve frame visuals

parent c006db47
......@@ -37,39 +37,62 @@ get_header(); ?>
<div class="adullact-cadres-ligne-space">
<div class="adullact-cadre">
<a href="https://comptoir-du-libre.org/">
<img src="<?= $comptoir_icon ?>" alt="">
<p>Le Comptoir</p>
<div class="adullact-icone-service">
<img src="<?= $comptoir_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Le Comptoir</p>
<p class="adullact-description-cadre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</a>
</div>
<div class="adullact-cadre">
<a href="https://gitlab.adullact.net/">
<img src="<?= $forge_icon ?>" alt="">
<p>Les Forges</p>
<div class="adullact-icone-service">
<img src="<?= $forge_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Les Forges</p>
<p class="adullact-description-cadre">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</a>
</div>
<div class="adullact-cadre">
<a href="http://www.s2low.org/">
<img src="<?= $services_icon ?>" alt="">
<p>Les services</p>
<div class="adullact-icone-service">
<img src="<?= $services_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Les services</p>
<p class="adullact-description-cadre">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $labelTNL_icon ?>" alt="">
<p>Le Label TNL</p>
<div class="adullact-icone-service">
<img src="<?= $labelTNL_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">Le Label TNL</p>
<p class="adullact-description-cadre">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $newsletter_icon ?>" alt="">
<p>La lettre</p>
<div class="adullact-icone-service">
<img src="<?= $newsletter_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">La lettre</p>
<p class="adullact-description-cadre">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</a>
</div>
<div class="adullact-cadre">
<a href="#">
<img src="<?= $faq_icon ?>" alt="">
<p>La FAQ</p>
<div class="adullact-icone-service">
<img src="<?= $faq_icon ?>" alt="">
</div>
<p class="adullact-titre-cadre">La FAQ</p>
<p class="adullact-description-cadre">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</a>
</div>
</div>
......
......@@ -81,6 +81,10 @@ input[type="search"] {
padding-bottom: 0;
}
.adullact-no-top-padding {
padding-top: 0;
}
.adullact-header {
display: flex;
flex-direction: row;
......@@ -153,14 +157,46 @@ input[type="search"] {
background: url("media/adullact/image_parallax_2.jpg") fixed;
width: 100%;
}
.adullact-icone-service {
border: 1px solid #4891bf;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
position: relative;
top: -70px;
background-color: white;
}
h1, h2 {
color: #4891bf;
}
.adullact-description-cadre {
font-size: 16px;
}
#adullact-mainpage-frames h2 {
color: white;
font-weight: bold;
}
#adullact-mainpage-articles h2 {
color: white;
font-weight: bold;
}
#adullact-mainpage-text {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #a8c9e6;
background-color: white;
}
#adullact-mainpage-articles {
background-color:#b4cce0;
background-color: #b4cce0;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
......@@ -189,26 +225,26 @@ input[type="search"] {
.adullact-cadre {
background-color: white;
width: 280px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
font-size: 1.7em;
padding: 10px;
padding-top: 20px;
margin-top: 45px;
box-shadow: 0 0 20px 1px #7a9bab;
margin-bottom: 45px;
height: 8em;
box-shadow: 0 0 20px 1px #DFDFDF;
}
.adullact-cadre img {
width: 2.3em;
margin-bottom: 10px;
width: 55px;
position: relative;
top: 21px;
}
.adullact-cadre p {
.adullact-titre-cadre {
margin: 0;
margin-top: -53px;
margin-bottom: 12px;
}
.adullact-cadre-texte {
......@@ -234,7 +270,7 @@ input[type="search"] {
background-color: white;
font-size: 1em;
margin-bottom: 45px;
box-shadow: 0 0 20px 1px #DFDFDF;
box-shadow: 0 0 20px 1px #7a9bab;
min-height: 350px;
}
......@@ -249,10 +285,11 @@ input[type="search"] {
height: auto;
margin-bottom: 1em;
}
#adullact-mainpage-frames {
background-color:white;
padding-top:1.5em;
padding-bottom:1.5em;
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #a8c9e6;
}
/*************************************************************/
......@@ -448,6 +485,14 @@ label {
float: right;
}
.adullact-evenement .link-more {
text-align: right;
}
.adullact-underline {
text-decoration: underline;
}
.adullact-spaced-line {
display: flex;
flex-direction: row;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment