Actions

Difference between revisions of "Five"

(so very WIP)
 
(very major always and forever WIP)
Line 7: Line 7:
  
 
<css>
 
<css>
@import 'https://fonts.googleapis.com/css2?family=Pompiere';
+
@import 'https://fonts.googleapis.com/css2?family=Boogaloo';
 +
 
  
 
a:link {
 
a:link {
color: #BFA4BB;
+
color: #ff5942;
 
text-shadow: 1px 1px 1px #000
 
text-shadow: 1px 1px 1px #000
 
}
 
}
 
a:visited {
 
a:visited {
color: #BFA4BB;
+
color: #ff5942;
 
text-shadow: 1px 1px 1px #000
 
text-shadow: 1px 1px 1px #000
 
}
 
}
Line 36: Line 37:
 
text-align: center;
 
text-align: center;
 
margin-top: 15px;
 
margin-top: 15px;
font-family: 'Knewave', Calibri, Arial, Sans Serif;
+
font-size: 18px;
 +
font-family: 'PT Sans', Calibri, Arial, Sans Serif;
 
}
 
}
 
.infotext {
 
.infotext {
 
text-shadow: 0px 0px 2px #000;
 
text-shadow: 0px 0px 2px #000;
color: #FFFFFF;
+
color: #F2ECD8;
font-family: 'Knewave', Calibri, Arial, Sans Serif;
+
font-family: 'PT Sans', Calibri, Arial, Sans Serif;
font-size: 12px;
+
font-size: 15px;
padding: 15px;
+
padding: 0px;
 
}
 
}
 
.label {
 
.label {
 
color: #BFA4BB;
 
color: #BFA4BB;
font-family: 'Pompiere', Sans Serif;
+
font-size: 15px;
 +
font-family: 'Boogaloo', Sans Serif;
 
letter-spacing: 1px;
 
letter-spacing: 1px;
 
text-shadow: 1px 1px 1px #000;
 
text-shadow: 1px 1px 1px #000;
Line 59: Line 62:
 
margin-left: 20px;
 
margin-left: 20px;
 
text-align: justify;
 
text-align: justify;
}
 
.text2 {
 
text-shadow: 0px 0px 5px #daecf3;
 
color: #FFFFFF;
 
font-family: 'Knewave', Calibri, Arial, Sans Serif;
 
font-size: 11px;
 
line-height: 16px;
 
 
}
 
}
  
 
.header {
 
.header {
 
text-transform: uppercase;
 
text-transform: uppercase;
letter-spacing: -2px;
+
letter-spacing: 2px;
 
font-size: 30px;
 
font-size: 30px;
 
margin-top: 10px;
 
margin-top: 10px;
text-shadow: 0px 2px 2px #000;
+
text-shadow: 0px 1px 2px #000;
 
text-align: center;
 
text-align: center;
font-style: italic;
+
font-style: none;
font-family: 'Pompiere', Sans Serif;
+
font-family: 'Boogaloo', Sans Serif;
color: #D1D4EE;
+
color: #d13c28;
 
}
 
}
 
</css>
 
</css>
  
{| width="850" align="center" style="border-radius: 5px; background: -webkit-linear-gradient(#547C8C, #426A8C); background: -o-linear-gradient(#547C8C, #426A8C); background: -moz-linear-gradient(#547C8C, #426A8C); background: linear-gradient(#547C8C, #426A8C); border: 5px solid #000000; margin-left: 125px;"
+
{| width="850" align="center" style="border-radius: 0px; background: -webkit-linear-gradient(#fbd28c, #690D00); background: -o-linear-gradient(#fbd28c, #690D00); background: -moz-linear-gradient(#fbd28c, #690D00); background: linear-gradient(#fbd28c, #690D00); border: 0px; margin-left: 125px;"
 
| style = "padding-left: 10px; padding-right: 10px; spacing: 0px; margin: 20px;"|
 
| style = "padding-left: 10px; padding-right: 10px; spacing: 0px; margin: 20px;"|
  
Line 87: Line 83:
 
{| cellpadding="0" width="300px"
 
{| cellpadding="0" width="300px"
 
|-
 
|-
|colspan="2"|[[Image:FiveAv.png|275px|center]]
+
|colspan="2"|[[Image:FiveAv.png|300px|center]]
 
|-
 
|-
|align="left"|<span class="label">'''Apparent Age'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Apparent Age'''</span>
 
|align="right"|Early 20s
 
|align="right"|Early 20s
 
|-
 
|-
|align="left"|<span class="label">'''Virtue'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Virtue'''</span>
 
|align="right"|Courageous
 
|align="right"|Courageous
 
|-
 
|-
|align="left"|<span class="label">'''Vice'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Vice'''</span>
 
|align="right"|Tempestuous
 
|align="right"|Tempestuous
 
|-
 
|-
|align="left"|<span class="label">'''Sphere'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Sphere'''</span>
 
|align="right"|[[Mortal_%26_Mortal%2B|Mortal+]]
 
|align="right"|[[Mortal_%26_Mortal%2B|Mortal+]]
 
|-
 
|-
 
|colspan="2"|<hr />
 
|colspan="2"|<hr />
 
|-
 
|-
|align="left"|<span class="label">'''DEXTERITY'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Dexterity'''</span>
 
|align="right"| ••••
 
|align="right"| ••••
 
|-
 
|-
|align="left"|<span class="label">'''Resolve'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Resolve'''</span>
 
|align="right"|••••
 
|align="right"|••••
 
|-
 
|-
|align="left"|<span class="label">'''Athletics'''</span>
+
|align="left"|<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">'''Athletics'''</span>
 
|align="right"|••••
 
|align="right"|••••
 
|}
 
|}
Line 117: Line 113:
  
  
{| style="color: #D1D4EE; font-size: 13px; border-spacing: 2px; padding: 0px; margin-top: -50px; margin-left: -15px;"  
+
{| style="color: #F2ECD8; font-size: 13px; border: solid 2px #000; padding: 0px; margin-top: -50px; margin-left: -15px;"  
 
|-valign="middle"
 
|-valign="middle"
 
|width="600" padding="10px" vertical-align="middle" height="50"|<center><div style="opacity:0.8;">[[File:FiveBanner.png|350px]]</div></center>
 
|width="600" padding="10px" vertical-align="middle" height="50"|<center><div style="opacity:0.8;">[[File:FiveBanner.png|350px]]</div></center>
 
|-
 
|-
 
|style="vertical-align: top;"|
 
|style="vertical-align: top;"|
<div class="header">Description</div>
+
<div class="header">Kindling</div>
<div class="infotext"> Worem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
+
<div class="infotext"> A paragraph or two about what she looks like and how awesome she is. </div>
  
<div class="header">Hooks</div>
+
<div class="header">Fuel</div>
 
<div class="infotext"><span class="subtext">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
 
<div class="infotext"><span class="subtext">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
 
   
 
   
 
<div class="infotext"><span class="subtext">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
 
<div class="infotext"><span class="subtext">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
  
<div class="infotext"><span class="subtext">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
+
<div class="infotext"><span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
  
<div class="infotext"><span class="subtext">Hook</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis. </div>
 
  
<div class="header">Connections</div>
+
<div class="header">Sparks</div>
 
<div class="infotext">
 
<div class="infotext">
[[WikiName|Firsty Lasty]] - Coming soon
+
<span style="color: #F9A71F; text-transform: uppercase; font-size: 18px; font-family: 'Boogaloo', Sans Serif; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;">[[Wikiname|Wiki Name]]</span> - Coming soon.
  
 
[[Name]] - Coming soon
 
[[Name]] - Coming soon
 
</div>
 
</div>
  
<div class="header">Glimpses</div>
+
<div class="header">Combustion</div>
<div class="mw-collapsible mw-collapsed" style="color: #F8F8F8; font-size: 12px; font-variant: small-caps;">[[File:Five1.png|x250px|left]] [[Image:Five2.png|x250px|right]]
+
<div class="mw-collapsible mw-collapsed" style="color: #F2ECD8; font-size: 12px;">
[[File:Five3.gif|center]]
+
<div class="infotext">Let's get beats together! Have an Aspiration you want to fulfill? See one that aligns with your own?
 +
o Make a friend.
 +
o Find shelter.
 +
o Learn to control her powers.
 +
</div>
 
</div>
 
</div>
  
  
  
<div class="header">Memories</div>
+
<div class="header">Embers</div>
 
<div class="mw-collapsible mw-collapsed" font style="color: #ffffff; font-size: 12px;">{{ RP Logs | name = {{PAGENAME}} | columns = 2 | ordermethod = gamedate }}</div>
 
<div class="mw-collapsible mw-collapsed" font style="color: #ffffff; font-size: 12px;">{{ RP Logs | name = {{PAGENAME}} | columns = 2 | ordermethod = gamedate }}</div>
 
|}
 
|}

Revision as of 00:58, 2 October 2022




FiveAv.png
Apparent Age Early 20s
Virtue Courageous
Vice Tempestuous
Sphere Mortal+

Dexterity ••••
Resolve ••••
Athletics ••••



Kindling
A paragraph or two about what she looks like and how awesome she is.
Fuel
Hook Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis.
Hook Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis.
Hook Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum vehicula massa, sit amet porttitor quam commodo a. Maecenas tortor leo, consequat a velit et, accumsan facilisis turpis.


Sparks

Wiki Name - Coming soon.

Name - Coming soon

Combustion
Let's get beats together! Have an Aspiration you want to fulfill? See one that aligns with your own?

o Make a friend. o Find shelter. o Learn to control her powers.


Embers