133 lines
1.7 KiB
CSS
133 lines
1.7 KiB
CSS
|
|
||
|
|
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
font-family:arial;
|
||
|
|
color:#000;
|
||
|
|
-webkit-background-size:cover;
|
||
|
|
-moz-background-size:cover;
|
||
|
|
-o-background-size:cover;
|
||
|
|
background-size:cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
outline:none;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
font-size: 17px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
color:#000;
|
||
|
|
text-align:right;
|
||
|
|
font-weight:normal;
|
||
|
|
font-family:nexa;
|
||
|
|
font-size: 33px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
@media screen and (max-width: 500px) {
|
||
|
|
h1 {
|
||
|
|
font-size: 25px;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.content {
|
||
|
|
width:75%;
|
||
|
|
padding:20px;
|
||
|
|
text-align: center;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
transform : translate(-50%, -50%);
|
||
|
|
-webkit-transform : translate(-50%, -50%);
|
||
|
|
-ms-transform : translate(-50%, -50%);
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
@media screen and (max-width: 500px) {
|
||
|
|
.content {
|
||
|
|
width:92%;
|
||
|
|
padding: 20px 4%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#trigger {
|
||
|
|
display:block;
|
||
|
|
margin-top:20px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
width:230px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.coupon{
|
||
|
|
margin: 15px 0;
|
||
|
|
max-width: 482px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.coupon_m{
|
||
|
|
display:none;
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
margin: 15px auto;
|
||
|
|
max-width: 167px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 500px) {
|
||
|
|
.coupon{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
.coupon_m{
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.conditions{
|
||
|
|
font-size: 14px;
|
||
|
|
text-align: center;
|
||
|
|
font-size:14px;
|
||
|
|
font-family : arial;
|
||
|
|
}
|
||
|
|
|
||
|
|
#trigger img{
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#back {
|
||
|
|
display:block;
|
||
|
|
width:200px;
|
||
|
|
padding:15px;
|
||
|
|
margin-top:20px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
color:#fff;
|
||
|
|
text-align:center;
|
||
|
|
font-size:16px;
|
||
|
|
text-transform:uppercase;
|
||
|
|
background:#e3000b;
|
||
|
|
}
|
||
|
|
|
||
|
|
#back:hover {
|
||
|
|
background:#f23f47;
|
||
|
|
}
|
||
|
|
|
||
|
|
#loader {
|
||
|
|
display:none;
|
||
|
|
margin-top:20px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#aimprimer {
|
||
|
|
display:none;
|
||
|
|
}
|