Raul: Difference between revisions

From LiberationMUSH Wiki
(Created page with " Category:Characters")
 
No edit summary
 
(16 intermediate revisions by 2 users not shown)
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">
<tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>
      <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>[[Nose-Above-Water|Raul]]</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Raulin' it up</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Raul-esque</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>
fix internet
        <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>


<p>why isn't any of this showing up help.</p>


 
<p>fix wiki</p>
 
<p>make wiki better</p>
 
      </div>
      <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>
      <div class="heroImage w-100">[[File:raulbanenrtwo.jpg]]</div>
  <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>
      <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>Like most, he does this.</td>
          </tr>
          <tr>
            <td>Burgers</td>
            <td> [[File:raulburger.jpg]]</td>
          </tr>
          <tr>
            <td>Not talking much</td>
            <td>Shhhhhhh</td>
          </tr>
          <tr>
            <td>Regular human stuff</td>
            <td>He does regular human stuff. 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>
<table class="contacts-table">
          <tr>
            <td>[[File:Raul.png]]</td>
       
          </tr>
    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </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]]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:raul3.jpg]]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:raul4.png]]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:rual5.jpg]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:raul9.gif]]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:raul6.jpg]]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:raul8.jpg]]    <tr>
R
</tr>
    <tr>
A
</tr>
    <tr>
U
</tr>
    <tr>
L
          </tr>[[File:raul10.jpg]][[File:raul11.jpg]]    <tr>
R
</tr>
    <tr>
A
</tr>
[[File:Concrete-Flowers.png]]
    <tr>
U
</tr>
    <tr>
L
          </tr>=</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]]

Latest revision as of 01:50, 29 May 2024



R A U L
Full Name: Raul
Nick Name: Raul
Position: Raulin' it up
Demeanor: Raul-esque

fix internet

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.

why isn't any of this showing up help.

fix wiki

make wiki better

R A U L R A U L

Roleplay Hooks

Height: 6'1"
Weight: 175 lbs
Hair: Black
Eyes: Brown
Apparent Age: Early 20's
Existing Like most, he does this.
Burgers
Not talking much Shhhhhhh
Regular human stuff He does regular human stuff. Probably you do this stuff too.

Contacts

Friends He has them. Just like regular people do.
R A U L
File:Raul.png

Logs

No logs have been posted yet.