|
Server IP : 10.131.40.8 / Your IP : 216.73.216.15 Web Server : Apache System : Linux webd008.cluster131.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 User : ludmqhh ( 137773) PHP Version : 8.4.10 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/ludmqhh/www/conceptalarm/public/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
#intrusion {
background-color: #f5f5f5;
padding: 10px;
max-width: 600px;
margin: auto;
position: relative;
overflow: visible; /* ajout d'un overflow visible pour déborder l'image */
margin-bottom: 30vh;
}
#intrusion img {
max-width: 100%;
height: 140px;
width: 140px;
position: absolute;
bottom: -120px;
left: -90px;
z-index: 1;
}
#intrusion h2 {
color: #333;
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#intrusion p {
text-align: left;
position: relative;
z-index: 2;
}
#intrusion2 {
background-color: #f5f5f5;
padding: 10px;
max-width: 600px;
margin: auto;
position: relative;
overflow: visible; /* ajout d'un overflow visible pour déborder l'image */
margin-bottom: 30vh;
}
#intrusion2 img {
height: 140px;
width: 140px;
position: absolute;
bottom: -120px;
right: -90px;
z-index: 1;
}
#intrusion2 h2 {
color: #333;
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#intrusion2 p {
text-align: left;
position: relative;
z-index: 2;
}
#intrusion3 {
background-color: #f5f5f5;
padding: 10px;
max-width: 600px;
margin: auto;
position: relative;
overflow: visible; /* ajout d'un overflow visible pour déborder l'image */
margin-bottom: 30vh;
}
#intrusion3 img {
height: 140px;
width: 140px;
position: absolute;
bottom: -120px;
left: -90px;
z-index: 1;
}
#intrusion3 h2 {
color: #333;
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#intrusion3 p {
text-align: left;
position: relative;
z-index: 2;
}
#intrusion4 {
background-color: #f5f5f5;
padding: 10px;
max-width: 600px;
margin: auto;
position: relative;
overflow: visible; /* ajout d'un overflow visible pour déborder l'image */
margin-bottom: 30vh;
}
#intrusion4 img {
height: 140px;
width: 140px;
position: absolute;
bottom: -120px;
right: -90px;
z-index: 1;
}
#intrusion4 h2 {
color: #333;
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#intrusion4 p {
text-align: left;
position: relative;
z-index: 2;
}
#intrusion5 {
background-color: #f5f5f5;
padding: 10px;
max-width: 600px;
margin: auto;
position: relative;
overflow: visible; /* ajout d'un overflow visible pour déborder l'image */
margin-bottom: 30vh;
}
#intrusion5 img {
height: 140px;
width: 140px;
position: absolute;
bottom: -120px;
left: -90px;
z-index: 1;
}
#intrusion5 h2 {
color: #333;
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#intrusion5 p {
text-align: left;
position: relative;
z-index: 2;
}
@media (max-width: 815px) {
#intrusion,
#intrusion2,
#intrusion3,
#intrusion4,
#intrusion5 {
max-width: 500px;
}
#intrusion img,
#intrusion2 img,
#intrusion3 img,
#intrusion4 img,
#intrusion5 img {
width: 100px;
height: 100px;
}
#intrusion img,
#intrusion3 img,
#intrusion5 img {
bottom: -80px;
left: -50px;
}
#intrusion2 img,
#intrusion5 img,
#intrusion4 img {
bottom: -80px;
right: -50px;
}
}
@media (max-width: 615px) {
#intrusion,
#intrusion2,
#intrusion3,
#intrusion4,
#intrusion5 {
max-width: 400px;
font-size: 16px;
}
#intrusion h2,
#intrusion2 h2,
#intrusion3 h2,
#intrusion4 h2,
#intrusion5 h2 {
font-size: 14px;
font-weight:900;
}
}
@media (max-width: 515px) {
#intrusion,
#intrusion2,
#intrusion3,
#intrusion4,
#intrusion5 {
max-width: 300px;
font-size: 14px;
}
}
@media (max-width: 415px) {
#intrusion,
#intrusion2,
#intrusion3,
#intrusion4,
#intrusion5 {
max-width: 200px;
font-size: 13px;
}
#intrusion h2,
#intrusion2 h2,
#intrusion3 h2,
#intrusion4 h2,
#intrusion5 h2 {
font-size: 12px;
font-weight:900;
}
}
