diff --git a/cours-ensiie.html b/cours-ensiie.html index f89759d68b92c9466eefe216fa2c9b977ac03258..bd6f8556d9ad4273030603a284c0cd58dbcfc50f 100644 --- a/cours-ensiie.html +++ b/cours-ensiie.html @@ -26,8 +26,10 @@ <header> <a href="index.html" class="header_content" title="Revenir à l'accueil"> <img src="https://avatars1.githubusercontent.com/u/12085737?s=400" class="avatar" draggable="false" /> - <div class="nickname"><b>Salixor</b></div> - <div class="description">Au fond, je suis un peu un weeb.</div> + <div> + <div class="nickname"><b>Salixor</b></div> + <div class="description">Au fond, je suis un peu un weeb.</div> + </div> </a> <button type="button" class="theme_toggle" onclick="toggleLights(this)" title="Changer de thème"> diff --git a/index.html b/index.html index fb0a565c1f2ecf53ef79c86697ad88213d2a995a..f02d590cec079baa864f66cfcc034f7e2adc7170 100644 --- a/index.html +++ b/index.html @@ -26,8 +26,10 @@ <header> <a href="index.html" class="header_content" title="Revenir à l'accueil"> <img src="https://git.iiens.net/uploads/-/system/user/avatar/257/avatar.png?width=512" class="avatar" draggable="false" /> - <div class="nickname"><b>Salixor</b></div> - <div class="description">Au fond, je suis un peu un weeb.</div> + <div> + <div class="nickname"><b>Salixor</b></div> + <div class="description">Au fond, je suis un peu un weeb.</div> + </div> </a> <button type="button" class="theme_toggle" onclick="toggleLights(this)" title="Changer de thème"> diff --git a/styles.css b/styles.css index b063c298f4721f2f8a1a5c25f9f83e823fc81675..38ff8c4f7bb20f403b14b9c70bc963f99d7cf930 100644 --- a/styles.css +++ b/styles.css @@ -41,7 +41,7 @@ div.container { flex-direction: column; } div.container { - margin: 60px 0 0; + margin: 40px 0 0; flex-grow: 1; } } @@ -108,15 +108,14 @@ section.container a::after { header { background: var(--accent-color) url("ressources/bg_crop_kumiko.png") 90% bottom / contain no-repeat; width: 100%; - height: 200px; + padding: 40px; + height: 190px; color: #FFFFFF; box-shadow: inset 0 -10px 0 0 rgba(0,0,0,0.5); } header a.header_content { - margin: 60px 0 0 40px; - position: absolute; - display: block; + display: inline-flex; text-decoration: none; color: #fff !important; } @@ -128,13 +127,14 @@ header a.header_content:hover { header img.avatar { border-radius: 100%; - box-shadow: 0 0 0 10px #FFFFFF; - height: 100px; - width: 100px; - float: left; + border: 10px double #fff; + height: 110px; + width: 110px; + margin-right: 20px; } -header div.nickname, header div.description { margin: 0 0 0 130px; } +header a.header_content:hover img.avatar { border-style: solid; } + header div.nickname { font-size: 42px; margin-top: 30px; font-weight: bold; } header div.description { font-size: 14px; margin-top: -5px; }