Lowe: Difference between revisions
From LiberationMUSH Wiki
No edit summary |
No edit summary |
||
(9 intermediate revisions by 2 users not shown) | |||
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: 220px; | |||
max-height: 220px; | |||
-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: 7px 7px 10px rgba(0, 0, 0, 0.75); | |||
webkit-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.75); | |||
box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.75); | |||
} | |||
@media only screen and (min-width: 200px) { | |||
.image-gallery { | |||
flex-direction: row; | |||
} | |||
</css> | </css> | ||
Line 19: | Line 60: | ||
| | | | ||
<div class="body"> | <div class="body"> | ||
<div style="width: | <div style="width: 775px; padding: 25px; border: 2px solid #d1ae79; background: #000000; color: #595959"> | ||
[[Image:Jared_Celma_01_BG_crop.jpg| | [[Image:Jared_Celma_01_BG_crop.jpg|775px|center]] | ||
<div style="vertical-align: top; float: right; margin-top: 2em; padding: 1em; border: 2px #d1ae79 solid; margin-left: 1em; background: #e3ccaa; max-width: 270px"> | <div style="vertical-align: top; float: right; margin-top: 2em; padding: 1em; border: 2px #d1ae79 solid; margin-left: 1em; background: #e3ccaa; max-width: 270px"> | ||
{| | {| | ||
| colspan="2" | <div style="margin-top: 1em">[[Image:Jared_Celma_02.jpg|x300px|center]]<br></div> | | colspan="2" | <div style="margin-top: 1em">[[Image:Jared_Celma_02.jpg|x300px|center]]<br></div> | ||
<div style="text-align: center; color: # | <div style="text-align: center; color: #3e382f">''<font style="color: #3e382f; font-size: 25pt; font-family:'Comforter', cursive">"Power tends to corrupt, <br>and absolute power<br>absolutely corrupts.”<br>- Lord Acton</font>''<br><font size="3">'''<big></big>'''</font></div><br /> | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Name:''' | | class="left" style="vertical-align: top" | '''Name:''' | ||
Line 34: | Line 75: | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Birthday:''' | | class="left" style="vertical-align: top" | '''Birthday:''' | ||
| | | May 30 | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Hometown:''' | | class="left" style="vertical-align: top" | '''Hometown:''' | ||
| | | Newport Beach, CA | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Occupation:''' | | class="left" style="vertical-align: top" | '''Occupation:''' | ||
| | | Entrepreneur | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Demeanor:''' | | class="left" style="vertical-align: top" | '''Demeanor:''' | ||
| | | Competitor | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Flavor:''' | | class="left" style="vertical-align: top" | '''Flavor:''' | ||
Line 52: | Line 93: | ||
|- | |- | ||
| class="left" style="vertical-align: top" | '''Resides:''' | | class="left" style="vertical-align: top" | '''Resides:''' | ||
| | | Studio City | ||
|- | |- | ||
| colspan="2" | | | colspan="2" | | ||
|} | |} | ||
</div> | </div> | ||
Line 65: | Line 102: | ||
<font style="color: #d1ae79; font-size: 30pt; font-family:'Comforter', cursive">Hooks</font> | <font style="color: #d1ae79; font-size: 30pt; font-family:'Comforter', cursive">Hooks</font> | ||
* <span style="color:#d1ae79">''' | * <span style="color:#d1ae79">'''Coming soon'''</span>: Coming soon | ||
* <span style="color:#d1ae79">''' | * <span style="color:#d1ae79">'''Coming soon'''</span>: Coming soon | ||
* <span style="color:#d1ae79">''' | * <span style="color:#d1ae79">'''Coming soon'''</span>: Coming soon | ||
* <span style="color:#d1ae79">''' | * <span style="color:#d1ae79">'''Coming soon'''</span>: Coming soon | ||
* <span style="color:#d1ae79">''' | * <span style="color:#d1ae79">'''Coming soon'''</span>: Coming soon | ||
<br><font style="color: #d1ae79; font-size: 30pt; font-family:'Comforter', cursive">Music</font> <br> | |||
[https://www.youtube.com/watch <span class="hilite2">Coming soon</span>] | |||
<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:Jared_Celma_04_210.jpg]] | |||
</div> | |||
</div> | |||
<div class="column"> | |||
<div class="image-item"> | |||
[[File:Jared_Celma_08_210.jpg]] | |||
</div> | |||
<div class="image-item"> | |||
[[File:Jared_Celma_09_210.jpg]] | |||
</div> | |||
</div> | |||
<div class="column"> | |||
<div class="image-item"> | |||
[[File:Jared_Celma_10_210.png]] | |||
</div> | |||
<div class="image-item"> | |||
[[File:Jared_Celma_14_210.jpg]] | |||
</div> | |||
</div> | |||
</div> | |||
Line 86: | Line 151: | ||
[[Category:Characters]] | [[Category:Characters]] | ||
[[Category: | [[Category:Active PCs]] | ||
Latest revision as of 03:58, 12 April 2024