Angel: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
 
(43 intermediate revisions by 3 users not shown)
Line 1: Line 1:
__NOTOC__
{| width="725" align="center" style="background-color: #000000; color: #ff87df; border: 1px solid #ff87df; "
| style = "border-bottom:1px solid #ff87df; padding: 0px; spacing:0px; margin:0px;"|
<center>[[File:Angel Quote.jpg|200px]]</center>
|-
|style="spacing: 0px; margin: 0px; padding: 0px;"|
{|
|style="spacing: 0px; margin: 0px; padding: 0px;"|
{| style="background-color: #000000; color: #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
! <center>Angel</center>
|-
|


{{#css:  
{| width="100%" class="infobox" style="background: linear-gradient(to right, rgba(240,250,245,1) 10%,rgba(250,250,250,1) 100%); color: #000000; border: 1px solid #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
| colspan="2" | [[Image:Angel.jpg|275px|center]]
|-
| colspan="2" | <hr />
|-
| class="left" | '''Full Name:''' Ashlyn Stone
|-
| class="left" | '''Appears As:''' Angel
|-
| class="left" | '''Apparent&nbsp;Age:''' 21
|-
| class="left" | '''Occupation:''' Mechanic
|-
| class="left" | '''Demeanor:''' Rebel
|-
| class="left" | '''Hobby:''' Street Racing
|-
| colspan="2" | <hr />
|-
| class="left" | '''Sphere:''' Mortal
|-
| colspan="2" | <hr />
|-
| colspan="2" | <center> '''Statistics:''' </center>
|-
| colspan="2" | Appearance 🔵🔵🔵🔵⚫️
|-
| colspan="2" | Dexterity 🔵🔵🔵⚫️⚫️
|-
| colspan="2" | Drive 🔵🔵🔵🔵⚫️
|-
| colspan="2" | Crafts (Mechanic) 🔵🔵🔵🔵⚫️
|-
| colspan="2" | <hr />
|-
| colspan="2" | Merit - Expert Driver
|-
| colspan="2" | Flaw - Profiled Appearance
|-
| colspan="2" | Flaw - Troublemaker
|-
| colspan="2" | <hr />
|}


.container {
|}
        margin: auto;
| valign=top style="spacing: 0px; margin: 0px; padding: 0px;"|
        height: auto;
{| width="100%" style="background-color: #000000; color: #ff87df; "
        width: 1000px;
! <center>Background</center>
        font-family: Futura, "Trebuchet MS", Arial, sans-serif;
|-
        color: #d60660;
|
        display: flex;
        flex-direction: column;
      }


      .light {
{| width="100%" style="background: linear-gradient(to right, rgba(250,250,250,1) 30%,rgba(240,250,245,1) 100%); color: #000000; border: 1px solid #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
        background-color: white;
|
        border-color: brown;
"Text"
      }
|-
|}
|-
! <center>Hooks</center>
|-
|


      .dark {
{| width="100%" style="background: linear-gradient(to right, rgba(250,250,250,1) 30%,rgba(240,250,245,1) 100%); color: #000000; border: 1px solid #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
        background-color: #d60660;
|
        color: white;
      }


      .top-section {
* Angel is a damn good mechanic if it has wheels. Hit her up if you need something fixed.
        display: flex;
* She gets her kicks one mile at a time: Racing either in the city or out in the desert.
      }
|}
|-
! <center>Gallery</center>
|-
|


      .right-panel {
{| width="100%" style="background: linear-gradient(to right, rgba(250,250,250,1) 30%,rgba(240,250,245,1) 100%); color: #000000; border: 1px solid #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
        width: 70%;
| <br><center>[[File:Angel 1.jpg|99px]][[File:Angel 2.jpg|100px]][[File:Angel 3.jpg|115px]][[File:Angel 5.jpg|101px]][[File:Angel 6.jpg|137px]][[File:Angel 4.png|120px]][[File:Angel 7.jpg|122px]]</center>
        height: auto;
|-
      }


      .left-panel {
|}
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 8px;
        border-style: solid;
        border-color: #d60660;
        border-bottom-style: hidden;
        background-color: #fefeff;
        font-size: 0.9em;
      }


      .portrait-image {
|-
        width: 100%;
! <center>Soundtrack</center>
      }
|-
|


      .portrait-image img {
{| width="100%" style="background: linear-gradient(to right, rgba(250,250,250,1) 30%,rgba(240,250,245,1) 100%); color: #000000; border: 1px solid #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
        width: 100%;
|
        height: auto;
<center>[https://www.youtube.com/watch?v=up7pvPqNkuU Shut up and Drive - Rihanna]</center>
      }
|}


      .info-table {
|-
        margin: auto;
! <center>Contacts</center>
        width: 100%;
|-
        padding: 0 1em;
|
      }


      .info-table-label {
{| width="100%" style="background: linear-gradient(to right, rgba(250,250,250,1) 30%,rgba(240,250,245,1) 100%); color: #000000; border: 1px solid #ff87df;spacing: 0px; margin: 0px; padding: 0px;"
        font-weight: 600;
|
        width: 45%;
      }


      .center {
        text-align: center;
      }


      .underline {
        border-bottom-style: solid;
        border-bottom-width: 0.1em;
        padding-bottom: 0.5em;
      }


      .label {
        margin: 0.2em 0;
        font-size: 1.4em;
        font-weight: 600;
        font-style: italic;
      }


      .header-container {
<br>
        width: 100%;
|}
        display: flex;
        justify-content: center;
        padding: 2em 0;
      }


      .header-title {
|-
        width: 94%;
! colspan="3" style="background-color: #000000; color: #ff87df;padding: 0px; spacing:0px; margin:0px;"| <center>Logs</center>
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
|-
        font-size: 25px;
| colspan="3" |
        letter-spacing: 2px;
{| width="100%" style="background: linear-gradient(to right, rgba(240,250,245,1) 0%, rgba(250,250,250,1) 50%, rgba(240,250,245,1) 100%); color: #000000; border: 1px solid #ff87df;"
        word-spacing: 2px;
| {{#dpl:
        font-weight: 700;
|linksto=Angel
        text-decoration: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
      }
 
      .photo-banner {
        width: 100%;
        height: auto;
      }
 
      .photo-banner img {
        width: 100%;
        height: 100%;
      }
 
      .mid-banner {
        margin: 0 0 -1em 0;
      }
 
      .biography-container {
        width: 94%;
        padding: 1em 3%;
      }
 
      .hooks-container, .contacts-container, .gallery-container, .logs-container {
        width: 94%;
        padding: 1em 3%;
        font-size: 0.9em;
        display: flex;
        flex-direction: column;
      }
 
      .hooks-content {
        width: 100%;
        display: flex;
      }
 
      .hooks-content td img {
        width: 30%;
        height: auto;
      }
 
.hooks-table {
width: 70%;
display: flex;
}
 
.hooks-table a {
color: white;
}
 
.hooks-table a:visited {
color: white;
}
 
.hooks-table a:hover {
color: pink;
}
 
.hooks-table tbody {
width: 100%
}
 
      .hooks-table-label {
        width: 25%;
        font-weight: 600;
        padding-left: 0.5em;
      }
 
      .anim-gif {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
 
      .anim-gif img {
        width: 100%;
        height: auto;
      }
 
.gallery-content ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: center;
}
 
.gallery-content img {
height: 320px;
max-width: 100%;
-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: 10px;
-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);
}
 
.gallery-content img:hover {
-webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
    cursor: pointer;
}
 
.logs-content {
    display: flex;
    justify-content: center;
}
 
 
}}
 
<div class="container">
      <div class="top-section">
 
        <div class="left-panel">
          <table class="info-table">
          <tr>
              <td class="info-table-label">Played By:</td>
              <td>Ariana James</td>
          </tr>
          </table>
          <div class="portrait-image">[[File:angel04.jpg]]</div>
 
          <table class="info-table">
            <tr>
              <td class="info-table-label">Full Name:</td>
              <td>Angel Ortega</td>
            </tr>
            <tr>
              <td class="info-table-label">Position:</td>
              <td>Mantenida</td>
            </tr>
            <tr>
              <td class="info-table-label">Hometown:</td>
              <td>Bogota, Colombia</td>
            </tr>
            <tr>
              <td class="info-table-label">Current Residence:</td>
              <td>Beverly Hills</td>
            </tr>
          </table>
          <hr style="width: 90%" />
          <table class="info-table">
            <tr>
              <td class="info-table-label">Height:</td>
              <td>5'4"</td>
            </tr>
            <tr>
              <td class="info-table-label">Weight:</td>
              <td>Athletic</td>
            </tr>
            <tr>
              <td class="info-table-label">Hair:</td>
              <td>Dark Brown</td>
            </tr>
            <tr>
              <td class="info-table-label">Eyes:</td>
              <td>Brown</td>
            </tr>
            <tr>
              <td class="info-table-label">Complexion:</td>
              <td>Bronze tone</td>
            </tr>
          </table>
        </div>
 
        <div class="right-panel">
          <div class="header-container">
            <div class="header-title center underline">Angel Ortega</div>
          </div>
 
          <div class="photo-banner">[[File:angel01.jpg]]</div>
 
          <div class="biography-container">
            <div class="label center underline">Biography</div>
 
            <p>
              Stuff goes here
            </p>
            <p>
              Stuff goes here
            </p>
          </div>
        </div>
 
      </div>
 
      <div class="hooks-container dark">
        <div class="label center underline">Roleplay Hooks</div>
 
        <div class="hooks-content">
          <table class="hooks-table" cell>
              <tr>
                <td class="hooks-table-label" style="padding:10px">Retail Therapy:</td>
                <td style="padding:10px">If you're not feeling well, or needing a boost in your daily doldrums, get a higher credit rating and go shopping! </td>
              </tr>
             
              <tr>
                <td class="hooks-table-label" style="padding:10px">Fashion Makes the Woman:</td>
                <td style="padding:10px">It's not just about the dress, but it's the way that the dress makes you look and makes you feel. If you don't feel like a million bucks and get everyone looking at you, that's not the right dress for you. Of course, accessories and heels are a part of this! Again, shopping is a huge requirement!</td>
              </tr>
             
              <tr>
                <td class="hooks-table-label" style="padding:10px">Elite Socialite:</td>
                <td style="padding:10px">Obviously with all the shopping comes with a huge bankroll, the dollar signs attract a different circle of people. Only those who can afford such lifestyles are her regulars (though Angel has been known to go slumming from time to time - it's always good to get outside one's comfort zone.)</td>
              <tr>
          </table>
 
        </div>
       
      </div>
 
      <div class="photo-banner mid-banner">[[File:angel03.jpg]]</div>
 
      <div class="contacts-container dark">
        <div class="label center underline">Contacts</div>
 
        <div class="hooks-content">
 
          <table class="hooks-table">
            <tr>
              <td class="hooks-table-label">[[Place Holder]]:</td>
              <td>Blah blah blah</td>
            </tr>
          </table>
        </div>
      </div>
 
 
 
      <div class="logs-container light">
        <div class="label center underline">Logs</div>
 
<div class="logs-content">
{{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|category=Logs
|columns=3
|noresultsheader=No logs found!
|noresultsheader=<i>No logs have been posted yet.</i>
}}
}}
</div>
|}
</div>
 
<div class="photo-banner mid-banner">[[File:angel00a.jpg]]</div>
 
      <div class="gallery-container light">
        <div class="label center underline">Gallery</div>
 
<div class="gallery-content">
<ul>
<li>[[File:angel05.jpg]]</li>
<li>[[File:angel06.jpg]]</li>
<li>[[File:angel07.jpg]]</li>
<li>[[File:angel08.jpg]]</li>
<li>[[File:angel09.jpg]]</li>
<li>[[File:angel11.jpg]]</li>
<li>[[File:angel12.jpg]]</li>
<li>[[File:angel13.png]]</li>
<li>[[File:angel14.jpg]]</li>
<li>[[File:angel02.jpg]]</li>
</ul>
</div>
 
</div>
 
</div>


</div>
|}
</div>
    </div>




[[Category:Characters]]
[[Category:Characters]]

Latest revision as of 15:57, 11 May 2025

Angel
Full Name: Ashlyn Stone
Appears As: Angel
Apparent Age: 21
Occupation: Mechanic
Demeanor: Rebel
Hobby: Street Racing
Sphere: Mortal
Statistics:
Appearance 🔵🔵🔵🔵⚫️
Dexterity 🔵🔵🔵⚫️⚫️
Drive 🔵🔵🔵🔵⚫️
Crafts (Mechanic) 🔵🔵🔵🔵⚫️
Merit - Expert Driver
Flaw - Profiled Appearance
Flaw - Troublemaker
Background

"Text"

Hooks
  • Angel is a damn good mechanic if it has wheels. Hit her up if you need something fixed.
  • She gets her kicks one mile at a time: Racing either in the city or out in the desert.
Gallery

Soundtrack
Shut up and Drive - Rihanna
Contacts




Logs
No logs found!
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Angel&oldid=43623"