From a27a262b67f3d09238d8f75c3a88f8fb90ce3009 Mon Sep 17 00:00:00 2001
From: salixor <salixor@pm.me>
Date: Fri, 28 Jun 2024 00:04:04 +0200
Subject: [PATCH] =?UTF-8?q?Changement=20de=20l'affichage=20pour=20le=20cha?=
=?UTF-8?q?ngeur=20de=20th=C3=A8me?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
cours-ensiie.html | 8 +++++++-
index.html | 8 +++++++-
styles.css | 8 +++-----
3 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/cours-ensiie.html b/cours-ensiie.html
index c66d83f..5abeb2e 100644
--- a/cours-ensiie.html
+++ b/cours-ensiie.html
@@ -31,7 +31,13 @@
</a>
<div class="floating_links">
- <button type="button" class="theme_toggle" onclick="toggleLights(this)" data-dark="Thème sombre" data-light="Thème clair">{LIGHT SWITCHER}</button>
+ <button
+ type="button" class="theme_toggle"
+ onclick="toggleLights(this)"
+ data-dark="⚬"
+ data-light="☀"
+ title="Changer de thème"
+ >{LIGHT SWITCHER}</button>
</div>
</header>
diff --git a/index.html b/index.html
index bb2598a..1084a0d 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,13 @@
</a>
<div class="floating_links">
- <button type="button" class="theme_toggle" onclick="toggleLights(this)" data-dark="Thème sombre" data-light="Thème clair">{LIGHT SWITCHER}</button>
+ <button
+ type="button" class="theme_toggle"
+ onclick="toggleLights(this)"
+ data-dark="⚬"
+ data-light="☀"
+ title="Changer de thème"
+ >{LIGHT SWITCHER}</button>
</div>
</header>
diff --git a/styles.css b/styles.css
index b5a20b3..8437e00 100644
--- a/styles.css
+++ b/styles.css
@@ -98,7 +98,7 @@ section.container a::after {
}
header {
- background: #333333 url("ressources/bg_crop_kumiko.png") 95% bottom / contain no-repeat;
+ background: #333333 url("ressources/bg_crop_kumiko.png") 90% bottom / contain no-repeat;
width: 100%;
height: 200px;
color: #FFFFFF;
@@ -201,20 +201,18 @@ button.theme_toggle {
border: none;
border-radius: 5px;
padding: 5px 8px;
- line-height: 8px;
color: #ffffff;
font-size: 8px;
text-transform: uppercase;
width: 100%;
text-align: center;
+ line-height: 30px;
+ font-size: 30px;
}
button.theme_toggle { background-color: #333333; display: none; margin-bottom: 5px; }
button.theme_toggle:hover { background-color: #505050; }
-@media only screen and (min-width: 600px) {
- button.theme_toggle { line-height: 10px; font-size: 10px; }
-}
/* Files list */
--
GitLab