diff --git a/cours-ensiie.html b/cours-ensiie.html index c66d83f717e1515a45642fe708e560fadb831eae..5abeb2e70f1415710cf76216cb4b3f428f67cfcf 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 bb2598ac68bb261245f4d5c7e4fb209111ef1f3d..1084a0d47c8f63ea409d6b0299604ab1abe1114a 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 b5a20b3b1ae4e3acb7e046e97ee556da35d19553..8437e0076b318fab1dcf0798eae4c2d2a5df63b9 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 */