Difference between revisions of "Main Page"
From From The Ashes Wiki
(17 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | {{#css: | |
− | { | + | #firstHeading { |
− | + | display: none; | |
− | + | } | |
− | + | .green { | |
− | < | + | 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 | ||
|- | |- | ||
− | | | + | | 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>]]''' | |
+ | | class="red" | Closed (FULL) | ||
+ | |[[Applications: Mage|Info]] | ||
|- | |- | ||
− | | | + | | 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+]]''' | |
+ | | class="red" | Closed | ||
+ | |[[Applications: Mortal+|Info]] | ||
|- | |- | ||
+ | | class="left dim" | '''Vampire<span class="long">: the Masquerade</span>''' | ||
+ | | class="red" | Closed | ||
| | | | ||
+ | |- | ||
+ | | class="left" | '''[[Werewolf: The Apocalypse|Werewolf<span class="long">: the Apocalypse</span>]]''' | ||
+ | | class="yellow" | Restricted | ||
+ | |[[Applications: Werewolf|Info]] | ||
+ | |} | ||
+ | </div> | ||
+ | <div class="section"> | ||
+ | ===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. | ||
− | * [[XP Chart | + | * [[Authorized Books]]: Which books we use. |
+ | * [[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> | |
− | + | </div> | |
− | + | <div class="half"> | |
− | + | <div class="section"> | |
− | + | ===Characters=== | |
− | + | * [[:Category:Active PCs|Character Pages]]: Characters in play, and how to add a page for yours. | |
− | + | * [[Icons]]: For use on character pages, if so desired. | |
− | + | * [[Actors Used]]: Played-By list. | |
− | + | </div> | |
− | + | <div class="section"> | |
− | + | ===Setting=== | |
− | + | * [[Setting]]: Detroit, Michigan. | |
− | + | * [[Maps|Grid]]: Maps and +map. | |
− | + | * [[Timeline]]: What happened when. | |
− | + | </div> | |
− | + | <div class="section"> | |
− | + | ===RP Hooks & Storytelling=== | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * [[:Category:Active PCs|Character Pages]]: Characters in play and how to add a | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * [[Setting]]: Detroit Michigan | ||
− | |||
− | *[[Timeline]]: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
* [[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]]: Meet the people who keep the game going. | * [[Staff]]: Meet the people who keep the game going. | ||
− | * [[Credits]]: Meet the people | + | * [[Credits]]: Meet the people whose contributions made the game possible. |
− | * [[ | + | * [[Staff Openings]]: We're picky, but if you're interested, drop us a line. |
− | + | </div> | |
− | + | </div> | |
− | + | </div> |
Latest revision as of 08:53, 6 May 2020
From The Ashes:
Detroit By Night
fta.procacious.com:2860
From the Ashes: Detroit by Night is a classic/old World of Darkness (20th Anniversary Edition) MUX set in present-day 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...
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
- 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.
- XP Chart: 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 and other dramatic conflicts on our game.
Characters
- Character Pages: Characters in play, and how to add a page for yours.
- Icons: For use on character pages, if so desired.
- Actors Used: Played-By list.
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.