Raul: Difference between revisions

From LiberationMUSH Wiki
(Created page with " Category:Characters")
 
No edit summary
Line 1: Line 1:
 
__NOTOC__
 
 
{{#css:
 
    img {
 
      margin-bottom: -5px;
    }
    h2 {
      margin-top: 0!important;
    }
    table {
      padding: 0 1.2em;
    }
    tr {
      margin: 0.2rem 0;
    }
    td {
      width: 50%;
    }
    .hooks-table td, .contacts-table td {
      width: auto;
    }
    .hooks-table td:nth-child(1) {
      width: 25%;
    }
    .contacts-table td:nth-child(1) {
      width: 35%;
    }
    table tr td:nth-child(1) {
      font-weight: 600;
    }
    hr {
      width: 90%;
    }
    h2.label {
      margin-bottom: 0.5rem;
    }
    .color-main {
      color: #111111;
    }
    .color-shade-light {
      color: #f3f6f2;
    }
    .color-bg-light {
      background-color: #f3f6f2;
    }
    .color-accent-light {
      color: #958d89;
    }
    .color-shade-dark {
      color: #31282a;
    }
    .color-bg-dark {
      background-color: #31282a;
    }
    .color-accent-dark {
      color: #797c7f;
    }
    .color-border-light {
      border-color: #f3f6f2;
    }
    .w-100 {
      width: 100%;
    }
    .m-auto {
      margin: auto;
    }
    .ph-1 {
      padding: 0 1rem;
    }
    .flex {
      display: flex;
    }
    .flex-col {
      flex-direction: column;
    }
    .justify-center {
      justify-content: center;
    }
    .text-center {
      text-align: center;
    }
    .show-mobile {
      display: none;
    }
    .heroImage img {
      width: 100%;
      height: auto;
    }
    #topImage {
      border-bottom-width: 0.5rem;
      border-color: #111;
      border-style: solid;
    }
    .container {
      font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
      width: calc(100% - 2rem);
      border-width: 1rem;
      border-color: #111;
      border-style: solid;
    }
    .section {
      padding: 1.5rem 1rem;
    }
    .info-section {
      width: 30%;
      border-right-width: 0.5rem;
      border-top-width: 0;
      border-left-width: 0;
      border-color: #111;
      border-style: solid;
      padding-bottom: 1rem;
    }
    .info-section table {
      width: 100%;
    }
    .info-portrait img {
      margin-bottom: 1rem;
    }
    .bio-section {
      width: 70%;
    }
    #logs-section a {
      color: #31282a;
    }
    #logs-section ul {
      display: flex;
      flex-wrap: wrap;
    }
    #logs-section li {
      width: 50%;
    }
    .contacts-table a {
      color: #f3f6f2 !important;
    }
    .gallery-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .gallery-container img {
      max-width: 290px;
      height: auto;
      -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-container img:hover {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -o-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
      cursor: pointer;
    }
    @media only screen and (max-width: 480px) {
      .hide-mobile {
        display: none;
      }
      .show-mobile {
        display: block;
      }
      .section {
        padding: 1rem 0;
      }
      #top-section {
        flex-direction: column;
      }
      .info-section,
      .bio-section {
        width: 100%;
      }
      .info-section {
        border-width: 0;
        border-style: none;
      }
      .hooks-table td:nth-child(1) {
        width: 35%;
      }
      #logs-section li {
        width: 100%;
      }
    }
}}
<div class="container color-bg-dark">
      <div class="heroImage hide-mobile" id="topImage">[[File:raulbanner1.jpg]]</div>
      <div id="top-section" class="flex w-100">
        <div class="info-section flex flex-col color-bg-light">
          <div class="w-100 info-portrait">[[File:raul1.jpg]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Raul</td>
            </tr>
            <tr>
              <td>Nick Name:</td>
              <td>Raul</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Raul</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Raulish</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td>6'1"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>175 lbs</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Black</td>
            </tr>
            <tr>
              <td>Eyes:</td>
              <td>Brown</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Early 20's</td>
            </tr>
        </div>
        <div class="w-100 show-mobile">[[File:Banner1-tbd.png]]</div>
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center">Biography</h2>
          <div class="color-shade-light ph-1">
            <p>So Raul exists.</p>
            <p>Honestly, there's not a lot about him out there.</p>
            <p>Maybe you've seen him around Los Angeles, walking around or going to grab a burger or something?</p>
            <p>Honestly though, you probably haven't.</p>
            <p>But hey, he exists.  He's here.</p>
            <p>Not much of a talker, as you might have guessed.</p>
      </div>
      <div class="heroImage w-100">[[File:raulbanner2.jpg]]</div>
      <div class="section color-bg-light">
        <h2 class="label color-shade-dark color-bg-light text-center">Roleplay Hooks</h2>
        <table class="hooks-table">
          <tr>
            <td>Existing</td>
            <td>He does this.  You probably do too.</td>
          </tr>
          <tr>
            <td>Burgers</td>
            <td> Who doesn't love a good burger?</td>
          </tr>
          <tr>
            <td>Not talking much</td>
            <td>Do you want to sit quietly near each other and stare at things?  God I hope so.</td>
          </tr>
          <tr>
            <td>Regular human stuff</td>
            <td>He does regular human stuff.  It's all he does.  Probably you do this stuff too.</td>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100">[[File:raulbanner3.jpg]]</div>
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center">Contacts</h2>
        <table class="contacts-table">
          <tr>
            <td>[[People|Friends]]</td>
            <td>He has them.  Just like regular people do.</td>
          </tr>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100">[[File:raulbanner4.jpg]]</div>
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center">Gallery</h2> 
        <div class="gallery-container">[[File:raul2.jpg]][[File:raul3.jpg]][[File:raul4.png]][[File:raul5.jpg][[File:raul9.gif]][[File:raul6.jpg]][[File:raul8.jpg]][[File:raul10.jpg]][[File:raul11.jpg]]=</div>
      </div>
    </div>
      <div class="section color-bg-light color-shade-dark" id="logs-section">
        <h2 class="label text-center">Logs</h2>       
        {{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|columns=3
|noresultsheader=<i><div>No logs have been posted yet.</div></i>
}}
      </div>


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

Revision as of 01:38, 9 May 2023



Full Name: Raul
Nick Name: Raul
Position: Raul
Demeanor: Raulish
File:Banner1-tbd.png

Biography

So Raul exists.

Honestly, there's not a lot about him out there.

Maybe you've seen him around Los Angeles, walking around or going to grab a burger or something?

Honestly though, you probably haven't.

But hey, he exists. He's here.

Not much of a talker, as you might have guessed.

File:Raulbanner2.jpg

Roleplay Hooks

Height: 6'1"
Weight: 175 lbs
Hair: Black
Eyes: Brown
Apparent Age: Early 20's
Existing He does this. You probably do too.
Burgers Who doesn't love a good burger?
Not talking much Do you want to sit quietly near each other and stare at things? God I hope so.
Regular human stuff He does regular human stuff. It's all he does. Probably you do this stuff too.

Contacts

Friends He has them. Just like regular people do.

Logs

No logs have been posted yet.
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Raul&oldid=29700"