modif css
This commit is contained in:
parent
50955478c0
commit
8bd3c0c41f
7 changed files with 71 additions and 10 deletions
|
@ -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;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
23
css/t2.css
23
css/t2.css
|
@ -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;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
24
css/t3.css
24
css/t3.css
|
@ -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;
|
||||||
|
|
||||||
|
}
|
18
css/t9.css
18
css/t9.css
|
@ -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
BIN
img/GIF-CHATON.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 120 KiB |
BIN
img/miaou1.jpeg
Normal file
BIN
img/miaou1.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.9 KiB |
|
@ -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>
|
Loading…
Reference in a new issue