Utilisation d'un png au lieu de plusieurs images
> Permet d'éviter d'avoir plusieurs images inutiles
This commit is contained in:
parent
06ae35500b
commit
c0910f319a
@ -54,4 +54,9 @@
|
|||||||
p{
|
p{
|
||||||
color:white;
|
color:white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#photoProfil{
|
||||||
|
background-color:darken(#5c9ead,30%);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -132,16 +132,7 @@ footer small{
|
|||||||
color:$white;
|
color:$white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#photoProfil.dark{
|
// Photo de Profil
|
||||||
display:none;
|
#photoProfil{
|
||||||
}
|
background-color:lightgray;
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
|
||||||
#photoProfil.dark{
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#photoProfil.light{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
}
|
}
|
14
css/main.css
14
css/main.css
@ -7065,7 +7065,9 @@ label.panel-block {
|
|||||||
border-width: 4px;
|
border-width: 4px;
|
||||||
color: white; }
|
color: white; }
|
||||||
p {
|
p {
|
||||||
color: white; } }
|
color: white; }
|
||||||
|
#photoProfil {
|
||||||
|
background-color: #25444b; } }
|
||||||
|
|
||||||
#idCard .hero-body {
|
#idCard .hero-body {
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
@ -7115,11 +7117,5 @@ section#contact .button {
|
|||||||
footer small {
|
footer small {
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
|
||||||
#photoProfil.dark {
|
#photoProfil {
|
||||||
display: none; }
|
background-color: lightgray; }
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#photoProfil.dark {
|
|
||||||
display: block; }
|
|
||||||
#photoProfil.light {
|
|
||||||
display: none; } }
|
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 38 KiB |
BIN
images/profile_opt.png
Normal file
BIN
images/profile_opt.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 169 KiB |
@ -35,11 +35,8 @@
|
|||||||
<div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
|
<div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-image">
|
<div class="card-image">
|
||||||
<figure id="photoProfil" class="image light">
|
<figure id="photoProfil" class="image">
|
||||||
<img src="images/profile_opt.jpg" alt="Une Photo de moi">
|
<img src="images/profile_opt.png" alt="Une Photo de moi">
|
||||||
</figure>
|
|
||||||
<figure id="photoProfil" class="image dark">
|
|
||||||
<img src="images/profile_nuit_opt.jpg" alt="Une Photo de moi">
|
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user