Tatianna: Difference between revisions

From LiberationMUSH Wiki
(Created page with "<p>WIP</p> <p>center</p> Category:Characters")
 
No edit summary
Line 1: Line 1:
<p>WIP</p>
__NOTOC__
<p>[[File:TatiBannerBW.jpg|center]]</p>


{{#css:


.container {
        margin: auto;
        height: auto;
        width: 1000px;
        font-family: Futura, "Trebuchet MS", Arial, sans-serif;
        color: #d60660;
        display: flex;
        flex-direction: column;
      }


      .light {
        background-color: white;
        border-color: brown;
      }
      .dark {
        background-color: #d60660;
        color: white;
      }
      .top-section {
        display: flex;
      }
      .right-panel {
        width: 70%;
        height: auto;
      }
      .left-panel {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 8px;
        border-style: solid;
        border-color: #d60660;
        border-bottom-style: hidden;
        background-color: #fefeff;
        font-size: 0.9em;
      }
      .portrait-image {
        width: 100%;
      }
      .portrait-image img {
        width: 100%;
        height: auto;
      }
      .info-table {
        margin: auto;
        width: 100%;
        padding: 0 1em;
      }
      .info-table-label {
        font-weight: 600;
        width: 45%;
      }
      .center {
        text-align: center;
      }
      .underline {
        border-bottom-style: solid;
        border-bottom-width: 0.1em;
        padding-bottom: 0.5em;
      }
      .label {
        margin: 0.2em 0;
        font-size: 1.4em;
        font-weight: 600;
        font-style: italic;
      }
      .header-container {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 2em 0;
      }
      .header-title {
        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;
      }
      .photo-banner {
        width: 100%;
        height: auto;
      }
      .photo-banner img {
        width: 100%;
        height: 100%;
      }
      .mid-banner {
        margin: 0 0 -1em 0;
      }
      .biography-container {
        width: 94%;
        padding: 1em 3%;
      }
      .hooks-container, .contacts-container, .gallery-container, .logs-container {
        width: 94%;
        padding: 1em 3%;
        font-size: 0.9em;
        display: flex;
        flex-direction: column;
      }
      .hooks-content {
        width: 100%;
        display: flex;
      }
      .hooks-content td img {
        width: 160px;
        height: auto;
      }
.hooks-table {
display: flex;
}
.hooks-table a {
color: white;
}
.hooks-table a:visited {
color: white;
}
.hooks-table a:hover {
color: pink;
}
.hooks-table tbody {
width: 100%
}
      .hooks-table-label {
        width: 180px;
        font-weight: 600;
        padding-left: 0.5em;
      }
      .anim-gif {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .anim-gif img {
        width: 100%;
        height: auto;
      }
.gallery-content ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: center;
}
.gallery-content img {
height: 320px;
max-width: 100%;
-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-content img:hover {
-webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
    cursor: pointer;
}
.logs-content {
    display: flex;
    justify-content: center;
}
}}
<div class="container">
      <div class="top-section">
      <p>WIP</p>
      <p>[[File:TatiBannerBW.jpg|center]]</p>
        <div class="left-panel">
          <table class="info-table">
          <tr>
              <td class="info-table-label">Played By:</td>
              <td>Miss Mosh</td>
          </tr>
          </table>
          <div class="portrait-image">[[File:Replace Me.jpg]]</div>
          <div class="header-container">
            <div class="label center">Info</div>
          </div>
          <table class="info-table">
            <tr>
              <td class="info-table-label">Full Name:</td>
              <td>Tatianna Tatarov</td>
            </tr>
            <tr>
              <td class="info-table-label">Position:</td>
              <td>Waitress</td>
            </tr>
            <tr>
              <td class="info-table-label">Hometown:</td>
              <td>Odessa, Ukraine</td>
            </tr>
            <tr>
              <td class="info-table-label">Current Residence:</td>
              <td>North Hollywood</td>
            </tr>
          </table>
          <hr style="width: 90%" />
          <div class="header-container">
            <div class="label center">Physical Stats</div>
          </div>
          <table class="info-table">
            <tr>
              <td class="info-table-label">Age:</td>
              <td>24</td>
            </tr>
            <tr>
              <td class="info-table-label">Height:</td>
              <td>5'4"</td>
            </tr>
            <tr>
              <td class="info-table-label">Weight:</td>
              <td>122 lbs</td>
            </tr>
            <tr>
              <td class="info-table-label">Hair:</td>
              <td>Platinum Blonde</td>
            </tr>
            <tr>
              <td class="info-table-label">Eyes:</td>
              <td>Blue</td>
            </tr>
            <tr>
              <td class="info-table-label">Complexion:</td>
              <td>Pale</td>
            </tr>
            <tr>
              <td class="info-table-label">Marital Status:</td>
              <td>Divorced</td>
            </tr>
          </table>
        <hr style="width: 90%" />
        <div class="header-container">
            <div class="label center">Notable Stats</div>
          </div>
          <table class="info-table">
            <tr>
              <td class="info-table-label">Resources:</td>
              <td>[[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[image:Dot black-mini.png|15px|link=]][[image:Dot black-mini.png|15px|link=]]</td>
            </tr>
            <tr>
              <td class="info-table-label">Appearance:</td>
              <td>[[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[image:Dot black-mini.png|15px|link=]]</td>
            </tr>
            <tr>
              <td class="info-table-label">Style:</td>
              <td>[[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[image:Dot black-mini.png|15px|link=]][[image:Dot black-mini.png|15px|link=]]</td>
            </tr>
            <tr>
              <td class="info-table-label">Networking:</td>
              <td>[[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[File:AngelDot.png|15px|link=]][[image:Dot black-mini.png|15px|link=]][[image:Dot black-mini.png|15px|link=]]</td>
            </tr>
          </table>
        <hr style="width: 90%" />
          <div class="header-container">
            <div class="label center">Soundtrack</div>
          </div>
          <table>
            <tr>
              <td><span class="plainlinks">[https://www.youtube.com/|'''Song Title''' - Band]</span></td>
            </tr>
          </table>
        </div>
        <div class="right-panel">
          <div class="header-container">
            <div class="header-title center underline">Tatianna Tatarov</div>
          </div>
          <div class="photo-banner">[[File:replacemebanner.jpg]]</div>
          <div class="biography-container">
            <div class="label center underline">Biography</div>
            <p>
                  Information
            </p>
            <p>
                  Information
            </p>
            <p>
                  Information
            </p>
          </div>
        </div>
      </div>
      <div class="hooks-container dark">
        <div class="label center underline">Roleplay Hooks</div>
        <div class="hooks-content">
          <table class="hooks-table" cell>
             
              <tr>
                <td class="hooks-table-label" style="padding:10px">Hook 1:</td>
                <td style="padding:10px">Hook</td>
              </tr>
             
              <tr>
                <td class="hooks-table-label" style="padding:10px">Hook 2:</td>
                <td style="padding:10px">Hook</td>
              <tr>
              <tr>
                <td class="hooks-table-label" style="padding:10px">Hook 3:</td>
                <td style="padding:10px">Hook</td>
              <tr>
          </table>
        </div>
       
      </div>
      <div class="photo-banner mid-banner">[[replacemebanner.jpg]]</div>
      <div class="contacts-container dark">
        <div class="label center underline">Contacts</div>
        <div class="hooks-content">
          <table class="hooks-table">
            <tr>
              <td class="hooks-table-label">[[File:replacemecontact.png|link=personname]]</td>
              <td><b>Name</b> - blurb</td>
              <td class="hooks-table-label">[[File:replacemecontact.png|link=personname]]</td>
              <td><b>Name</b> - blurb</td>
            </tr>
            <tr>
              <td class="hooks-table-label">[[File:replacemecontact.jpg|link=personname]]</td>
              <td><b>Name</b> - blurb</td>   
              <td class="hooks-table-label">[[File:replacemename.png|link=personname]]</td>
              <td><b>Name</b> - blurb</td>
            </tr>
          </table>
        </div>
      </div>
      <div class="logs-container light">
        <div class="label center underline">Logs</div>
<div class="logs-content">
{{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|columns=3
|noresultsheader=<i>No logs have been posted yet.</i>
}}
</div>
</div>
<div class="photo-banner mid-banner">[[File:replacemebanner.jpg]]</div>
      <div class="gallery-container light">
        <div class="label center underline">Gallery</div>
<div class="gallery-content">
<ul>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
<li>[[File:replacem.jpg]]</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>


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

Revision as of 08:01, 1 February 2024



WIP

Played By: Miss Mosh
File:Replace Me.jpg
Info
Full Name: Tatianna Tatarov
Position: Waitress
Hometown: Odessa, Ukraine
Current Residence: North Hollywood
Physical Stats
Age: 24
Height: 5'4"
Weight: 122 lbs
Hair: Platinum Blonde
Eyes: Blue
Complexion: Pale
Marital Status: Divorced
Notable Stats
Resources:
Appearance:
Style:
Networking:
Soundtrack
Song Title - Band
Tatianna Tatarov
File:Replacemebanner.jpg
Biography

Information

Information

Information

Roleplay Hooks
Hook 1: Hook
Hook 2: Hook
Hook 3: Hook
replacemebanner.jpg
Contacts
File:Replacemecontact.png Name - blurb File:Replacemecontact.png Name - blurb
File:Replacemecontact.jpg Name - blurb File:Replacemename.png Name - blurb
Logs

No logs have been posted yet.

File:Replacemebanner.jpg
Gallery
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Tatianna&oldid=36974"