Difference between revisions of "Arielle"

From City of Hope MUSH
Jump to navigation Jump to search
imported>DeniseGodin1521
(Created page with "<font color=#000000; font-size: 12pt;font-family: Garamond">''' {{ :Template:Charpage | full name = Arielle | disclaimer position = off | gallery position = l...")
 
imported>DeniseGodin1521
 
(One intermediate revision by the same user not shown)
Line 21: Line 21:
 
}}
 
}}
 
[[Category:PCs]] [[Category:Active PCs]] [[Category:Bygones]]
 
[[Category:PCs]] [[Category:Active PCs]] [[Category:Bygones]]
 +
 +
<div id="background-wrap">
 +
    <div class="bubble x1"></div>
 +
    <div class="bubble x2"></div>
 +
    <div class="bubble x3"></div>
 +
    <div class="bubble x4"></div>
 +
    <div class="bubble x5"></div>
 +
    <div class="bubble x6"></div>
 +
    <div class="bubble x7"></div>
 +
    <div class="bubble x8"></div>
 +
    <div class="bubble x9"></div>
 +
    <div class="bubble x10"></div>
 +
</div>
 +
 +
 +
__NOTOC__ __NOEDITSECTION__
 +
{{#css:
 +
 +
@import 'https://fonts.googleapis.com/css?family=Seaweed+Script';
 +
@import 'https://fonts.googleapis.com/css?family=Eczar';
 +
 +
.wrapper {
 +
  margin: auto;
 +
  max-width: 1000px;
 +
  height: auto;
 +
  background: linear-gradient( #006994, #000000);
 +
  border: 3px ridge black;
 +
  -webkit-box-shadow: 0px 0px 8px rgba(234,244,158,0.3);
 +
  -moz-box-shadow:    0px 0px 8px rgba(234,244,158,0.3);
 +
  box-shadow:        0px 0px 8px rgba(234,244,158,0.3);
 +
  position: relative;
 +
  z-index: 99;
 +
  color: #00ae88;
 +
  font-family: Eczar, Serif;
 +
  font-size: 14pt;
 +
}
 +
 +
 +
#background-wrap {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  z-index: 1;
 +
  pointer-events: none;
 +
}
 +
 +
/* KEYFRAMES */
 +
 +
@-webkit-keyframes animateBubble {
 +
    0% {
 +
        margin-top: 1000px;
 +
    }
 +
    100% {
 +
        margin-top: -100%;
 +
    }
 +
}
 +
 +
@-moz-keyframes animateBubble {
 +
    0% {
 +
        margin-top: 1000px;
 +
    }
 +
    100% {
 +
        margin-top: -100%;
 +
    }
 +
}
 +
 +
@keyframes animateBubble {
 +
    0% {
 +
        margin-top: 1000px;
 +
    }
 +
    100% {
 +
        margin-top: -100%;
 +
    }
 +
}
 +
 +
@-webkit-keyframes sideWays {
 +
    0% {
 +
        margin-left:0px;
 +
    }
 +
    100% {
 +
        margin-left:50px;
 +
    }
 +
}
 +
 +
@-moz-keyframes sideWays {
 +
    0% {
 +
        margin-left:0px;
 +
    }
 +
    100% {
 +
        margin-left:50px;
 +
    }
 +
}
 +
 +
@keyframes sideWays {
 +
    0% {
 +
        margin-left:0px;
 +
    }
 +
    100% {
 +
        margin-left:50px;
 +
    }
 +
}
 +
 +
/* ANIMATIONS */
 +
 +
.x1 {
 +
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
 +
left: -5%;
 +
top: 5%;
 +
 +
-webkit-transform: scale(0.6);
 +
-moz-transform: scale(0.6);
 +
transform: scale(0.6);
 +
}
 +
 +
.x2 {
 +
    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
 +
left: 5%;
 +
top: 80%;
 +
 +
-webkit-transform: scale(0.4);
 +
-moz-transform: scale(0.4);
 +
transform: scale(0.4);
 +
}
 +
 +
.x3 {
 +
    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
 +
left: 10%;
 +
top: 40%;
 +
 +
-webkit-transform: scale(0.7);
 +
-moz-transform: scale(0.7);
 +
transform: scale(0.7);
 +
}
 +
 +
.x4 {
 +
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
 +
animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
 +
 +
left: 20%;
 +
top: 0;
 +
 +
-webkit-transform: scale(0.3);
 +
-moz-transform: scale(0.3);
 +
transform: scale(0.3);
 +
}
 +
 +
.x5 {
 +
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
 +
left: 30%;
 +
top: 50%;
 +
 +
-webkit-transform: scale(0.5);
 +
-moz-transform: scale(0.5);
 +
transform: scale(0.5);
 +
}
 +
 +
.x6 {
 +
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
 +
left: 50%;
 +
top: 0;
 +
 +
-webkit-transform: scale(0.8);
 +
-moz-transform: scale(0.8);
 +
transform: scale(0.8);
 +
}
 +
 +
.x7 {
 +
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
 +
left: 65%;
 +
top: 70%;
 +
 +
-webkit-transform: scale(0.4);
 +
-moz-transform: scale(0.4);
 +
transform: scale(0.4);
 +
}
 +
 +
.x8 {
 +
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
 +
animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
 +
 +
left: 80%;
 +
top: 10%;
 +
 +
-webkit-transform: scale(0.3);
 +
-moz-transform: scale(0.3);
 +
transform: scale(0.3);
 +
}
 +
 +
.x9 {
 +
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
 +
 +
left: 90%;
 +
top: 50%;
 +
 +
-webkit-transform: scale(0.6);
 +
-moz-transform: scale(0.6);
 +
transform: scale(0.6);
 +
}
 +
 +
.x10 {
 +
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
 +
 +
left: 80%;
 +
top: 80%;
 +
 +
-webkit-transform: scale(0.3);
 +
-moz-transform: scale(0.3);
 +
transform: scale(0.3);
 +
}
 +
 +
/* OBJECTS */
 +
 +
.bubble {
 +
    -webkit-border-radius: 50%;
 +
-moz-border-radius: 50%;
 +
border-radius: 50%;
 +
 +
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
 +
-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
 +
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
 +
 +
    height: 100px;
 +
position: absolute;
 +
width: 100px;
 +
}
 +
 +
img {
 +
    max-width: 100%;
 +
    height: auto;
 +
}
 +
 +
}}

Latest revision as of 18:56, 22 September 2019


Introduction
ArielleM2.jpg

Once upon a time, there was a beautiful young mermaid, named Arielle. She lived under the sea with her family and the other merpeople. She was always longing for something more. She kept a cavern that she filled with things - lost treasures from the world above the sea. She collected things for many years, and one day, started being brace enough to swim to the shore and fell in love with a handsome Prince. We all know the story, but not quite the end.

Arielle found her love, with the assistance from the evil sea hag. We know how the story went there. What isn't in the movie or the storytale that ended quite differently, is that after a time, she realized she did not age, while her love did. On top of that, her wish granted by the MerKing to be allowed to be human and marry her Prince was more than she thought. She could shapechange back to a mermaid whenever she chose to. She lived a happy life until her Prince died, and she returned to the sea, back to her family.

Nothing was quite the same, and she left her home and started wandering the oceans. She made a new dolphin friend and they ended up off the coast of California. She found a new cavern, and started filling it with treasures she found again. She was rediscovering herself, and slowly healing from the loss of her mortal homid husband. On one such trip, she ended up saving a fisherman, named Gerard. He became her friend, and she revealed her true self to him. Since then, he has helped her from time to time. Mainly in getting to know the present day society, and setting her up with a place to live on land, as well as selling off some of the treasures she finds under the sea.

[ edit ]

Contacts
Arielle/Contacts

[ edit ]

Gallery

ArielleM1.jpg ArielleH1.jpg
ArielleH3.jpg ArielleH4.jpg

[ edit ]

Arielle
ArielleH2.jpg

[ edit ]

Overview
Arielle/Infobox

[ edit ]

RP Hooks
Arielle/Hooks

[ edit ]

Cavern
Arielle/Cavern

[ edit ]

Logs
Arielle/Logs

[ edit ]



Retrieved from "https://cityofhopemush.net/index.php?title=Arielle&oldid=12624"