Lola Darling: Difference between revisions
From LiberationMUSH Wiki
No edit summary |
No edit summary |
||
Line 47: | Line 47: | ||
position: sticky; | position: sticky; | ||
top: 50px; | top: 50px; | ||
border: 2px groove rgb( | border: 2px groove rgb(157, 61, 202); | ||
font-family: 'Tangerine', cursive; font-size: 75px; | font-family: 'Tangerine', cursive; font-size: 75px; | ||
color: rgb(255,255,255); | color: rgb(255,255,255); | ||
Line 107: | Line 107: | ||
-o-text-overflow: ellipsis; | -o-text-overflow: ellipsis; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb( | text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ; | ||
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
Line 137: | Line 137: | ||
-o-text-overflow: ellipsis; | -o-text-overflow: ellipsis; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb( | text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ; | ||
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
Line 167: | Line 167: | ||
-o-text-overflow: ellipsis; | -o-text-overflow: ellipsis; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb( | text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ; | ||
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
Line 218: | Line 218: | ||
-o-text-overflow: ellipsis; | -o-text-overflow: ellipsis; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb( | text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(157, 61, 202) , 0 0 30px rgb(157, 61, 202) , 0 0 40px rgb(157, 61, 202) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ; | ||
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; | ||
Line 227: | Line 227: | ||
.spacer1A:hover { | .spacer1A:hover { | ||
text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(169, 65, 217) , 0 0 15px rgb( | text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(169, 65, 217) , 0 0 15px rgb(157, 61, 202) , 0 0 20px rgb(169, 65, 217) , 0 0 35px rgb(169, 65, 217) , 0 0 40px rgb(136,136,136) , 0 0 50px rgb(136,136,136) , 0 0 75px rgb(136,136,136) ; | ||
} | } | ||
Line 325: | Line 325: | ||
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important; | box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important; | ||
background: linear-gradient(to bottom, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%); | background: linear-gradient(to bottom, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%); | ||
border: 1px double rgb( | border: 1px double rgb(157, 61, 202); | ||
border-radius: 25px; | border-radius: 25px; | ||
width: 250px; | width: 250px; | ||
Line 353: | Line 353: | ||
position: relative; | position: relative; | ||
text-shadow: -1px -1px 2px rgba(79, 102, 108, 0.5), 1px 1px 2px #000000; | text-shadow: -1px -1px 2px rgba(79, 102, 108, 0.5), 1px 1px 2px #000000; | ||
box-shadow: inset 0px 0px 32px 0px rgba(0, 255, 255, .2), inset 0px 0px 16px 0px rgba( | box-shadow: inset 0px 0px 32px 0px rgba(0, 255, 255, .2), inset 0px 0px 16px 0px rgba(157, 61, 202, .1), inset 0px 0px 12px 0px rgba(157, 61, 202, .2), inset 0px 0px 8px 0px rgba(157, 61, 202, .2), inset 0px 0px 4px 0px rgba(0, 50, 50, .3), inset 2px 2px 4px 0px rgba(0, 0, 0, .6), inset 4px 4px 24px 0px rgba(0, 0, 0, .6), inset -2px -2px 12px 0px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .6), 0px 0px 30px rgba(0, 0, 0, .6), 0px 0px 20px rgba(0, 0, 0, .6), 0px 0px 8px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .4) !important; margin-bottom: 1em; | ||
float: right; | float: right; | ||
border-radius: 200px; | border-radius: 200px; | ||
Line 367: | Line 367: | ||
.inset2:hover { | .inset2:hover { | ||
box-shadow: inset 0px 0px 32px 0px rgba( | box-shadow: inset 0px 0px 32px 0px rgba(157, 61, 202, .4), inset 0px 0px 16px 0px rgba(157, 61, 202, .2), inset 0px 0px 12px 0px rgba(157, 61, 202, .4), inset 0px 0px 8px 0px rgba(0, 180, 205, .4), inset 0px 0px 4px 0px rgba(0, 155, 180, .6), inset 2px 2px 4px 0px rgba(0, 0, 0, 1), inset 4px 4px 24px 0px rgba(0, 0, 0, 1), inset -2px -2px 12px 0px rgba(0, 0, 0, 1), inset 0px 0px 100px rgba(0, 0, 0, 1), 0px 0px 30px rgba(0, 0, 0, 1.0), 0px 0px 20px rgba(0, 0, 0, 1.0), 0px 0px 8px rgba(0, 0, 0, 1.0), inset 0px 0px 100px rgba(0, 0, 0, 1) !important; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
Line 709: | Line 709: | ||
max-width: 250px; | max-width: 250px; | ||
background-color: black; | background-color: black; | ||
outline: 1px solid rgb( | outline: 1px solid rgb(157, 61, 202); | ||
-moz-box-shadow: 0px 0px 10px #000000; | -moz-box-shadow: 0px 0px 10px #000000; | ||
webkit-box-shadow: 0px 0px 10px #000000; | webkit-box-shadow: 0px 0px 10px #000000; | ||
Line 758: | Line 758: | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
<br><span class="dropcap2">"A</span> | <br><span class="dropcap2">"A</span>“nd the wild things roared their terrible roars and gnashed their terrible teeth and rolled their terrible eyes and showed their terrible claws.” | ||
― Maurice Sendak, Where the Wild Things Are<br> | ― Maurice Sendak, Where the Wild Things Are<br> | ||
<br> | <br> | ||
<br> | <br> | ||
<br><span class="dropcap1">'''L'''</span>ola is | <br><span class="dropcap1">'''L'''</span>ola is wild thing, she slinks, or struts, clings to corners and walls, watches doors and windows, and disappears when you aren't looking. But when she laughs, it's delightful, and she does it often. And when she smiles, it lights up her features, all the time. | ||
<div class="img2-hover-zoom"> | <div class="img2-hover-zoom"> | ||
Line 809: | Line 809: | ||
<div class="center" style="width:auto; margin-left:auto; margin-right:auto;"> | <div class="center" style="width:auto; margin-left:auto; margin-right:auto;"> | ||
<div class="dropC"><div class="text1"><span>'''[https:// | <div class="dropC"><div class="text1"><span>'''[https://youtu.be/qhlPX4i_Lgw My Body, My Bones - Jim & Sam]'''</span></div><div class="dropC-content"> | ||
<div class="text2"> | <div class="text2"> | ||
Oohooh oohooh <br> | |||
Oohoohoohoohooh<br> | |||
You strike a match, I light the flame I'd die for you<br> | |||
Falling on my weak and willing knees to the ground<br> | |||
Hands to my chest you showed me how<br> | |||
The rumbling in my heart goes pound for pound<br> | |||
Ohohohoh<br> | |||
My body, my bones, you got me by the spine<br> | |||
</div></div></div> | </div></div></div> | ||
<br> | <br> | ||
<div class="dropC"><div class="text1"><span>'''[https:// | <div class="dropC"><div class="text1"><span>'''[https://youtu.be/X-Rz1lbvPVQ The Hot Damns - Something Evil (ft. Marc Scibilia)]'''</span></div><div class="dropC-content"> | ||
<div class="text2"> | <div class="text2"> | ||
Something smooth<br> | |||
Something dangerous<br> | |||
Something wicked<br> | |||
By the devils touch<br> | |||
Ohhh ohhh ohhh<br> | |||
Something evil, mhh mhh<br> | |||
</div></div></div> | </div></div></div> | ||
<br> | <br> | ||
<div class="dropC"><div class="text1"><span>'''[https:// | <div class="dropC"><div class="text1"><span>'''[https://youtu.be/EgjKGHBl6M8 Help I'm Alive - Metric]'''</span></div><div class="dropC-content"> | ||
<div class="text2"> | <div class="text2"> | ||
I tremble (I tremble, I tremble) | |||
They're gonna eat me alive (gonna eat me alive) | |||
If I stumble (if I stumble, if I stumble) | |||
They're gonna eat me alive (gonna eat me alive) | |||
Can you hear my heart beating like a hammer? | |||
Beating like a hammer? | |||
</div></div></div> | </div></div></div> | ||
<br> | <br> | ||
</div></div></div> | </div></div></div> | ||
</div> | </div> |
Revision as of 03:48, 9 February 2023
|
Description
Lola has the hungry lean look of a wolf in winter, perpetually underweight, she masks the lines and angles of her body with oversized baggy clothes, which makes a large part of her wardrobe baggy jeans and oversized hoodies.
Roleplay Hooks
|