Difference between revisions of "Leigh"

From City of Hope MUSH
Jump to navigation Jump to search
Line 1: Line 1:
−
__NOTOC__
+
{{#css:
 +
h1#firstHeading {
 +
    display: none;
 +
}
  
−
{{#css:  
+
.mw-body {
 +
    background-color: White!important;
 +
    color: Black!important;
 +
}
  
−
.container {
+
#catlinks {
−
        margin: auto;
+
    max-width: 93em;
−
        height: auto;
+
    width: calc(100% - 12.5em);
−
        width: 1000px;
+
    margin: 2em auto 0 auto;
−
        font-family: Futura, "Trebuchet MS", Arial, sans-serif;
+
    background-color:white;
−
        color: #e0218a;
+
    color:Black;
−
        display: flex;
+
}
−
        flex-direction: column;
 
−
      }
 
  
−
      .light {
+
#catlinks a, #catlinks a:visited {
−
        background-color: white;
+
    color: black;
−
        border-color: blue;
+
}
−
      }
 
  
−
      .dark {
+
div.Characterbox {
−
        background-color: #e0218a;
+
    border: 7px ridge #e0218a;
−
        color: white;
+
    border-radius: 10px;
−
      }
+
    max-width: 95em;
 +
    width: calc(100% - 10.5em);
 +
    margin: 0 auto;
 +
    padding: 0;
 +
}
  
−
      .top-section {
+
div.picturebox {
−
        display: flex;
+
    margin: 1em;
−
      }
+
    padding: 0;
 +
    text-indent: 0;
 +
    background-color: White;
 +
    margin: 2em;
 +
}
  
−
      .right-panel {
+
img.top {
−
        width: 70%;
+
    width:100%;
−
        height: auto;
+
    height:auto;
−
      }
+
}
  
−
      .left-panel {
+
img.top2 {
−
        width: 30%;
+
    width: calc(100% - 30px);
−
        display: flex;
+
    height:auto;
−
        flex-direction: column;
+
}
−
        justify-content: center;
 
−
        border: 8px;
 
−
        border-style: solid;
 
−
        border-color: #e0218a;
 
−
        border-bottom-style: hidden;
 
−
        background-color: #fefeff;
 
−
        font-size: 0.9em;
 
−
      }
 
  
−
      .portrait-image {
 
−
        width: 100%;
 
−
      }
 
  
−
      .portrait-image img {
+
table.infobox {
−
        width: 100%;
+
    background-color: White;
−
        height: auto;
+
    border: 7px ridge #e0218a;
−
      }
+
    border-radius: 10px;
 +
    margin-right: -6em;
 +
    margin-bottom: 0.5em;
 +
    margin-left: 1em;
 +
    padding: 1em .3em;
 +
    float: right;
 +
    margin-top: 2em;
 +
    clear: right;
 +
    max-width: 400px;
 +
}
  
−
      .info-table {
+
td.name {
−
        margin: auto;
+
    margin-top: 0;
−
        width: 100%;
+
    padding-right: .5em;
−
        padding: 0 1em;
+
    text-align: right;
−
      }
+
    font-size: 2em;
 +
    color: Black;
 +
    font-family: 'Linux Libertine','Georgia','Times',serif;
 +
    line-height: 1.3;
 +
    margin-bottom: .25em;
 +
    padding: 0;
 +
    padding-left: .5em;
 +
    background: none;
 +
    font-weight: normal;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    border-bottom: 1px solid #a2a9b1;
 +
}
  
−
      .info-table-label {
+
div.subframe2 {
−
        font-weight: 600;
+
    border: none;
−
        width: 45%;
+
    margin: .5em .5em;
−
      }
+
}
  
−
      .center {
+
td.label {
−
        text-align: center;
+
    margin-top: 0;
−
      }
+
    padding-right: .5em;
 +
    text-align: right;
 +
    font-size: 1.5em;
 +
    color: black;
 +
    font-family: 'Linux Libertine','Georgia','Times',serif;
 +
    line-height: 1.3;
 +
    margin-bottom: .25em;
 +
    padding: 0;
 +
    padding-left: .5em;
 +
    background: none;
 +
    font-weight: normal;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    border-bottom: 1px solid black;
 +
}
  
−
      .underline {
+
tr.infobox td:first-child {
−
        border-bottom-style: solid;
+
    text-align: right;
−
        border-bottom-width: 0.1em;
+
    font-weight: bold;
−
        padding-bottom: 0.5em;
+
}
−
      }
 
  
−
      .label {
+
tr.soundTitle {
−
        margin: 0.2em 0;
+
    font-weight: bold;
−
        font-size: 1.4em;
+
    font-size: 100%;
−
        font-weight: 600;
+
}
−
        font-style: italic;
 
−
      }
 
  
−
      .header-container {
+
tr.infolyrics {
−
        width: 100%;
+
    background: none;
−
        display: flex;
+
    color: #C0C0C0;
−
        justify-content: center;
+
}
−
        padding: 2em 0;
 
−
      }
 
  
−
      .header-title {
+
tr.infolyrics td {
−
        width: 94%;
+
    padding-left: 3em;
−
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
    text-indent: -1em;
−
        font-size: 25px;
+
    font-style: italic;
−
        letter-spacing: 2px;
+
    font-size: 90%;
−
        word-spacing: 2px;
+
    padding-bottom: 1em;
−
        font-weight: 700;
+
}
−
        text-decoration: none;
 
−
        font-style: normal;
 
−
        font-variant: normal;
 
−
        text-transform: none;
 
−
      }
 
  
−
      .photo-banner {
+
tr.infolyrics td p {
−
        width: 100%;
+
    margin: 0;
−
        height: auto;
+
    line-height: 1.3;
−
      }
+
}
  
−
      .photo-banner img {
+
div.content p, div.content ul li, span.contactName, span.contactDesc, span.plainlinks a.external.text {
−
        width: 100%;
+
    color: #C0C0C0;
−
        height: 100%;
+
    font-family: sans-serif;
−
      }
+
    margin-bottom: 0.1em;
 +
    font-size: 100%;
 +
    line-height: 1.6;
 +
}
  
−
      .mid-banner {
+
div.mainframe {
−
        margin: 0 0 -1em 0;
+
    background: none;
−
      }
+
    padding-left: 0!important;
 +
    padding-right: 0!important;
 +
    margin-left: 0!important;
 +
    margin-right: 0!important;
 +
}
  
−
      .biography-container {
+
div.subframe {
−
        width: 94%;
+
    border: 7px ridge #e0218a;
−
        padding: 1em 3%;
+
    margin: 1em;
−
      }
+
    border-radius: 10px;
−
 
 
−
      .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 {
+
div.content p.quote {
−
color: white;
+
    font-family: 'Linux Libertine','Georgia','Times',serif;
 +
    line-height: 1.3;
 +
    margin-bottom: .25em;
 +
    text-align: center;
 +
    text-indent: none;
 +
    font-style: italic;
 +
    font-size: 1.5em;
 
}
 
}
  
−
.hooks-table a:visited {
+
p.sb1, td.label {
−
color: white;
+
    font-size: 1.5em;
 +
    margin-top: 5px;
 +
    color: black;
 +
    font-family: 'Linux Libertine','Georgia','Times',serif;
 +
    line-height: 1.3;
 +
    margin-bottom: .25em;
 +
    padding: 0;
 +
    padding-left: .5em;
 +
    background: none;
 +
    font-weight: normal;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    border-bottom: 1px solid black;
 
}
 
}
  
−
.hooks-table a:hover {
+
div.content {
−
color: pink;
+
    margin: 0em;
 +
    padding: 1em;
 
}
 
}
  
−
.hooks-table tbody {
+
div.content p, span.contactName, span.contactDesc {
−
width: 100%
+
    color: black;
 +
    font-family: sans-serif;
 +
    margin-bottom: 0.1em;
 +
    font-size: 100%;
 +
    line-height: 1.6;
 +
    text-indent: 2em;
 +
    text-align: justify;
 
}
 
}
  
−
      .hooks-table-label {
+
span.contactName {
−
        width: 180px;
+
    font-weight: bold;
−
        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 {
+
.gallery {
−
height: 320px;
+
    -webkit-transition: all 0.5s ease;
−
max-width: 100%;
+
    -moz-transition: all 0.5s ease;
−
-webkit-transition: all 0.5s ease;
+
    -o-transition: all 0.5s ease;
−
-moz-transition: all 0.5s ease;
+
    -ms-transition: all 0.5s ease;
−
-o-transition: all 0.5s ease;
+
    transition: all 0.5s ease;
−
-ms-transition: all 0.5s ease;
+
    margin: 10px;
−
transition: all 0.5s ease;
+
    -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
−
margin: 10px;
+
    webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
−
-moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
+
    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 {
+
.gallery:hover {
−
-webkit-transform: scale(1.6);
+
    -webkit-transform: scale(1.9);
−
     -moz-transform: scale(1.6);
+
     -moz-transform: scale(1.9);
−
     -o-transform: scale(1.6);
+
     -o-transform: scale(1.9);
−
     -ms-transform: scale(1.6);
+
     -ms-transform: scale(1.9);
−
     transform: scale(1.6);
+
     transform: scale(1.9);
 
     cursor: pointer;
 
     cursor: pointer;
−
}
 
  
−
.logs-content {
+
ul li {
−
     display: flex;
+
     list-style-image: none;
−
    justify-content: center;
 
 
}
 
}
−
 
  
 
}}
 
}}
  
−
<div class="container">
+
<div class="Characterbox">
−
      <div class="top-section">
+
  <div class="picturebox">
−
 
+
[[Image:leigh-leather.jpg|750px|link=|class=top]]
−
        <div class="left-panel">
+
  </div>
−
         
+
  <table class="infobox">
−
          <div class="portrait-image">[[File:leigh-intro.jpg]]</div>
+
    <tr>
−
          <div class="header-container">
+
      <td class="name">Leigh Upton</td>
−
            <div class="label center">Info</div>
+
    </tr>
−
          </div>
+
    <tr>
−
           <table class="info-table">
+
      <td>
 +
        <div class="subframe2">
 +
          [[Image:leigh-intro.jpg|200px]]
 +
           <table style="border: none; margin-top:.3em; border-collapse:collapse; width:100%;">
 
             <tr>
 
             <tr>
−
               <td class="info-table-label">Full Name:</td>
+
               <td align="center">
−
              <td>Leigh Upton</td>
+
                <table style="border: none; margin-top:.3em; border-collapse:collapse; width:100%;">
 +
                  <tr class="infobox">
 +
                    <td>Age:</td>
 +
                    <td>Late Teens / Early Twenties</td>
 +
                  </tr>
 +
                  <tr class="infobox">
 +
                    <td>Occupation:</td>
 +
                    <td>College Student at UCP</td>
 +
                  </tr>
 +
                  </tr>
 +
                  <tr class="infobox">
 +
                    <td>Traits:</td>
 +
                    <td>Appearance - 4 (Alluring)</td>
 +
                  </tr>
 +
                  <tr class="infobox">
 +
                    <td> </td>
 +
                    <td>Charisma - 4 (Friendly Face)</td>
 +
                  </tr>
 +
                </table>
 +
              </td>
 
             </tr>
 
             </tr>
−
            <tr>
 
−
              <td class="info-table-label">Played By:</td>
 
−
              <td>Natalie Lee</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Position:</td>
 
−
              <td>College Student at UCP</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Hometown:</td>
 
−
              <td>San Marcos, CA</td>
 
−
            </tr> 
 
 
           </table>
 
           </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">Height:</td>
 
−
              <td>5'6"</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Weight:</td>
 
−
              <td>Athletic</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Hair:</td>
 
−
              <td>Blonde*</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Eyes:</td>
 
−
              <td>Blue</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Complexion:</td>
 
−
              <td>Sun-kissed / Bronze</td>
 
−
            </tr>
 
−
            </table>
 
−
        <hr style="width: 90%" />
 
−
          <div class="header-container">
 
−
            <div class="label center">Notable Stats</div>
 
−
          </div>
 
−
          <table>
 
−
            <tr>
 
−
              <td class="info-table-label">Appearance:</td>
 
−
              <td> 4 - Alluring</td>
 
−
            </tr>
 
−
            <tr>
 
−
              <td class="info-table-label">Charsima:</td>
 
−
              <td>4 - Friendly Face</td>
 
−
            </tr>
 
−
          </table>
 
−
        <hr style="width: 90%" />
 
−
 
−
          <div class="header-container">
 
−
            <div class="label center">Soundtrack</div>
 
−
          </div>
 
−
          <table>
 
−
            <tr>
 
−
              <td><span class="plainlinks">Coming Soon</span></td>
 
−
            </tr>
 
−
          </table>
 
−
        </div>
 
−
 
−
        <div class="right-panel">
 
−
          <div class="header-container">
 
−
            <div class="header-title center underline">Leigh Upton</div>
 
−
          </div>
 
−
 
−
          <div class="photo-banner">[[File:leigh-leather.jpg]]</div>
 
−
           
 
−
            <p>
 
−
            <center><i>Not your Barbie Girl, Living in my own World</i></center>
 
−
            </p>
 
−
 
−
          <div class="biography-container">
 
−
            <div class="label center underline">Biography</div>
 
−
 
−
            <p>
 
−
              Leigh Upton grew up in San Marcos, California - or as it's known by some of the locals as 'San Parkos' for all of the community parks that provide hiking trails. She has since graduated from high school and is now moving with the next stage in her life! College! Well, she took a little bit of a detour. She had to go through a couple of years of community college to boost that GPA. But College! She's enrolled at the University of California - Prospect (because she still can't get into University of California - Berkeley, University of Southern California, or the University of California - Los Angeles, or a long list of other colleges).
 
−
            </p>
 
−
            <p>
 
−
              While on campus, you can expect to find her studying psychology because there's an endless supply of blonde jokes that entail a California Blonde that would enroll in the 'study of the mind'. Also, what would college life be without being involved in Greek Life! Alpha Sigma Sigma is a dang good sorority, and so obviously, this is where Leigh would be! I mean, you could look at the library, too. Maybe. Ok, not really, but you never know. If she's not on campus, she's either looking for a trail to hike or hitting the beach. She is a California Girl, so there'd have to be something wrong with her if she didn't live on the beach on the weekends. Mind you, she is health conscientious. Or perhaps, just aware that she needs to have a bikini body for the beach, so she can be found doing yoga on the beach in the early morning or out in the gym, working out and doing squats to make sure that she doesn't become a whale.
 
−
            </p>
 
−
          </div>
 
 
         </div>
 
         </div>
−
 
+
      </td>
 +
    </tr>
 +
  </table>
 +
  <div class="mainframe">
 +
    <div class="subframe">
 +
      <div class="content">
 +
        <p> Leigh Upton grew up in San Marcos, California - or as it's known by some of the locals as 'San Parkos' for all of the community parks that provide hiking trails. She has since graduated from high school and is now moving with the next stage in her life! College! Well, she took a little bit of a detour. She had to go through a couple of years of community college to boost that GPA. But College! She's enrolled at the University of California - Prospect (because she still can't get into University of California - Berkeley, University of Southern California, or the University of California - Los Angeles, or a long list of other colleges).</p>
 +
        <p> While on campus, you can expect to find her studying psychology because there's an endless supply of blonde jokes that entail a California Blonde that would enroll in the 'study of the mind'. Also, what would college life be without being involved in Greek Life! Alpha Sigma Sigma is a dang good sorority, and so obviously, this is where Leigh would be! I mean, you could look at the library, too. Maybe. Ok, not really, but you never know. If she's not on campus, she's either looking for a trail to hike or hitting the beach. She is a California Girl, so there'd have to be something wrong with her if she didn't live on the beach on the weekends. Mind you, she is health conscientious. Or perhaps, just aware that she needs to have a bikini body for the beach, so she can be found doing yoga on the beach in the early morning or out in the gym, working out and doing squats to make sure that she doesn't become a whale.</p>
 
       </div>
 
       </div>
−
 
+
    </div>
−
      <div class="hooks-container dark">
+
    <div class="subframe">
−
        <div class="label center underline">Roleplay Hooks</div>
+
       <p class="sb1">Gallery</p>
−
 
+
       <div>
−
        <div class="hooks-content">
+
         <center>
−
       
+
         <div class="picturebox">[[Image:leigh-morning.jpg|250px|class=gallery]] [[Image:leigh-formal.jpg|250px|class=gallery]]</div>
−
            <table class="hooks-table" cell>
+
         <div class="picturebox">[[Image:leigh-offroad.jpg|250px|class=gallery]][[Image:leigh-workout.jpg|250px|class=gallery]][[Image:leigh-beach.jpg|250px|class=gallery]] </div>
−
              <tr>
+
        </center>
−
                <td class="hooks-table-label" style="padding:10px">College Life</td>
+
      </div>          
−
                <td style="padding:10px">Something something something </td>
+
    </div>
−
            </tr>
+
  </div>
−
            <tr>
 
−
                <td class="hooks-table-label" style="padding:10px">Hiking / Off-roading</td>
 
−
                <td style="padding:10px">Something something something</td>
 
−
              </tr>
 
−
              <tr>
 
−
                <td class="hooks-table-label" style="padding:10px">Yoga / Fitness</td>
 
−
                <td style="padding:10px">Something something something </td>
 
−
              </tr>
 
−
              <tr>
 
−
                <td class="hooks-table-label" style="padding:10px">Beach Life / Surf's Up</td>
 
−
                <td style="padding:10px">Something something something </td>
 
−
              </tr>
 
−
          </table>
 
−
       
 
−
        </div>
 
−
       
 
−
       </div>
 
−
 
 
−
      <div class="photo-banner mid-banner">[[File:leigh-casual.jpg]]</div>
 
−
 
 
−
       <div class="contacts-container dark">
 
−
         <div class="label center underline">Contacts</div>
 
−
 
 
−
        <div class="hooks-content">
 
−
 
 
−
       
 
−
        </div>
 
−
      </div>
 
−
 
 
−
 
 
−
 
 
−
      <div class="logs-container light">
 
−
        <div class="label center underline">Logs</div>
 
−
 
 
−
<div class="logs-content">
 
−
<div class="content">
 
−
{{ RP Logs | name = {{PAGENAME}} | columns = 3 | ordermethod = gamedate }}
 
−
</div>
 
−
</div>
 
−
 
 
−
<div class="photo-banner mid-banner">[[File:leigh-sandiego.jpg]]</div>
 
−
 
 
−
      <div class="gallery-container light">
 
−
        <div class="label center underline">Gallery</div>
 
−
 
 
−
<div class="gallery-content">
 
−
         <div class="picturebox">[[Image:leigh-morning.jpg|250px|class=gallery]] [[Image:leigh-dress.jpg|200px|class=gallery]] [[Image:leigh-formal.jpg|250px|class=gallery]]</div>
 
−
         <div class="picturebox">[[Image:leigh-offroad.jpg|250px|class=gallery]][[Image:leigh-workout.jpg|250px|class=gallery]][[Image:leigh-beach.jpg|250px|class=gallery]]  
 
−
</div>
 
−
 
 
−
</div>
 
−
 
 
 
</div>
 
</div>
−
 
+
[[Category:PCs]] [[Category:Active PCs]]
−
</div>
 
−
</div>
 
−
    </div>
 
−
 
 
−
 
 
−
[[Category:Active PCs]][[Category:PCs]]
 

Revision as of 22:50, 5 August 2023


Leigh-leather.jpg

Leigh Upton 
          Leigh-intro.jpg
Age: Late Teens / Early Twenties
Occupation: College Student at UCP
Traits: Appearance - 4 (Alluring)
Charisma - 4 (Friendly Face)

Leigh Upton grew up in San Marcos, California - or as it's known by some of the locals as 'San Parkos' for all of the community parks that provide hiking trails. She has since graduated from high school and is now moving with the next stage in her life! College! Well, she took a little bit of a detour. She had to go through a couple of years of community college to boost that GPA. But College! She's enrolled at the University of California - Prospect (because she still can't get into University of California - Berkeley, University of Southern California, or the University of California - Los Angeles, or a long list of other colleges).

While on campus, you can expect to find her studying psychology because there's an endless supply of blonde jokes that entail a California Blonde that would enroll in the 'study of the mind'. Also, what would college life be without being involved in Greek Life! Alpha Sigma Sigma is a dang good sorority, and so obviously, this is where Leigh would be! I mean, you could look at the library, too. Maybe. Ok, not really, but you never know. If she's not on campus, she's either looking for a trail to hike or hitting the beach. She is a California Girl, so there'd have to be something wrong with her if she didn't live on the beach on the weekends. Mind you, she is health conscientious. Or perhaps, just aware that she needs to have a bikini body for the beach, so she can be found doing yoga on the beach in the early morning or out in the gym, working out and doing squats to make sure that she doesn't become a whale.

Gallery

Leigh-morning.jpg Leigh-formal.jpg
Leigh-offroad.jpgLeigh-workout.jpgLeigh-beach.jpg
Retrieved from "https://cityofhopemush.net/index.php?title=Leigh&oldid=249171"