Difference between revisions of "Dead Mall"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
Line 12: Line 12:
 
     padding-bottom: 0.75em;
 
     padding-bottom: 0.75em;
 
     padding-left: 1em;
 
     padding-left: 1em;
 +
}
 +
.data a, .data a:visited, .more a, .more a:visited {
 +
    color: #5a8029 !important;
 +
}
 +
.data a:hover, .more a:hover {
 +
    color: #7bae38;
 
}
 
}
 
.wrapper {
 
.wrapper {
Line 35: Line 41:
 
.bg img {
 
.bg img {
 
     bottom: 0;
 
     bottom: 0;
 +
    height: auto;
 
     opacity: 0.75;
 
     opacity: 0.75;
 
     position: absolute;
 
     position: absolute;
Line 114: Line 121:
 
     min-height: 13em;
 
     min-height: 13em;
 
     padding: 1em 0;
 
     padding: 1em 0;
 +
    overflow: hidden;
 
}
 
}
 
.stuff > .data > p:first-of-type {
 
.stuff > .data > p:first-of-type {
Line 147: Line 155:
 
     background-color: white;
 
     background-color: white;
 
     display: inline-block;
 
     display: inline-block;
 +
}
 +
.stuff .data h2 {
 +
    margin-bottom: 0.25em;
 +
    padding-top: 0.25em;
 
}
 
}
 
h3 {
 
h3 {
Line 166: Line 178:
 
     padding: 0 1.25em 0 .65em;
 
     padding: 0 1.25em 0 .65em;
 
     width: calc(100% - 250px - 3.8em);
 
     width: calc(100% - 250px - 3.8em);
 +
}
 +
.music ul {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: space-between;
 +
    list-style: inside none square;
 +
    margin: 1px;
 +
}
 +
.music li {
 +
    flex: 0 0 50%;
 +
}
 +
/*---Descriptions---*/
 +
#descs {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: flex-start;
 +
    position: relative;
 +
    z-index: 3;
 +
}
 +
.tab {
 +
    flex: 0 0 25%;
 +
    font-weight: bold;
 +
    order: 1;
 +
}
 +
#outside {
 +
    order: 0;
 +
}
 +
.tab a, :target ~ #outside a {
 +
    display: inline-block;
 +
    margin: 0 .5em .5em 0;
 +
    opacity: 0.5;
 +
    border-bottom: none;
 +
}
 +
#outside a, .tab:target a {
 +
    border-bottom: 2px solid #5a8029;
 +
    opacity: 1;
 +
}
 +
#descs a:hover {
 +
    opacity: 1;
 +
    text-decoration: none;
 +
}
 +
.panel {
 +
    display: none;
 +
    width: 100%;
 +
    text-indent: 3em;
 +
    order: 2;
 +
}
 +
.panel > h3 {
 +
    border-top: 1px solid #aaa;
 +
    text-indent: 0;
 +
}
 +
#outside-panel {
 +
    display: block;
 +
}
 +
:target ~ #outside-panel {
 +
    display: none;
 +
}
 +
#outside:target ~ #outside-panel,
 +
#atrium:target ~ #atrium-panel,
 +
#food:target ~ #food-panel,
 +
#movie:target ~ #movie-panel,
 +
#riteaid:target ~ #riteaid-panel,
 +
#upstairs:target ~ #upstairs-panel,
 +
#basement:target ~ #basement-panel {
 +
    display: block;
 +
}
 +
#descs > div > div {
 +
    margin-top: 0.5em;
 +
    text-align: center;
 +
    text-indent: 0;
 +
}
 +
.area {
 +
    border: 4px solid white;
 +
    float: left;
 +
    height: auto;
 +
    margin: 1em 1em 1em 0;
 +
    width: 275px;
 
}
 
}
 
}}
 
}}
Line 192: Line 281:
 
</div>
 
</div>
 
<div class="stuff"><div class="data">
 
<div class="stuff"><div class="data">
−
[[File:DMlogo.png|link=|class=watermark]]
 
 
<ul class="directory">
 
<ul class="directory">
 
<h2>Directory</h2>
 
<h2>Directory</h2>
Line 202: Line 290:
 
</ul>
 
</ul>
 
<h2>Main Areas</h2>
 
<h2>Main Areas</h2>
−
<h3>Food Court</h3>
+
<div id="descs">
 +
<div id="atrium" class="tab" tabindex="0">[[#atrium|Atrium]]</div>
 +
<div id="food" class="tab" tabindex="0">[[#food|Food Court]]</div>
 +
<div id="movie" class="tab" tabindex="0">[[#movie|Movie Theatre]]</div>
 +
<div id="riteaid" class="tab" tabindex="0">[[#riteaid|Rite Aid Express]]</div>
 +
<div id="upstairs" class="tab" tabindex="0">[[#upstairs|Upstairs]]</div>
 +
<div id="basement" class="tab" tabindex="0">[[#basement|Basement]]</div>
 +
<div id="outside" class="tab" tabindex=0>[[#outside|Outside]]</div>
 +
<div id="outside-panel" class="panel"><h3>Outside</h3>
 +
This two story hulk of a 1980's mall squats in the middle of an empty parking lot of cracked and weedy asphalt. The glass windows and doors at the entrance have been replaced by wood and scrap metal[[File:DMfront.jpg|class=area]] secured with functional latches and hinges. A small, windowed guard shack out in the parking lot houses the mall's kinfolk watchman team.
 +
</div>
 +
<div id="atrium-panel" class="panel"><h3>Atrium</h3>
 +
Stuff.
 +
</div>
 +
<div id="food-panel" class="panel"><h3>Food Court</h3>
 
Stuff.
 
Stuff.
−
<h3>Movie Theatre</h3>
+
</div>
 +
<div id="movie-panel" class="panel"><h3>Movie Theatre</h3>
 
Stuff.
 
Stuff.
−
<h3>Rite Aid Express</h3>
+
</div>
 +
<div id="riteaid-panel" class="panel"><h3>Rite Aid Express</h3>
 
Stuff.
 
Stuff.
−
<h3>Upstairs</h3>
+
</div>
 +
<div id="upstairs-panel" class="panel"><h3>Upstairs</h3>
 
Stuff.
 
Stuff.
−
<h3>Basement</h3>
+
</div>
 +
<div id="basement-panel" class="panel"><h3>Basement</h3>
 
Stuff.
 
Stuff.
−
</div></div>
+
</div>
 +
</div>[[File:DMlogo.png|link=|class=watermark]]</div></div>
 
<div class="more">
 
<div class="more">
 
<div class="logs">
 
<div class="logs">
Line 227: Line 334:
 
<h2>Music</h2>
 
<h2>Music</h2>
 
<ul class="plainlinks">
 
<ul class="plainlinks">
−
<li>Music</li>
+
<li>[https://youtu.be/NXjmIOvZplU Rats Rule] - Die Antwoord</li>
−
<li>Goes</li>
+
<li>[https://youtu.be/iOcrKFiB_ts Welcome to Paradise] - Green Day</li>
−
<li>Here</li>
+
<li>[https://youtu.be/i-4AheUl6ls Mercedes Benz] - Janis Joplin</li>
 +
<li>[https://youtu.be/Q2wneBVssPc Talkin' 'bout a Revolution] - Tracy Chapman</li>
 
</ul>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 13:08, 18 February 2017

DMtopbg.jpg

DMpics.png
DMsign.png

Welcome to the Dead Mall!

Once upon a time, Prospect Plaza was a bright shining gem of the Harbor district. Those days are long gone, along with first one anchor store, then another, then all the inner stores one by one until, with the arrival of newer, bigger, classier malls out in the suburbs, the Plaza was officially abandoned.

For years it languished, falling further into disrepair behind the forbidding fencing and 'no trespassing' signs. But waste not, want not, and Bone Gnawers don't tend to want to waste. Prospect's contingent of the tribe has taken it over, working their own form of renovation on the place.

If you're a 'Gnawer or their kin, c'mon by! If you're a friend, ask to drop in. If you're anyone else... beware of dog.

Main Areas

Outside

This two story hulk of a 1980's mall squats in the middle of an empty parking lot of cracked and weedy asphalt. The glass windows and doors at the entrance have been replaced by wood and scrap metalDMfront.jpg secured with functional latches and hinges. A small, windowed guard shack out in the parking lot houses the mall's kinfolk watchman team.

Atrium

Stuff.

Food Court

Stuff.

Movie Theatre

Stuff.

Rite Aid Express

Stuff.

Upstairs

Stuff.

Basement

Stuff.

DMlogo.png

Logs

2016.10.29: Dead Mall Discovery
2016.11.04: Second Floor Fomor
2016.11.06: Cleansing Crew
2016.11.27: The Wading Dead
2020 10 29 Motoroil and Woundings

Music

Retrieved from "https://cityofhopemush.net/index.php?title=Dead_Mall&oldid=34757"