Actions

Difference between revisions of "Celandine"

(A barebones outline for a page.)
 
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 
{{Played by
 
{{Played by
−
| Character name =  
+
| Character name = Celendine Gale
−
| Model name =  
+
| Model name = Ona Morgan
−
| Sample =  
+
| Sample = celandine.jpg
 
}}
 
}}
 +
<CSS>
  
−
<div class="character-page_heading">
+
#wrapper {
 +
    align-items: center;
 +
    display: flex;
 +
    background: #000;
 +
    width: 100%;
 +
    position: relative;
 +
    justify-content: center;
 +
    padding-bottom: 32px;
 +
    font-size: 1rem;
 +
    font-family: Verdana;
 +
    line-height: 32px;
 +
    flex-direction: column;
 +
    l
 +
}
  
−
</div>
+
#container {
−
<div class="character-page_quote">"Fancy quote here"</div>
+
   
 +
    padding: 0 32px;
 +
    margin-top: 350px;
 +
 
 +
    justify-content: center;
 +
    max-width: 1024px;
 +
    position: relative;
 +
    display: flex;
 +
    flex-direction: column;
 +
    z-index: 10;
 +
    width: 100%;
 +
 
 +
}
 +
 
 +
#right {
 +
    width: 70%;
 +
    margin-left: auto;
 +
 
 +
}
 +
 
 +
 
 +
#left {
 +
    width: 25%;
 +
    display: flex;
 +
    flex-direction: column;
 +
  min-width: 200px;
 +
}
 +
 
 +
 
 +
#top {
 +
    display: none;
 +
    flex-direction: column;
 +
    margin-bottom: 64px;
 +
}
 +
 
 +
#top p {
 +
 
 +
  display: flex;
 +
  flex-grow: 1;
 +
  width: 100%;
 +
    margin: 0;
 +
}
 +
 
 +
#gallery {
 +
    display: flex;
 +
    justify-content: space-around;
 +
    flex-wrap: wrap;
 +
    width: 100%;
 +
}
 +
 
 +
#gallery p {
 +
    display: flex;
 +
    width: 100%;
 +
    flex-wrap: wrap;
 +
}
 +
 
 +
p {
 +
    display: flex;
 +
    padding: 0;
 +
   
 +
 
 +
 +
    z-index: 10;
 +
    text-align: justify;
 +
    line-height: 32px; 
 +
}
 +
 
 +
 
 +
ul {
 +
    font-size: 1rem;
 +
    line-height: 32px;
 +
    text-align: justify;
 +
}
 +
 
 +
 
 +
.bg {
 +
    position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 700px;
 +
  object-fit: cover;
 +
  object-position: left bottom;
 +
  z-index: 1;
 +
    opacity: .5;
 +
}
 +
 
 +
.moniker {
 +
    margin-top: -195px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
margin-bottom: 100px;
 +
 
 +
}
 +
 
 +
.portrait {
 +
  width: 400px;
 +
  flex-shrink: 0;
 +
}
 +
 
 +
.portraittop {
 +
  flex-grow: 1;
 +
  height: 300px;
 +
    object-fit: cover;
 +
    object-position: top center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 32px;
 +
}
 +
 
 +
.section {
 +
    display: flex;
 +
 
 +
}
 +
 
 +
 
 +
.section p {
 +
    display: block;
 +
    margin-bottom: 32px;
 +
}
 +
 
 +
.paras p{
 +
    margin-bottom: 4px;
 +
}
 +
 
 +
.title {
 +
    margin: 24px 0;
 +
}
 +
 
 +
.bio {
 +
    display: flex;
 +
    margin-bottom: 4px;
 +
}
  
−
<div class="character-page_section">
+
.r {
 +
  margin-left: auto;
 +
}
  
−
== Hooks ==
 
  
−
'''XXxX'''
 
  
−
xxxx
+
.photo {
 +
 
 +
  height: 220px;
 +
    width: 220px;
 +
    object-fit: cover;
 +
    object-position: top center;
 +
    margin: 8px;
 +
}
  
 +
.logs p {
 +
    display: flex;
 +
    flex-direction: column;
  
−
'''XXXX'''
+
}
  
−
xxxX
 
  
−
'''xxx'''
+
@media screen and (max-width: 1024px) {
 +
    #left {
 +
        display: none;
 +
    }
 +
    #top {
  
−
x
+
        display: flex;
 +
    }
 +
    #right {
 +
        width: 100%;
 +
        margin-left: 0;
 +
    }
 +
}
  
−
<h2 class="character-page_heading">
+
</CSS>
−
Things & Stuff
+
<div id="wrapper">
−
</h2>
+
[[file:celandinebg.jpg|class=bg|link=]]
−
<div class="character-page_gallery-set Row">
+
<div id="container">
 +
--------
 +
<div id="top>
 +
[[file: celandine.jpg|class=portraittop]]
 +
<div class="bio"><b>Age:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Template:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Virtue:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Vice:</b><span class="r">--</span></div>
 +
<div class="bio spacer"><b>Presence:</b><span class="r">🔴🔴🔴🔴</span></div>
 +
<div class="bio spacer"><b>Expression:</b><span class="r">🔴🔴🔴</span></div>
  
 
</div>
 
</div>
−
<div class="character-page_gallery-set Row">
+
<div class="section">
 +
<div id="left">
 +
[[file: celandine.jpg|class=portrait]]
 +
<div class="bio"><b>Age:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Template:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Virtue:</b><span class="r">--</span></div>
 +
<div class="bio"><b>Vice:</b><span class="r">--</span></div>
 +
<div class="bio spacer"><b>Presence:</b><span class="r">🔴🔴🔴🔴</span></div>
 +
<div class="bio spacer"><b>Expression:</b><span class="r">🔴🔴🔴</span></div>
  
 
</div>
 
</div>
 +
<div id="right">
  
−
<h2 class="character-page_heading">
+
I cast a spell on you...
−
Things & Stuff 2
 
−
</h2>
 
−
<div class="character-page_gallery-set Row">
 
  
−
</div>
+
<div class="section paras" style="flex-direction: column;">
−
<div class="character-page_gallery-set Row">
+
[[file: oliviarphooks.png|class=title|link=]]
  
−
</div>
+
'''Mortal'''
−
<div class="character-page_gallery-set Row">
 
−
</div>
 
  
−
</div>
+
* Truth
−
</div>
+
* Truth
−
<div class="character-page_panel">
 
−
<div class="character-page_section">
 
  
−
{| width="100%" align="center" cellpadding="0" cellspacing="2"
 
−
|-
 
−
| class="left" | '''Name:'''
 
−
| x
 
−
|-
 
−
| class="left" |'''Apparent Age:'''
 
−
| x
 
−
|-
 
−
| class="left" | '''X:'''
 
−
| x
 
−
|-
 
−
| class="left" | '''X:'''
 
−
| x
 
−
|-
 
−
| class="left" | '''X:'''
 
−
| x
 
−
|-
 
−
| class="left" | '''X:'''
 
−
| x
 
−
|}
 
−
</div>
 
  
−
<div class="character-page_heading">
+
'''Supernatural'''
−
Themesong(s)
 
−
</div>
 
−
<div class="character-page_quote">
 
−
Themesong lyrics here
 
−
- [youtube link here artist ~ songname]
 
−
<hr>
 
  
−
<br>&nbsp;
+
* Truth
 +
* Truth
 +
* Lie
  
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
 +
<div class="section paras" style="flex-direction: column;">
 +
[[file:oliviagallery.png|class=title|link=]]
 +
<div id="gallery">
 +
[[file: celandine.jpg|class=photo]]
 +
[[file: celandine.jpg|class=photo]]
 +
[[file: celandine.jpg|class=photo]]
 +
[[file: celandine.jpg|class=photo]]
 
</div>
 
</div>
 
</div>
 
</div>
  
−
</center></div>
+
 
−
<div style="background-color:#000; line-height:300%"><font style="color:#white; font-size:14pt; font-variant:small-caps"><center>'''Logs'''</center></font></div>
+
<div class="section logs">
−
<div style="text-align:justify; padding:5px; border:0px;"><center>
+
[[file:olivialogs.png|class=title|link=]]
 
{{ #dpl:
 
{{ #dpl:
 
|userdateformat='''Y M d''' -
 
|userdateformat='''Y M d''' -
Line 103: Line 263:
 
|addeditdate=true
 
|addeditdate=true
 
|shownamespace=false
 
|shownamespace=false
−
|noresultsheader=<font color="#cccccc">''No Logs Yet!''</font>
+
|noresultsheader=<font color="#fff">''No Logs Yet!''</font>
 
|columns=3
 
|columns=3
 
}}
 
}}
 +
</div>
  
 +
</div>
 +
 +
-------
 +
</div>
  
 
[[Category:Active PCs]][[Category:Mortal]]
 
[[Category:Active PCs]][[Category:Mortal]]

Revision as of 20:46, 16 October 2022



Celandinebg.jpg

Celandine.jpg

Age:--
Template:--
Virtue:--
Vice:--
Presence:🔴🔴🔴🔴
Expression:🔴🔴🔴

Celandine.jpg

Age:--
Template:--
Virtue:--
Vice:--
Presence:🔴🔴🔴🔴
Expression:🔴🔴🔴

Oliviagallery.png


Olivialogs.png

      Retrieved from "http://cityofshadowsmux.com/index.php?title=Celandine&oldid=10017"