Difference between revisions of "Main Page"

From From The Ashes Wiki
Jump to: navigation, search
m (fix border colors)
 
(34 intermediate revisions by 7 users not shown)
Line 1: Line 1:
__NOTOC__
+
{{#css:
{| cellspacing="3"
+
#firstHeading {
|- valign="top"
+
    display: none;
|
+
}
<center>[[Image:Detroit-skyline.jpg|center]] <br><br>
+
.green {
<font size="7"> From The Ashes:&nbsp;&nbsp;Detroit By Night</font></center>
+
    color: #29A571;
 +
}
 +
.yellow {
 +
    color: #EDA656;
 +
}
 +
.red {
 +
    color: #C44E41;
 +
}
 +
.status {
 +
    margin-top: 1em;
 +
    width: 100%
 +
}
 +
.status td:nth-of-type(2) {
 +
    padding: 0 .5em;
 +
    text-align: center;
 +
    white-space: nowrap;
 +
}
 +
.status td:last-of-type {
 +
    text-align: center;
 +
}
 +
.skin-fta li {
 +
    margin-bottom: .5em;
 +
}
 +
.firstHeading,
 +
.previewnote {
 +
    display: none;
 +
}
 +
.skyline {
 +
    height: 400px;
 +
    margin-top: 0;
 +
    opacity: .95;
 +
}
 +
.skin-fta #p-logo {
 +
    bottom: 1.25em;
 +
}
 +
#navbar {
 +
    background-color: transparent;
 +
    position: absolute;
 +
}
 +
.skin-fta #site-navigation,
 +
.skin-vector #left-navigation,
 +
.skin-vector #p-cactions,
 +
.skin-vector #mw-panel .portal {
 +
    display: none;
 +
}
 +
.menu + *,
 +
#mw-navigation #page-tools .mw-portlet,
 +
#mw-navigation #wiki-tools .mw-portlet {
 +
    padding: 0 .5em;
 +
    background-color: transparent;
 +
}
 +
.menu + *,
 +
#mw-navigation #page-tools #p-namespaces,
 +
#mw-navigation #wiki-tools #p-recent {
 +
    padding-top: 0;
 +
}
 +
.skin-fta #p-personal {
 +
    margin-top: -1.5em;
 +
}
 +
#p-personal li:first-of-type {
 +
    display: table-cell;
 +
    padding-left: .5em;
 +
}
 +
.skin-fta #searchGoButton,
 +
.skin-fta #searchInput {
 +
    background-color: transparent;
 +
    transition: width 0.5s ease, background-color 0.125s 0.4s ease;
 +
}
 +
.skin-fta #searchGoButton {
 +
    color: #ccc;
 +
    transition: color 0.25s .5s ease, background-color 0.25s .5s ease;
 +
}
 +
.skin-fta #searchInput:focus,
 +
.skin-fta #searcher:hover #searchInput {
 +
    background-color: #eee;
 +
    transition: width 0.5s .05s ease, margin-right 0.125s .05s ease, background-color 0.01s 0s ease;
 +
}
 +
.skin-fta #searcher:hover + #searchGoButton {
 +
    transition: color 0.125s 0s ease, background-color 0.125s 0s ease, border-radius 0.01s 0.12s ease;
 +
}
 +
#mw-wrapper {
 +
    margin-top: -5em;
 +
    padding-bottom: 170px;
 +
}
 +
.sitename,
 +
.siteaddress {
 +
    font-family: Bellfort Rough, san-serif;
 +
    font-size: 17.5vw;
 +
    margin: 0 auto;
 +
    opacity: .95;
 +
    text-align: center;
 +
}
 +
.sitename div {
 +
    display: inline-block;
 +
    height: 1em;
 +
    white-space: nowrap;
 +
}
 +
.siteaddress {
 +
    font-size: 12.5vw;
 +
    margin-top: -.125em;
 +
    white-space: nowrap;
 +
}
 +
.sections {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    margin-top: 2.5em;
 +
    width: 100%;
 +
}
 +
.section {
 +
    margin-bottom: 2.25em;
 +
}
 +
.half:last-of-type .section:last-of-type {
 +
    margin-bottom: 1em;
 +
}
 +
h3 {
 +
  padding-top: 0;
 +
}
 +
.status {
 +
    margin-top: 1em;
 +
    width: 100%
 +
}
 +
.status th {
 +
    font-family: Bellfort Rough, san-serif;
 +
    font-size: 1.5em;
 +
    font-weight: normal;
 +
    padding-bottom: .33em;
 +
}
 +
.status th:first-of-type {
 +
    text-align: left;
 +
}
 +
.status td:nth-of-type(2) {
 +
    padding: 0 .5em;
 +
    text-align: center;
 +
    white-space: nowrap;
 +
}
 +
.status td:last-of-type {
 +
    text-align: center;
 +
}
 +
.skin-fta li {
 +
    margin-bottom: .5em;
 +
    display: table-row;
 +
}
 +
.long {
 +
    display: none;
 +
}
 +
.short {
 +
  display: inline;
 +
}
 +
@media screen and (min-width: 992px) {
 +
    .sitename {
 +
        font-size: 4em;
 +
    }
 +
    .siteaddress {
 +
        font-size: 3em;
 +
    }
 +
    .sitename div {
 +
        display: inline-block;
 +
    }
 +
    .part2 {
 +
        padding-left: .25em;
 +
    }
 +
    .half {
 +
        flex: 0 1 50%;
 +
        padding-right: 1.5em;
 +
    }
 +
    .half:last-of-type {
 +
        border-left: 1px dotted #ccc;
 +
        padding-left: 1.5em;
 +
        padding-right: 0;
 +
    }
 +
    .long {
 +
        display: inline;
 +
    }
 +
    .short {
 +
        display: none;
 +
    }
 +
}
 +
.intro {
 +
    text-indent: 3em;
 +
    margin-top: 3em;
 +
    margin-bottom: 0;
 +
}
 +
.skin-vector * {
 +
    box-sizing: border-box;
 +
}
 +
.skin-vector #mw-head-base,
 +
.skin-vector .mw-body,
 +
.skin-vectory div#footer {
 +
    margin-left: 0;
 +
}
 +
.skin-vector div#mw-head {
 +
    position: static;
 +
    top: 0;
 +
    right: 0;
 +
    width: 100%;
 +
    z-index: 50;
 +
    background-color: transparent;
 +
}
 +
.skin-vector .mw-body-content,
 +
.skin-vector div#footer {
 +
    max-width: 1000px;
 +
    margin: 0 auto;
 +
}
 +
.skin-vector .mw-body-content {
 +
    margin: 310px auto 0;
 +
    position: unset;
 +
}
 +
.skin-vector body,
 +
.skin-vector div#content,
 +
.skin-vector #mw-normal-catlinks,
 +
.skin-vector #mw-head {
 +
    border: none;
 +
}
 +
.skin-vector .sitename,
 +
.skin-vector .siteaddress,
 +
.skin-vector h3,
 +
.skin-vector .status th {
 +
    font-family: sans-serif;
 +
    font-variant: small-caps;
 +
    font-weight: normal;
 +
}
 +
.skin-vector .sitename {
 +
    font-size: 3.5em;
 +
}
 +
.skin-vector .siteaddress {
 +
    font-size: 2.5em;
 +
    line-height: 1em;
 +
    margin-bottom: 1em;
 +
}
 +
.skin-vector h3 {
 +
    font-size: 1.5em;
 +
}
 +
.skin-vector .status th {
 +
    font-size: 1.25em;
 +
}
 +
.skin-vector .status td:nth-of-type(2) {
 +
    font-weight: bold;
 +
}
 +
.skin-vector div#simpleSearch {
 +
    box-sizing: content-box;
 +
    padding-left: .1em;
 +
}
 +
.skin-vector div#simpleSearch #searchInput {
 +
    padding: 0.2em 0 0.2em 0.5em !important;
 +
}
 +
.skin-vector .sections ul {
 +
    margin: .5em .5em .5em calc(2.5em + 2px);
 +
    line-height: 2em;
 +
    text-indent: -2.5em;
 +
}
 +
/*.skin-vector #mw-panel::after {
 +
    content: "Menu";
 +
    text-align: center;
 +
    width: 100%;
 +
    display: block;
 +
    right: .25em;
 +
    position: relative;
 +
    font-size: .75em;
 +
}*/
 +
.skin-vector div#mw-panel {
 +
    font-size: inherit;
 +
    position: absolute;
 +
    padding-top: 1em;
 +
    width: 10em;
 +
    left: 1em;
 +
    background: #c9d7d1;
 +
    border: 1px solid black;
 +
    z-index: 999;
 +
    padding-bottom: .5em;
 +
    border-radius: 0 0 1em 1em;
 +
    box-sizing: border-box;
 +
    //top: -17.25em;
 +
    transition: .75s ease;
 +
    height: 30px;
 +
    background-color: #e8e0e8; //remove when new image in
 +
}
 +
.skin-vector div#mw-panel div.portal {
 +
    background-color: #e8e0e8;
 +
    width: 10em;
 +
    padding-left: 1em;
 +
    margin-left: -.5em;
 +
    border: 1px solid black;
 +
    border-width: 0 1px;
 +
    left: -1px;
 +
    position: relative;
 +
    display: block;
 +
    top: -20em;
 +
    transition: .75s ease;
 +
}
 +
.skin-vector div#mw-panel:hover div.portal,
 +
.skin-vector div#mw-panel:active div.portal {
 +
    top: 0;
 +
    transition: .75s ease;
 +
    margin-top: -1px;
 +
}
 +
@media screen and (max-width: 992px) {
 +
    .skin-vector div#mw-panel {
 +
        height: 35px;
 +
    }
 +
    .skin-vector div#mw-panel div.portal {
 +
        margin-left: -.025em;
 +
    }
 +
}
 +
.skin-vector #p-logo {
 +
    position: absolute;
 +
    top: -165px;
 +
    left: -1px !important;
 +
    width: 10em;
 +
    height: 180px;
 +
    background-color: #c9d7d1;
 +
    box-sizing: border-box;
 +
    border: 1px solid black;
 +
    border-width: 0 1px;
 +
    z-index: 50;
 +
    background-color: #e8e0e8; //remove when new image in
 +
}
 +
.skin-vector #p-logo a {
 +
    pointer-events: none;
 +
}
 +
.skin-vector div#mw-panel #p-tb {
 +
    border-bottom: 1px solid rgba(0,0,0,0);
 +
    border-radius: 0 0 1em 1em;
 +
    padding-bottom: .5em;
 +
    transition: top .75 ease, border-bottom .01s ease;
 +
}
 +
.skin-vector div#mw-panel:hover #p-tb {
 +
    border-bottom: 1px solid rgba(0,0,0,1);
 +
    transition: top .75 ease, border-bottom .25s ease;
 +
}
 +
.skin-vector #right-navigation {
 +
    float: none;
 +
    margin-top: 0;
 +
}
 +
.skin-vector #p-views {
 +
    position: relative;
 +
    z-index: 100;
 +
    left: calc(50% - 5em);
 +
    font-size: .875em;
 +
    top: 2.975em;
 +
}
 +
.skin-vector #p-views,
 +
.skin-vector #p-views * {
 +
    background-image: none;
 +
    background-color: transparent;
 +
}
 +
.skin-vector #ca-unwatch {
 +
    transform: scale(.75);
 +
    margin-top: 3px;
 +
}
 +
.skin-vector #p-search {
 +
    margin-right: 0;
 +
    position: absolute;
 +
    top: 2.5em;
 +
    right: 1em;
 +
    z-index: 99;
 +
}
 +
.skin-vector .sections li {
 +
    list-style: none;
 +
}
 +
.skin-vector img[alt="Detroit-skyline.jpg"] {
 +
    height: 350px;
 +
    object-fit: cover;
 +
    width: 100%;
 +
    position: absolute;
 +
    top: 2.5em;
 +
    z-index: 50;
 +
    left: 0;
 +
    object-position: center 75%;
 +
}
 +
}}__NOTOC____NOEDITSECTION__[[Image:Detroit-skyline.jpg]]<div class="sitename"><div class="part1">From The Ash<span class="uc">es</span>:</div><div class="part2">Detroit By Night</div></div>
 +
<div class="siteaddress">fta.procacious.com:2860</div>
 +
<p class="intro plainlinks">'''''From the Ashes: Detroit by Night''''' is a classic/old [http://en.wikipedia.org/wiki/The_World_of_Darkness#Classic_World_of_Darkness_.28cWoD.29 World of Darkness] (20th Anniversary Edition) MUX set in present-day [[Setting#The_City|Detroit, MI]]. Things have gone somewhat worse for the city in the WoD; [[Measure 2]]'s unusual action of shrinking the city boundaries via relocating and abandoning entire neighbourhoods is notable enough to mortal eyes, but in the supernatural world, even stranger things are afoot...</p>
 +
<div class="sections">
 +
<div class="half">
 +
<div class="section">
 +
===Sphere Status===
  
 +
For more in-depth information on each sphere's situation and requirements, please visit its page.
  
 +
{| class="status"
 
|-
 
|-
|
+
!Sphere!!Status!!Apps
{|style="border-spacing:8px; margin:0px -8px;"
 
| style="width:50%; border:1px solid black; vertical-align:top;" |
 
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top;"
 
 
|-
 
|-
! Applications
+
| class="left" | '''[[Changeling: The Dreaming|Changeling<span class="long">: the Dreaming</span>]]'''
 +
| class="green" | OPEN
 +
|[[Applications: Changeling|Info]]
 
|-
 
|-
|
+
| class="left" | '''[[Mage: The Ascension|Mage<span class="long">: the Ascension</span>]]'''
* Application Standards: By sphere. Check your sphere's application guidelines.
+
| class="red" | Closed (FULL)
* [[Authorized Books]]:
+
|[[Applications: Mage|Info]]
 
 
 
 
 
|-
 
|-
! Systems
+
| class="left" | '''[[World of Darkness: Mortal|<span class="long">World of Darkness: </span>Mortal]]'''
 +
| class="green" | OPEN
 +
|[[Applications: Mortal|Info]]
 
|-
 
|-
|
+
| class="left" | '''[[World of Darkness: Mortal+|<span class="long">World of Darkness: </span>Mortal+]]'''
* [[The World of Darkness/House Rules]]: The things we do differently.
+
| class="red" | Closed
* [[Merits/Flaws]]: The Merits we disallow on the game.
+
|[[Applications: Mortal+|Info]]
* [[XP Chart/ XP spending]]: A useful tool for XP costs and spending.
 
* [[Build Guide]]: A how-to for your build projects.
 
* [[Weapons and Equipment]]: Weapons and Equipment guidelines.
 
* [[Combat Mechanics]]: A brief tutorial and guide to combat within 20th Anniversary Edition World of Darkness.
 
|-
 
! Sphere Status
 
 
|-
 
|-
 +
| class="left dim" | '''Vampire<span class="long">: the Masquerade</span>'''
 +
| class="red" | Closed
 
|
 
|
The following list is a simple trinary chart. For in-depth information on each sphere's status, check out the wiki page for that sphere.
 
 
{|
 
| class="left" | '''[[Changeling: The Dreaming]]''' -
 
 
| '''Status:''' <span style="color:Green;">Accepting Apps
 
|-
 
| class="left" | '''[[Mage: The Ascension]]''' -
 
 
| '''Status:''' <span style="color:Blue;">Pending
 
|-
 
| class="left" | '''[[World of Darkness: Mortal]]''' -
 
 
| '''Status:''' <span style="color:Green;">Accepting Apps
 
|-
 
| class="left" | '''[[World of Darkness: Mortal+]]''' -
 
 
| '''Status:''' <span style="color:Green;">Accepting Apps
 
|-
 
| class="left" | '''[[Vampire: The Masquerade]]''' -
 
 
| '''Status:''' <span style="color:Red;">Closed
 
|-
 
| class="left" | '''[[Werewolf: The Apocalypse]]''' -
 
 
| '''Status:''' <span style="color:Blue;">Pending
 
 
|-
 
|-
 +
| class="left" | '''[[Werewolf: The Apocalypse|Werewolf<span class="long">: the Apocalypse</span>]]'''
 +
| class="yellow" | Restricted
 +
|[[Applications: Werewolf|Info]]
 
|}
 
|}
|}
+
</div>
|style="width:50%; border:1px solid black; vertical-align:top;"|
+
<div class="section">
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top;"
+
===Systems===
! Characters
+
* [[House Rules: General]]: House rules for all spheres.
|-
+
* [[Merits/Flaws]]: The Merits and Flaws we disallow on the game.
|
+
* [[Authorized Books]]: Which books we use.
* [[:Category:Active PCs|Character Pages]]: Characters in play and how to add a character page of your own.
+
* [[XP_Chart/_XP_spending|XP Chart]]: A useful tool for XP costs and spending.
** [[Actors Used]]: Played-By list.
+
* [[Build Guide]]: A how-to for your build projects.
** [[Icons]]: For use on character pages, if so desired.
+
* [[Weapons and Equipment]]: Weapons and Equipment guidelines.
 
+
* [[Combat Mechanics]]: A brief tutorial and guide to combat and other dramatic conflicts on our game.
 
+
</div>
 
+
</div>
|-
+
<div class="half">
! Setting
+
<div class="section">
|-
+
===Characters===
|
+
* [[:Category:Active PCs|Character Pages]]: Characters in play, and how to add a page for yours.
* [[Setting]]: Detroit Michigan
+
* [[Icons]]: For use on character pages, if so desired.
** [[Maps|Grid]]: maps and +map.
+
* [[Actors Used]]: Played-By list.
*[[Timeline]]:
+
</div>
 
+
<div class="section">
|-
+
===Setting===
! RP Hooks & Storytelling
+
* [[Setting]]: Detroit, Michigan.
|-
+
* [[Maps|Grid]]: Maps and +map.
|
+
* [[Timeline]]: What happened when.
 +
</div>
 +
<div class="section">
 +
===RP Hooks & Storytelling===
 
* [[PrP Guidelines]]: Who can run what for whom, and how to do it.
 
* [[PrP Guidelines]]: Who can run what for whom, and how to do it.
 
* [[Places|IC Hangouts]]: A list of places on grid with their own pages.
 
* [[Places|IC Hangouts]]: A list of places on grid with their own pages.
 
+
* [[Logs]]: logs of scenes that have been posted by players. See [[Template:Log]] for proper formatting for your own!
 
+
</div>
|-
+
<div class="section">
! Staff
+
===Staff===
|-
 
|
 
 
* [[Staff]]: Meet the people who keep the game going.
 
* [[Staff]]: Meet the people who keep the game going.
* [[Credits]]: Meet the people who's contributions made the game possible.
+
* [[Credits]]: Meet the people whose contributions made the game possible.
* [[Staff_Openings|Staff Openings]]:  
+
* [[Staff Openings]]: We're picky, but if you're interested, drop us a line.
|}
+
</div>
|-
+
</div>
|}
+
</div>

Latest revision as of 09:53, 6 May 2020

Detroit-skyline.jpg
From The Ashes:
Detroit By Night
fta.procacious.com:2860

Sphere Status

For more in-depth information on each sphere's situation and requirements, please visit its page.

Sphere Status Apps
Changeling: the Dreaming OPEN Info
Mage: the Ascension Closed (FULL) Info
World of Darkness: Mortal OPEN Info
World of Darkness: Mortal+ Closed Info
Vampire: the Masquerade Closed
Werewolf: the Apocalypse Restricted Info

Systems

Characters

Setting

RP Hooks & Storytelling

  • PrP Guidelines: Who can run what for whom, and how to do it.
  • IC Hangouts: A list of places on grid with their own pages.
  • Logs: logs of scenes that have been posted by players. See Template:Log for proper formatting for your own!

Staff

  • Staff: Meet the people who keep the game going.
  • Credits: Meet the people whose contributions made the game possible.
  • Staff Openings: We're picky, but if you're interested, drop us a line.