Clairine: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 6: Line 6:
         margin: auto;
         margin: auto;
         height: auto;
         height: auto;
         width: 800px;
         width: 1000px;
        background-color: #fffff8;
        /* font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif; */
         font-family: Futura, "Trebuchet MS", Arial, sans-serif;
         font-family: Futura, "Trebuchet MS", Arial, sans-serif;
         color: #444444;  
         color: #335588;
        display: flex;
        flex-direction: column;
       }
       }


       .photo-header {
       .light {
         display: flex;
         background-color: white;
         justify-content: center;
         border-color: lightblue;
       }
       }


.photo-header a {
      .dark {
  width: 100%;
        background-color: #4499bb;
}
        color: white;
      }


.photo-header img {
       .top-section {
  width: 100%;
}
 
       .name-container {
         display: flex;
         display: flex;
        justify-content: center;
        background-color: lightblue;
        padding: 0.5em 0;
        font-size: 1.4em;
        font-style: italic;
       }
       }


       .infobox-container {
       .right-panel {
        margin-top: 1.2em;
         width: 70%;
         width: 100%;
         height: auto;
         display: flex;
        justify-content: space-evenly;
        padding: 0.5em 0;
       }
       }


       .infobox-col {
       .left-panel {
         width: 50%;
         width: 30%;
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
         margin: 0px 2em;
         justify-content: center;
        border: 8px;
        border-style: solid;
        border-color: #4499bb;
        border-bottom-style: hidden;
        background-color: #fefeff;
        font-size: 0.9em;
      }
 
      .portrait-image {
        width: 100%;
       }
       }


       .infobox-table {
       .portrait-image img {
         width: 100%;
         width: 100%;
         height: auto;
         height: auto;
        /* padding: 5px 5px 5px 5px; */
        text-align: left;
       }
       }


       .infobox-table td {
       .info-table {
         padding: 0.2em 0;
        margin: auto;
        width: 100%;
         padding: 0 1em;
       }
       }


       .infobox-label {
       .info-table-label {
         width: 25%;
        font-weight: 600;
         width: 45%;
       }
       }


       .bio-container {
       .center {
         display: flex;
         text-align: center;
        width: 100%;
        margin: 1.6em 0;
       }
       }


       .bio-text {
       .underline {
         font-size: 0.8em;
        border-bottom-style: solid;
        border-bottom-width: 0.1em;
         padding-bottom: 0.5em;
       }
       }


       .left {
       .label {
         width: 40%;
         margin: 0.2em 0;
         display: flex;
         font-size: 1.4em;
         margin: 0px 2em;
         font-weight: 600;
         flex-direction: column;
         font-style: italic;
       }
       }


       .right {
       .header-container {
         width: 60%;
         width: 100%;
         display: flex;
         display: flex;
         margin: 0px 2em;
         justify-content: center;
         flex-direction: column;
         padding: 2em 0;
       }
       }


       .bio-container .right .label{
       .header-title {
         margin: 0px;
         width: 94%;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-size: 25px;
        letter-spacing: 2px;
        word-spacing: 2px;
        font-weight: 700;
        text-decoration: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
       }
       }


       .label {
       .photo-banner {
         display: flex;
         width: 100%;
         justify-content: center;
         height: auto;
        margin-bottom: 0.8em;
        font-size: 1.4em;
        font-style: italic;
       }
       }


       .stat-label {
       .photo-banner img {
         margin-top: 1em;
         width: 100%;
        height: 100%;
       }
       }


       .statbox-label {
       .mid-banner {
         min-width: 100%;
         margin: 0 0 -1em 0;
        width: 55%;
       }
       }


       .dot-filled {
       .biography-container {
         height: 1em;
         width: 94%;
         width: 1em;
         padding: 1em 3%;
        background-color: lightblue;;
        border-radius: 50%;
        display: inline-block;
       }
       }


       .dot-hollow {
       .hooks-container, .contacts-container, .gallery-container, .logs-container {
        height: 0.6em;
         width: 94%;
         width: 0.6em;
         padding: 1em 3%;
         border-radius: 50%;
         font-size: 0.9em;
         display: inline-block;
         display: flex;
        border: lightblue;;
         flex-direction: column;
         border-style: solid;
         border-width: 0.2em;
       }
       }


       .photo-break {
       .hooks-content {
         width: 100%;
         width: 100%;
        display: flex;
       }
       }


       .photo-break img {
       .hooks-content td img {
         width: 100%;
         width: 30%;
        height: auto;
       }
       }


       .hook-container, .contacts-container {
       .hooks-table {
         margin: 1.2em 2em;
         width: 70%;
       }
       }


       .hook-table, .contacts-table {
       .hooks-table-label {
         width: 100%;
         width: 25%;
         border-spacing: 0.5rem;
         font-weight: 600;
        padding-left: 0.5em;
       }
       }


       .quote-container {
       .anim-gif {
        width: 30%;
         display: flex;
         display: flex;
        flex-direction: column;
         justify-content: center;
         justify-content: center;
        padding: 0.7em 2em;
        background-color: lightblue;
       }
       }


       .quote-content {
       .anim-gif img {
         font-size: 1.1em;
         width: 100%;
         font-style: italic;
         height: auto;
        font-family: "times new roman", times, serif;
      }
}
 
.contacts-table a {
  color: #444444;
}
 
.contacts-table a:visited {
  color: #444444;
}
 
.contacts-table a:hover {
  color: lightblue;
}
 
.logs-content {
  margin: 0 1em;
}
 
.logs-content a {
  color: #444444;
}
 
.logs-content a:visited {
  color: #444444;
}
 
.logs-content a:hover {
  color: lightblue;
}


.gallery-content ul {
.gallery-content ul {
Line 196: Line 171:
     height: 240px;
     height: 240px;
     max-width: 100%;
     max-width: 100%;
}
.logs-content {
    display: flex;
    justify-content: center;
}
}


Line 201: Line 181:


<div class="container">
<div class="container">
       <div class="photo-header">[[File:Clai-mermaid.gif]]</div>
       <div class="top-section">


      <div class="name-container">Clairine Archambeau</div>
        <div class="left-panel">
          <div class="portrait-image">[[File:clai-dress.jpg]]</div>


      <div class="infobox-container">
           <table class="info-table">
        <div class="infobox-col">
            <tr>
           <table class="infobox-table">
              <td class="info-table-label">Full Name:</td>
              <tr>
              <td>Clairine Archambeau</td>
                <td class="infobox-label">Full Name:</td>
            </tr>
                <td class="infobox-content">Clairine Archambeau</td>
              </tr>
              <tr>
                <td class="infobox-label">Born:</td>
                <td class="infobox-content">May 30th 1995</td>
              </tr>
              <tr>
                <td class="infobox-label">Occupation:</td>
                <td class="infobox-content">Marine Biologist</td>
              </tr>
          </table>
        </div>
 
        <div class="infobox-col">
          <table class="infobox-table">
              <tr>
                <td class="infobox-label">Seeming:</td>
                <td class="infobox-content">Wilder</td>
              </tr>
              <tr>
                <td class="infobox-label">Kith:</td>
                <td class="infobox-content">Morganed</td>
              </tr>
              <tr>
                <td class="infobox-label">Court:</td>
                <td class="infobox-content">Seelie</td>
              </tr>
          </table>
        </div>
      </div>
 
      <div class="bio-container">
        <div class="left">
          <div class="label">Statistics</div>
          <table class="statbox-table">
             <tr>
             <tr>
               <td class="statbox-label">Appearance:</td>
               <td class="info-table-label">Position:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-hollow"></span></td>
               <td>Marina Biologist</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="statbox-label">Enchanting Eyes:</td>
               <td class="info-table-label">Birthdate:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-filled"></span></td>
               <td>May 30th, 1995</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="statbox-label">Changeling's Eyes:</td>
               <td class="info-table-label">Hometown:</td>
               <td class=""><span class="dot-filled"></span></td>
               <td>Marseille, France</td>
             </tr>
             </tr>
           
           </table>
           </table>
 
          <hr style="width: 90%" />
           <div class="label stat-label">Arts</div>
           <table class="info-table">
          <table class="statbox-table">
            <tr>
              <td class="info-table-label">Height:</td>
              <td>5'5"</td>
            </tr>
             <tr>
             <tr>
               <td class="statbox-label">Summer:</td>
               <td class="info-table-label">Weight:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Athletic</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="statbox-label">Primal:</td>
               <td class="info-table-label">Hair:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Blonde</td>
             </tr>
             </tr>
<tr>
            <tr>
               <td class="statbox-label">Metamorphosis:</td>
               <td class="info-table-label">Eyes:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Emerald-Green</td>
             </tr>
             </tr>
           </table>
           </table>
 
           <hr style="width: 90%" />
           <div class="label stat-label">Realms</div>
           <table class="info-table">
           <table class="statbox-table">
             <tr>
             <tr>
               <td class="statbox-label">Actor:</td>
               <td class="info-table-label">Seeming:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Wilder</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="statbox-label">Scene:</td>
               <td class="info-table-label">Kith:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Morganed</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="statbox-label">Fae:</td>
               <td class="info-table-label">Court:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Seelie</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="statbox-label">Nature:</td>
               <td class="info-table-label">Legacy:</td>
               <td class=""><span class="dot-filled"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span><span class="dot-hollow"></span></td>
               <td>Troubador / Fatalist</td>
             </tr>
             </tr>
           </table>
           </table>
         </div>
         </div>


         <div class="right">
         <div class="right-panel">
           <div class="label">Biography</div>
           <div class="header-container">
           <div class="bio-text">
            <div class="header-title center underline">Clairine Archambeau</div>
          </div>
 
          <div class="photo-banner">[[File:clai-mermaid.gif]]</div>
 
           <div class="biography-container">
            <div class="label center underline">Biography</div>
 
             <p>
             <p>
               Clairine Archambeau was born in Marseille, France on May 30th, 1995. Her parents were a Charles Archambeau, a Professor of History
               Clairine Archambeau was born in Marseille, France on May 30th, 1995. She lived a comfortable childhood until she underwent The Chrysalis at  
              and Veruca Archambeau, a painter and poet. She lived a comfortable childhood until she underwent The Chrysalis at the age of 10 while  
              the age of 10 while during the Summer of 2005 while swimming at a local beach on the Mediterranean Sea. Her love and connection with the  
              during the Summer of 2005 while swimming at a local beach on the Mediterranean Sea. Her love and connection with the water lead to a  
              water lead to a flashback of memories of a land of water and shorelines, a place in the Dreaming where her fae-self had lived for ages before.
              flashback of memories of a land of water and shorelines, a place in the Dreaming where her fae-self had lived for ages before.
             </p>
             </p>
             <p>
             <p>
               The Dream Dance followed when she returned to the beach days after, hoping to repeat the experience. Clairine changed upon immersing
               Clairine spent the next several years as a member of the Kingdom of Neustria while juggling her mundane life and academic studies. She took
               herself in the water. Her legs fused together into a dorsel fin while her skin turned light blue. Her bright blonde hair adopted a
               to the swimming team in school while also pursuing singing, which was a new found passion that only developed after her change. She left
               light green color while her eyes changed into an emerald green of the ocean which seemed to sparkle with the caustic effects of the
               Marseille to study marine biology at the University of Montpellier and eventually left the Kingdom of Neustria for the United States when
              surface of water. She emerged from the water a changed being and was soon after discovered by the local kithain of the Kingdom of
               she received a grant and job offer from the Southern California Marine Institute.
               Neustria, where she was taken in as a fledgeling. Her change was partially noticed by her eyes, which while originally light green
              had now taken on a richer, emerald-green shade that often seemed to shift to blue or light gray. The entrancing orbs almost seemed to
              sparkle as they caught the light.
             </p>
             </p>
             <p>
             <p>
              Clairine spent the next several years as a member of the Kingdom of Neustria while juggling her mundane life and academic studies.
               Clairine has since arrived in Los Angeles in early 2021 and has settled in to a new life away from home where she can be found among the cities  
              She took to the swimming team in school while also pursuing singing, which was a new found passion that only developed after her
              beaches and sand bars.
              change. She left Marseille to study marine biology at the University of Montpellier and eventually left the Kingdom of Neustria for
              the United States when she received a grant and job offer from the Southern California Marine Institute.
            </p>
            <p>
               Clairine has since arrived in Los Angeles in early 2021 and has settled in to a new life away from home where she can be found among  
              the cities many beaches and sand bars.
             </p>
             </p>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>


       <div class="photo-break">[[File:Clairine2.jpg]]</div>
       <div class="hooks-container dark">
        <div class="label center underline">Roleplay Hooks</div>


      <div class="hook-container">
        <div class="hooks-content">
        <div class="label">Roleplay Hooks</div>
          <table class="hooks-table">
              <tr>
                <td class="hooks-table-label">Glamour-ous:</td>
                <td>She is a changeling that plays well with others.</td>
              </tr>
              <tr>
                <td class="hooks-table-label">French Native:</td>
                <td>She was born and raised in Marseille, France.</td>
              </tr>
              <tr>
                <td class="hooks-table-label">Beach Life:</td>
                <td>She fits in like a local while also standing out among the crowd.</td>
              </tr>
              <tr>
                <td class="hooks-table-label">Strong Emotions:</td>
                <td>Like the tides of the ocean, her moods ebb and flow.</td>
              </tr>
              <tr>
                <td class="hooks-table-label">Siren's Call:</td>
                <td>Where is that wonderful singing coming from? Let's find out!</td>
              </tr>
              <tr>
                <td class="hooks-table-label">Marine Biology:</td>
                <td>She works for the Southern California Marine Institute.</td>
              </tr>
          </table>


        <table class="hook-table">
          <div class="anim-gif">[[File:clai-water.jpg]]</div>
            <tr>
        </div>
              <td class="infobox-label">Glamour-ous:</td>
          
              <td>She is a changeling that plays well with others.</td>
            </tr>
            <tr>
              <td class="infobox-label">French Native:</td>
              <td>She was born and raised in Marseille, France.</td>
            </tr>
            <tr>
              <td class="infobox-label">Beach Life:</td>
              <td>She fits in like a local while also standing out among the crowd.</td>
            </tr>
            <tr>
              <td class="infobox-label">Strong Emotions:</td>
              <td>Like the tides of the ocean, her moods ebb and flow.</td>
            </tr>
            <tr>
              <td class="infobox-label">Siren's Call:</td>
              <td>Where is that wonderful singing coming from? We should totally find out!</td>
            </tr>
            <tr>
              <td class="infobox-label">Marine Biology:</td>
              <td>She works for the Southern California Marine Institute.</td>
            </tr>
         </table>
       </div>
       </div>


       <div class="quote-container">
       <div class="photo-banner mid-banner">[[File:Clairine.gif]]</div>
        <div class="quote-content">
 
          <div>I am a siren, as pretty as can be...</div>  
      <div class="contacts-container dark">
          <div>Come let's make love, before I drown you in the sea!</div>
         <div class="label center underline">Contacts</div>
         </div>
      </div>


      <div class="contacts-container">
        <div class="hooks-content">
        <div class="label">Contacts</div>


        <table class="contacts-table">
          <table class="hooks-table">
<tr>
            <tr>
               <td class="infobox-label">[[Dejah]]:</td>
               <td class="hooks-table-label">Dejah</td>
               <td>What fates you are blessed to see! I hope they are good ones.</td>
               <td>What fates you are blessed to see! I hope they are good ones.</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="infobox-label">[[Maricela]]:</td>
               <td class="hooks-table-label">Maricela:</td>
               <td>You are the most intriguing kind of trouble.</td>
               <td>You are the most intriguing kind of trouble.</td>
             </tr>
             </tr>
<tr>
            <tr>
               <td class="infobox-label">[[Rick]]:</td>
               <td class="hooks-table-label">Rick:</td>
               <td>My favorite paper rustler. Surf on, my friend!</td>
               <td>My favorite paper rustler. Surf on, my friend!</td>
             </tr>
             </tr>
             <tr>
             <tr>
               <td class="infobox-label">[[Victoria]]:</td>
               <td class="hooks-table-label">Victoria:</td>
               <td>You rule your domain with grace and poise.</td>
               <td>You rule your domain with grace and poise.</td>
             </tr>
             </tr>
         </table>
          </table>
         </div>
       </div>
       </div>


       <div class="logs-container">
       <div class="logs-container light">
         <div class="label">Logs</div>
         <div class="label center underline">Logs</div>
 
<div class="logs-content">
<div class="logs-content">
{{#dpl:
{{#dpl:
Line 400: Line 350:
|noresultsheader=<i>No logs have been posted yet.</i>
|noresultsheader=<i>No logs have been posted yet.</i>
}}
}}
  </div>
</div>
       </div>
</div>
 
       <div class="gallery-container light">
        <div class="label center underline">Gallery</div>
 
<div class="gallery-content">
<ul>
<li>[[File:Clairine3.jpg]]</li>
<li>[[File:Clairine4.jpg]]</li>
<li>[[File:Clairine7.jpg]]</li>
<li>[[File:Clairine8.jpg]]</li>
<li>[[File:Clairine2.jpg]]</li>
</ul>
</div>
 
</div>
 
</div>
 
</div>
</div>


       <div class="gallery-container">
        
        <div class="label">Gallery</div>
        <div class="gallery-content">
        <ul>
        <li>[[File:Clairine3.jpg]]</li>
        <li>[[File:Clairine4.jpg]]</li>
        <li>[[File:Clairine6.jpg]]</li>
        </ul>
  </div>
       
      </div>


     </div>
     </div>

Revision as of 15:01, 8 October 2021



Full Name: Clairine Archambeau
Position: Marina Biologist
Birthdate: May 30th, 1995
Hometown: Marseille, France
Height: 5'5"
Weight: Athletic
Hair: Blonde
Eyes: Emerald-Green
Seeming: Wilder
Kith: Morganed
Court: Seelie
Legacy: Troubador / Fatalist
Clairine Archambeau
Biography

Clairine Archambeau was born in Marseille, France on May 30th, 1995. She lived a comfortable childhood until she underwent The Chrysalis at the age of 10 while during the Summer of 2005 while swimming at a local beach on the Mediterranean Sea. Her love and connection with the water lead to a flashback of memories of a land of water and shorelines, a place in the Dreaming where her fae-self had lived for ages before.

Clairine spent the next several years as a member of the Kingdom of Neustria while juggling her mundane life and academic studies. She took to the swimming team in school while also pursuing singing, which was a new found passion that only developed after her change. She left Marseille to study marine biology at the University of Montpellier and eventually left the Kingdom of Neustria for the United States when she received a grant and job offer from the Southern California Marine Institute.

Clairine has since arrived in Los Angeles in early 2021 and has settled in to a new life away from home where she can be found among the cities beaches and sand bars.

Roleplay Hooks
Glamour-ous: She is a changeling that plays well with others.
French Native: She was born and raised in Marseille, France.
Beach Life: She fits in like a local while also standing out among the crowd.
Strong Emotions: Like the tides of the ocean, her moods ebb and flow.
Siren's Call: Where is that wonderful singing coming from? Let's find out!
Marine Biology: She works for the Southern California Marine Institute.
File:Clai-water.jpg
Contacts
Dejah What fates you are blessed to see! I hope they are good ones.
Maricela: You are the most intriguing kind of trouble.
Rick: My favorite paper rustler. Surf on, my friend!
Victoria: You rule your domain with grace and poise.
Logs
Gallery


Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Clairine&oldid=7042"