Lowe: Difference between revisions

From LiberationMUSH Wiki
(Created page with "! Category:Characters")
 
No edit summary
Line 1: Line 1:
!
__NOTOC__
<!-- This page used a template from Shannon. https://liberationmush.site/liberationwiki/Template:ShannonTemplate  -->
{{#css:
@import 'https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap';


    img {
        margin-bottom: -5px;
      }
 
      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;
      }
 
      h2.label {
        margin-bottom: 0.5rem;
      }
 
      .color-main {
        color: #7D7E83;
      }
 
      .color-shade-light,
      .color-shade-light td {
        color: #000000;
      }
      .contacts-table a {
        color: #f4f1ef !important;
      }
 
      .color-bg-light {
        background-color: #888888;
      }
 
      .color-accent-light {
        color: #958d89;
      }
 
      .color-shade-dark {
        color: #fdb515;
      }
 
      .color-bg-dark {
        background-color: #fdb515;
      }
 
      .color-accent-dark {
        color: #797c7f;
      }
 
      .color-border-light {
        border-color: #f4f1ef;
      }
 
      .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: "Tangerine", cursive;
        font-weight: 700;
        font-style: bold;
        font-size: 28px;
        width: calc(100% - 2rem);
        border-width: 1rem;
        border-color: #111;
        border-style: solid;
      }
 
      .section {
        padding: 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%;
      }
 
      .gallery-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
 
      .gallery-container img {
        max-width: 260px;
        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%;
        }
      }
</css>
}}
<div class="container color-bg-dark">
      <div class="heroImage w-100 hide-mobile" id="topImage">[[File:Lowebanner4.png]]</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:Lowe 3.png]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Lowe Brightland</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td> </td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td></td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td></td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td></td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td></td>
            </tr>
<tr>
              <td>Eyes:</td>
              <td></td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Mid 20's</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <div class="w-100">[[File:Lowe clan.png]]</div>
        </div>
        <div class="w-100 show-mobile">[[File:Lowe 2.png]]</div>
        <div class="bio-section flex flex-col section">
          <div class="label color-shade-light text-center" style="font-family: "Tangerine", cursive;font-weight: 700;font-style: bold;font-size:52px;">Tale So Far</div>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1" style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;font-size:18px;">
            <p>Background story of Lowe</p>
 
          </div>
        </div>
      </div>
      <div class="heroImage w-100">[[File:Lowe_1.png]]</div>
      <div class="section color-bg-light" style="font-family: "Tangerine", cursive;font-style: normal;font-size:32px;">
 
<div class="label text-center" style="font-family: "Tangerine", cursive;font-size:52px;">Roleplay Hooks</div><hr>
        <table class="hooks-table" style="font-size:15px;">
          <tr>
            <td>Hook 1</td>
            <td style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;">Hook Info 1</td>
          </tr>
          <tr>
            <td>Hook 2</td>
            <td style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;">Hook Info 2</td>
          </tr>
  <tr>
  <td>Hook 3</td>
  <td style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;">Hook Info 3</td>
  </tr>
        </table>
      </div>
      <div class="heroImage w-100">[[File:Lowe_2.png]]</div>
      <div class="section color-bg-dark color-shade-light">
        <div class="label text-center" style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;font-size:30px;">Contacts</div>
        <table class="contacts-table" ">
          <tr>
            <td>[[Person 1|Person 1]]</td>
            <td>First contact.</td>
          </tr>
  <tr>
            <td>[[Person 2|Person 2]]</td>
            <td>Second contact</td>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100" >[[File:Lowe_4.png]]</div>
      <div class="section color-bg-light color-shade-dark" id="logs-section">
        <div class="label text-center" style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;font-size:32px;">Logs</div>       
        {{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|columns=3
|noresultsheader=<i>No logs have been posted yet.</i>
}}
      </div>
      <div class="heroImage w-100">[[File:Lowe_5.png]]</div>
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <div class="label text-center" style="font-family: "Tangerine", cursive;font-weight: 700;font-style: normal;font-size:82px;">Gallery</div><hr>
        <div class="gallery-container">[[File:Lowe_6.png]]</div>
      </div>
    </div>


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

Revision as of 22:14, 14 February 2024


Full Name: Lowe Brightland
Position:
Demeanor:
Height:
Weight:
Hair:
Eyes:
Apparent Age: Mid 20's
Tale So Far

Background story of Lowe



Roleplay Hooks


Hook 1 Hook Info 1
Hook 2 Hook Info 2
Hook 3 Hook Info 3
Contacts
Person 1 First contact.
Person 2 Second contact
Logs
       No logs have been posted yet.
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Lowe&oldid=37428"