modif css

This commit is contained in:
Justine Beau 2024-12-10 14:56:28 +01:00
parent 50955478c0
commit 8bd3c0c41f
7 changed files with 71 additions and 10 deletions

View file

@ -24,3 +24,10 @@ table {
border: 1px solid #000; border: 1px solid #000;
} }
table.table_magasin{
width: 150px;
padding: 12px;
margin-top: 10px;
margin-bottom: 10px;
}

View file

@ -49,3 +49,26 @@ td, th {
text-align: left; text-align: left;
border: 8px solid #fc04fc; border: 8px solid #fc04fc;
} }
div.ad{
visibility: visible;
display: block !important;
float: right;
width: 162px;
padding: 12px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #87bc44;
background: #e0ff92;
line-height: 1.2;
}
div.ad.adt3{
visibility: hidden;
}
table.table_magasin{
width: 150px;
padding: 12px;
margin-top: 10px;
margin-bottom: 10px;
}

View file

@ -52,3 +52,27 @@ td {
text-align: left; text-align: left;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
div.ad{
visibility: visible;
display: block !important;
float: right;
width: 162px;
padding: 12px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #87bc44;
background: #e0ff92;
line-height: 1.2;
}
div.ad.adt3{
visibility: visible;
}
table.table_magasin{
width: 150px;
padding: 12px;
margin-top: 10px;
margin-bottom: 10px;
}

View file

@ -5,8 +5,8 @@ body {
color: #2c3e50; color: #2c3e50;
margin: 0; margin: 0;
padding: 90px; padding: 90px;
background-image: linear-gradient(black, white);
background-image: url(../img/codevert.jpg);
} }
h1, h2, h3 { h1, h2, h3 {
@ -20,7 +20,7 @@ h1, h2, h3 {
button { button {
padding: 25px 50px; padding: 25px 50px;
border: none; border: none;
background-color: #2980b9; background-color: #e74c3c;
color: white; color: white;
cursor: pointer; cursor: pointer;
border-radius: 40px; border-radius: 40px;
@ -31,7 +31,7 @@ button {
} }
button:hover { button:hover {
background-color: #3498db; background-color: #ff9900;
transform: translateY(-5px); transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
} }
@ -56,30 +56,30 @@ img:hover {
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
border: 3px solid #2980b9; border: 3px solid #ff9900;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
} }
td, th { td, th {
padding: 30px; padding: 30px;
text-align: left; text-align: left;
border: 1px solid #ddd; border: 1px solid #ff9900;
font-size: 20px; font-size: 20px;
letter-spacing: 1px; letter-spacing: 1px;
} }
td { td {
background-color: #f9f9f9; background-color: #ecf0f1;
} }
th { th {
background-color: #2980b9; background-color: #ff9900;
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
} }
table tr:hover { table tr:hover {
background-color: #f1f1f1; background-color: #b61212;
} }

BIN
img/GIF-CHATON.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

BIN
img/miaou1.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

View file

@ -29,7 +29,7 @@
<table id="table_magasin"> <table id="table_magasin" class="table_magasin">
<thead id="table_magasin_head"> <thead id="table_magasin_head">
</thead> </thead>
@ -47,8 +47,15 @@
<button onclick="fermerAlerte()">OK</button> <button onclick="fermerAlerte()">OK</button>
</div> </div>
</div> </div>
<div class="ad" style="display: none;">
<img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
<img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
</div>
</body> </body>
<footer> <footer>
<p>L'evolution est non contractuelle, adaptée pour le gameplay</p> <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
</footer> </footer>
</html> </html>