Lowe: Difference between revisions
From LiberationMUSH Wiki
No edit summary |
No edit summary |
||
Line 10: | Line 10: | ||
.hilite2 {color: #a42d33;} | .hilite2 {color: #a42d33;} | ||
.image-gallery { | |||
/* Mobile first */ | |||
display: flex; | |||
flex-direction: column; | |||
gap: 10px; | |||
} | |||
.image-gallery .column { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 10px; | |||
} | |||
.image-gallery img:hover { | |||
-webkit-transform: scale(1.05); | |||
-moz-transform: scale(1.05); | |||
-o-transform: scale(1.05); | |||
-ms-transform: scale(1.05); | |||
transform: scale(1.05); | |||
cursor: pointer; | |||
} | |||
.image-item img { | |||
overflow: hidden; | |||
max-width: 210px; | |||
max-height: 210px; | |||
-webkit-transition: all 0.5s ease; | |||
-moz-transition: all 0.5s ease; | |||
-o-transition: all 0.5s ease; | |||
-ms-transition: all 0.5s ease; | |||
transition: all 0.5s ease; | |||
margin: auto; | |||
-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75); | |||
webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75); | |||
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75); | |||
} | |||
@media only screen and (min-width: 200px) { | |||
.image-gallery { | |||
flex-direction: row; | |||
} | |||
</css> | </css> | ||
Line 80: | Line 121: | ||
<div style="clear: both"> | <div style="clear: both"> | ||
</div> | </div> | ||
<div class="container"> | |||
<div class="image-gallery"> | |||
<div class="column"> | |||
<div class="image-item"> | |||
[[File:Jared_Celma_03_210.png]] | |||
</div> | |||
<div class="image-item"> | |||
[[File:replaceme.jpg]] | |||
</div> | |||
</div> | |||
<div class="column"> | |||
<div class="image-item"> | |||
[[File:replaceme.jpg]] | |||
</div> | |||
<div class="image-item"> | |||
[[File:replaceme.jpg]] | |||
</div> | |||
</div> | |||
<div class="column"> | |||
<div class="image-item"> | |||
[[File:replaceme.jpg]] | |||
</div> | |||
<div class="image-item"> | |||
[[File:replaceme.jpg]] | |||
</div> | |||
</div> | |||
</div> | |||
Line 86: | Line 153: | ||
[[Category:Characters]] | [[Category:Characters]] | ||
Revision as of 23:52, 11 April 2024