Difference between revisions of "Main Page"

From From The Ashes Wiki
Jump to: navigation, search
Line 3: Line 3:
 
     display: none;
 
     display: none;
 
}
 
}
.open {
+
.green {
     color: green;
+
     color: #29A571;
 
}
 
}
.screened {
+
.yellow {
     color: yellow;
+
     color: #EDA656;
 
}
 
}
.closed {
+
.red {
     color: red;
+
     color: #C44E41;
 
}
 
}
 
.status {
 
.status {
Line 24: Line 24:
 
     text-align: center;
 
     text-align: center;
 
}
 
}
li {
+
.skin-fta li {
 
     margin-bottom: .5em;
 
     margin-bottom: .5em;
 
}
 
}
}}__NOTOC__<center>[[Image:Detroit-skyline.jpg|center]] <br><br>
+
.firstHeading,
<font size="7"> From The Ashes:&nbsp;&nbsp;Detroit By Night</font><br/>
+
.previewnote {
<font size="5"> fta.darcness.net:2860 </font></center>
+
    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-views,
 +
.skin-vector #p-cactions {
 +
    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: absolute;
 +
    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 .status th {
 +
    font-family: sans-serif;
 +
}
 +
.skin-vector .sitename {
 +
    font-size: 3.5em;
 +
}
 +
.skin-vector .siteaddress {
 +
    font-size: 2.5em;
 +
    line-height: 1em;
 +
    margin-bottom: 1em;
 +
}
 +
.skin-vector .status th {
 +
    font-size: 1.075em;
 +
    font-weight: bold;
 +
}
 +
.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;
 +
}
 +
.skin-vector div#mw-panel:hover {
 +
    top: 160px;
 +
}
 +
.skin-vector #p-logo {
 +
    position: absolute;
 +
    top: -160px;
 +
    left: -1px !important;
 +
    width: 10em;
 +
    height: 160px;
 +
    background-color: #c9d7d1;
 +
    border: 1px solid black;
 +
    border-width: 0 1px;
 +
    box-sizing: border-box;
 +
}
 +
.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 bottom;
 +
}
 +
}}__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.darc<span class="uc">n</span>es<span class="uc">s</span>.n<span class="uc">e</span>t: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.
{|style="border-spacing:8px; margin:0px -8px;"
 
| style="width:50%; border:0px solid; vertical-align:top;" |
 
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top;"
 
|-
 
! Sphere Status
 
|-
 
|
 
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="status"
 
{| class="status"
 
|-
 
|-
!Sphere!!Status!!Applications
+
!Sphere!!Status!!Apps
 
|-
 
|-
| class="left" | '''[[Changeling: The Dreaming]]'''  
+
| class="left" | '''[[Changeling: The Dreaming|Changeling<span class="long">: the Dreaming</span>]]'''  
| class="open" | OPEN
+
| class="green" | OPEN
 
|[[Applications: Changeling|Info]]
 
|[[Applications: Changeling|Info]]
 
|-
 
|-
| class="left" | '''[[Mage: The Ascension]]'''
+
| class="left" | '''[[Mage: The Ascension|Mage<span class="long">: the Ascension</span>]]'''
| class="screened" | Heavily Screened
+
| class="yellow" | Heavily Screened
 
|[[Applications: Mage|Info]]
 
|[[Applications: Mage|Info]]
 
|-
 
|-
| class="left" | '''[[World of Darkness: Mortal]]'''  
+
| class="left" | '''[[World of Darkness: Mortal|<span class="long">World of Darkness: </span>Mortal]]'''  
| class="open" | OPEN
+
| class="green" | OPEN
 
|[[Applications: Mortal|Info]]
 
|[[Applications: Mortal|Info]]
 
|-
 
|-
| class="left" | '''[[World of Darkness: Mortal+]]'''
+
| class="left" | '''[[World of Darkness: Mortal+|<span class="long">World of Darkness: </span>Mortal+]]'''
| class="open" | OPEN
+
| class="green" | OPEN
 
|[[Applications: Mortal+|Info]]
 
|[[Applications: Mortal+|Info]]
 
|-
 
|-
| class="left" | '''Vampire: The Masquerade'''
+
| class="left dim" | '''Vampire<span class="long">: the Masquerade</span>'''
| class="closed" | Closed
+
| class="red" | Closed
 
|
 
|
 
|-
 
|-
| class="left" | '''[[Werewolf: The Apocalypse]]'''
+
| class="left" | '''[[Werewolf: The Apocalypse|Werewolf<span class="long">: the Apocalypse</span>]]'''
| class="open" | OPEN
+
| class="green" | OPEN
 
|[[Applications: Werewolf|Info]]
 
|[[Applications: Werewolf|Info]]
 
|}
 
|}
 
+
</div>
 
+
<div class="section">
|-
+
===Systems===
! Systems
 
|-
 
|
 
 
* [[House Rules: General]]: House rules for all spheres.
 
* [[House Rules: General]]: House rules for all spheres.
 
* [[Merits/Flaws]]: The Merits and Flaws we disallow on the game.
 
* [[Merits/Flaws]]: The Merits and Flaws we disallow on the game.
 
* [[Authorized Books]]: Which books we use.
 
* [[Authorized Books]]: Which books we use.
* [[XP Chart/ XP spending]]: A useful tool for XP costs and spending.
+
* [[XP_Chart/_XP_spending|XP Chart]]: A useful tool for XP costs and spending.
 
* [[Build Guide]]: A how-to for your build projects.
 
* [[Build Guide]]: A how-to for your build projects.
 
* [[Weapons and Equipment]]: Weapons and Equipment guidelines.
 
* [[Weapons and Equipment]]: Weapons and Equipment guidelines.
 
* [[Combat Mechanics]]: A brief tutorial and guide to combat and other dramatic conflicts on our game.
 
* [[Combat Mechanics]]: A brief tutorial and guide to combat and other dramatic conflicts on our game.
|}
+
</div>
|style="width:50%; border-left:1px solid; vertical-align:top;"|
+
</div>
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top;"
+
<div class="half">
! Characters
+
<div class="section">
|-
+
===Characters===
|
+
* [[:Category:Active PCs|Character Pages]]: Characters in play, and how to add a character page of your own.
* [[:Category:Active PCs|Character Pages]]: Characters in play and how to add a character page of your own.
+
* [[Icons]]: For use on character pages, if so desired.
** [[Actors Used]]: Played-By list.
+
* [[Actors Used]]: Played-By list.
** [[Icons]]: For use on character pages, if so desired.
+
</div>
 
+
<div class="section">
 
+
===Setting===
|-
+
* [[Setting]]: Detroit, Michigan.
! Setting
+
* [[Maps|Grid]]: Maps and +map.
|-
+
* [[Timeline]]: What happened when.
|
+
</div>
* [[Setting]]: Detroit Michigan
+
<div class="section">
** [[Maps|Grid]]: maps and +map.
+
===RP Hooks & Storytelling===
*[[Timeline]]
 
 
 
 
 
|-
 
! 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.
 
+
</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 whose contributions made the game possible.
 
* [[Credits]]: Meet the people whose contributions made the game possible.
* [[Staff_Openings|Staff Openings]]: We're picky, but if you're interested, drop us a line.
+
* [[Staff Openings]]: We're picky, but if you're interested, drop us a line.
|}
+
</div>
|}
+
</div>
 +
</div>

Revision as of 23:01, 22 November 2017

Detroit-skyline.jpg
From The Ashes:
Detroit By Night
fta.darcness.net: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 Heavily Screened Info
World of Darkness: Mortal OPEN Info
World of Darkness: Mortal+ OPEN Info
Vampire: the Masquerade Closed
Werewolf: the Apocalypse OPEN Info

Systems

Characters

  • Character Pages: Characters in play, and how to add a character page of your own.
  • Icons: For use on character pages, if so desired.
  • Actors Used: Played-By list.

Setting

RP Hooks & Storytelling

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.