finalisation style
This commit is contained in:
parent
0f3635b3aa
commit
e23fe94921
2 changed files with 37 additions and 8 deletions
|
@ -21,14 +21,11 @@
|
|||
|
||||
<div class="item_nav">
|
||||
Temps:
|
||||
<input id="temps" type="number" value="000" disabled>
|
||||
<input id="temps" type="number" value="0" disabled>
|
||||
</div>
|
||||
|
||||
<div class="item_nav">
|
||||
Mines restantes:10
|
||||
</div>
|
||||
<div class="item_nav">
|
||||
<button id="options-button" onclick="options()">Options</button>
|
||||
<a id="options-button" href="#" onclick="options()">Options</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
@ -39,7 +36,7 @@
|
|||
|
||||
</div>
|
||||
<!-- <button id="debut_game" class="game_button" onclick="chrono()">GO!</button>-->
|
||||
<button id="fin_game" class="game_button" onclick="resetJeu()">Abandon</button>
|
||||
<button id="fin_game" onclick="resetJeu()">Abandon</button>
|
||||
|
||||
<div id="cookies-popup" class="popup">
|
||||
<div id="cookies-popup-content">
|
||||
|
|
36
style.css
36
style.css
|
@ -1,15 +1,30 @@
|
|||
#nav_demineur{
|
||||
width: 100%;
|
||||
|
||||
background-color: #2bd7d484;
|
||||
border-width: 2px;
|
||||
border-style: double;
|
||||
height: 25px;
|
||||
display: flex;
|
||||
justify-content:flex-start;
|
||||
|
||||
}
|
||||
|
||||
#nav_demineur .item_nav {
|
||||
margin-top: 3px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#nav_demineur a {
|
||||
color: #000000; /* Couleur du texte */
|
||||
text-decoration: none; /* Supprime le soulignement */
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
transition: background-color 0.7s, color 0.3s;
|
||||
}
|
||||
|
||||
#nav_demineur a:hover {
|
||||
background-color: #0039b33b; /* Couleur de fond au survol */
|
||||
color: #fff; /* Couleur du texte au survol */
|
||||
}
|
||||
#body_demineur{
|
||||
background-color: #007BFF;
|
||||
|
||||
|
@ -49,6 +64,23 @@
|
|||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#fin_game {
|
||||
background-color: #00c4ff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
margin: 20px auto;
|
||||
display: block;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||||
transition: background-color 0.3s, box-shadow 0.3s;
|
||||
}
|
||||
|
||||
#fin_game:hover {
|
||||
background-color: #0056b3;
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.popup {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
|
Loading…
Reference in a new issue