css input

This commit is contained in:
Kevin Tessier 2020-07-07 11:50:24 +02:00
parent d6138f87fa
commit 051a6e3675
2 changed files with 57 additions and 34 deletions

View File

@ -1430,13 +1430,13 @@ footer .reseaux_sociaux img {
}
/* START Mailchimp */
footer #mc_embed_signup label, footer #mc-embedded-subscribe{
footer #mc_embed_signup label, footer #mc-embedded-subscribe{
padding: 7px 10px;
background-color: white;
border: 4px solid black;
}
}
footer .email{
footer .email{
width: 100%;
padding: 7px 10px;
background-color: #D8D8D8;
@ -1444,19 +1444,45 @@ footer .reseaux_sociaux img {
border-top: 4px solid black;
border-left: none;
border-right: none;
}
}
footer #mc_embed_signup_scroll p {
margin: 0;
footer #mc_embed_signup_scroll label{
}
footer #mc_embed_signup_scroll{
align-items: baseline;
background: white;
}
footer #mc_embed_signup_scroll label{
white-space: nowrap;
font-weight: bold;
}
footer #mc_embed_signup_scroll input{
}
footer #mc_embed_signup_scroll input{
width: 100%;
}
footer #mc-embedded-subscribe:hover{
}
footer #mc-embedded-subscribe:hover{
color: white;
background-color: black;
}
}
footer #mc_embed_signup_scroll{
border: 4px solid black;
}
footer #mc_embed_signup_scroll > div > p{
white-space:nowrap;
padding: 0 1rem;
}
footer #mc_embed_signup_scroll input.email{
border-left: 4px solid black;
border-right: 4px solid black;
border-top: 0;
border-bottom: 0;
}
footer #mc_embed_signup .button{
border: none;
border-radius: 0;
}
/* END MAILCHIMP */
/* START SLIDE */

View File

@ -1,4 +1,4 @@
<section class="information col-12 col-xl-8 col-lg-12 p-0">
<section class="information col-12 col-xl-7 col-lg-12 p-0">
<div class="d-flex justify-content-around flex-wrap">
<div class="logo_lamine col-lg-3 col-sm-6">
<a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
@ -36,20 +36,17 @@
</div>
</section>
<section class="join-us col-12 col-xl-4 col-lg-12 p-0">
<section class="join-us col-12 col-xl-5 col-lg-12 p-0">
<div>
<div class="send_actu">
<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
</style>
<div id="mc_embed_signup">
<form action="https://kevintessier.us19.list-manage.com/subscribe/post?u=a98b763288f940083bf28857c&amp;id=364a0fe850" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<div class="d-flex" id="mc_embed_signup_scroll">
<div><p>Recevoir l'actualité de La Mine</p></div>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="E-mail" required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_a98b763288f940083bf28857c_364a0fe850" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
<div class="clear"><input type="submit" value="Ok" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>