User:Lola 1: Difference between revisions

From LiberationMUSH Wiki
No edit summary
(Blanked the page)
Tags: Blanking Manual revert
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC__
{{#css:
    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: 25%;
      }
 
      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: #f4f1ef;
      }


      .contacts-table {
        width: 100%;
      }
      .contacts-table a {
        color: #f4f1ef !important;
      }
 
      .color-bg-light {
        background-color: #f4f1ef;
      }
 
      .color-accent-light {
        color: #958d89;
      }
 
      .color-shade-dark {
        color: #1d1b1f;
      }
 
      .color-bg-dark {
        background-color: #1d1b1f;
      }
 
      .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: 1rem;
        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: 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%;
        }
      }
}}
<div class="container color-bg-dark">
      <div class="heroImage w-100 hide-mobile" id="topImage">[[File:CF_1.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:CF_2.jpg]]</div>
{| width="370px"; font style=font-size:12pt; line-height:125%;"
|-
|-
!colspan="2" align="center" style="padding: 10px"|<span class="header">'''Pack Name'''<br>'''''Flowers-in-Concrete (Concrete Flowers)'''''<br>
|
|-
|align="left"|<span class="label">'''Totem:'''</span>
|align="right"|Old Oak<br>
|-
|align="left"|<span class="label">'''Totem Type'''</span>
|align="right"|Respect<br>
</table>
          <hr class="color-accent-light" />
          <table>
|-
|align="left"|<span class="label">'''Sphere:'''</span>
|align="right"|Garou Nation
|
|-
!colspan="2" align="center" style="padding: 10px"|<span class="header">'''Tribes'''</span><br>
|-
!colspan="2" align="right"|<font style=font-size:10pt>
*The Children of Gaia
*Bone Gnawer
*Uktena</span>
|
|-
!colspan="2" align="center" style="padding: 10px"|<span class="header">'''Territory'''</span><br>
|-
!colspan="2" align="right"|<font style=font-size:10pt>
*San Julian Park
*The Arts District
*The Los Angeles River (Ceremonial)</span>
<br>
|-
|}
<div class="w-100 info-portrait"></br></br>[[File:CF3.jpg]]</br></br></div>
<div class="w-100 info-portrait">[[File:CF4.jpg]]</div>
</div>
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center">Mission Statement</h2>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1">
            <p></p>
          <h2 class="label color-shade-light text-center">Old Oak</h2>
            <P></p>
          <h2 class="label color-shade-light text-center">Current Projects</h2>
            <p></p>
          </div>
        </div>
      </div>
      <div class="heroImage w-100">[[File:CF8.jpg]]</div>
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center"> Saplings </h2>
        <table class="contacts-table">
          <tr>
<br>
</td>
          </tr>
          <tr>
            <td>[[Kaia|Kaia]]</td>
            <td>"Hawk-Chaser" / Cliath / Galliard</td>
          </tr>
            <td>[[Granuaile|Granuaile]]</td>
            <td>"Friend-to-Most" / Cliath / Theurge</td>
          </tr>
          <tr>
            <td>[[Kelli|Kelli]]</td>
            <td>"Hope-Seeker" / Cliath / Theurge</td>
          </tr>
          <tr>
            <td>[[Felicity|Felicity]]</td>
            <td>"Brightens-the-Day" / Fostern / Ragabash</td>
          </tr>
          <tr>
            <td>[[Raul|Raul]]</td>
            <td>"Nose-Above-Water" / Cliath / Theurge</td>
          </tr>
          <tr>
            <td>[[Phoebe|Phoebe]]</td>
            <td>"Littlest-King" / Influencer / Eco-Warrior</td>
          </tr>
        </table>
        <h2 class="label text-center"> Notable Deeds </h2>
        <table class="contacts-table">
          <tr>
<br>
</td>
          </tr>
          <tr>
            <td>Bristow Park</td>
            <td>A hope, a loss, and a grief we shared with the Sept of the Smiling Angel. And in the end... a victory.</td>
          </tr>
          </tr>
        </table>
<br>
      </div>
      <div class="heroImage w-100" >[[File:Concrete-Flowers.png]]</div>
      <div class="section color-bg-light color-shade-dark" id="logs-section">
   
{{#ev:youtube|https://youtu.be/iwrxzuD2zsc|1000|center}}
<br>
<center><b>You can't find it sitting on a shelf in a store</center></b>
<center><b>If you try to hide it, it's gonna shine even more</center></b></br></br>
<center><b>Even if you lose it, it will find you</center></b>
<center><b>There's no way to stop it, but they'll try to</center></b></br></br>
<center><b>Running like a river trying to find the ocean</center></b>
<center><b>Flowers in the concrete</center></b>
<center><b>Climbing over fences, blooming in the shadows</center></b>
<center><b>Places that you can't see</center></b>
<center><b>Coming through the melody when the night bird sings</center></b></br></br>
<center><b>Love is a Wyld thing</center></b></br>
      </div>
      <div class="heroImage w-100">[[File:CF6.jpg]]</div>
[[Category:Active]][[Category:Packs]][[Category:Werewolf]]

Latest revision as of 21:52, 10 March 2024