Difference between revisions of "Neighborhood Watch"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Rhys
imported>Felix
Line 1: Line 1:
 
{{#css:Template:PC_1/PC_1.css}}{{#css:
 
{{#css:Template:PC_1/PC_1.css}}{{#css:
 
.outer {
 
.outer {
border: 2px solid #080800;
+
border: 2px solid #000;
background-color: #EEEECC;
+
background-color: rgba(233, 184, 66,.75);
color: #080800;
+
color: #000;
 
}
 
}
 
#left {
 
#left {
border-right: 1px dotted #080800;
+
border-right: 1px dotted #000;
 
         position: relative;
 
         position: relative;
 
}
 
}
 
#header {
 
#header {
background-color: #080800;
+
        background-color: #000;
border-bottom: 2px solid #080800;
+
        border-bottom: 1px solid #000;
color: #EEEECC;
+
        color: #ff6600;
font-size: 3.25em;
+
        font-size: 3.25em;
height: 5em;
+
        font-variant: small-caps;
text-decoration: underline overline;
+
        height: 5em;
text-decoration-style: double;
+
        line-height: 1.25em;
text-shadow: 1px 1px 3px #080800, -1px -1px 3px #080800, -1px 1px 3px #080800, 1px -1px 3px #080800;
+
        overflow: hidden;
overflow: hidden;
+
        position: relative;
position: relative;
+
        text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
 
}
 
}
 
#header > img {
 
#header > img {
height: auto;
+
        height: 178%;
left: -3%;
+
        min-width: 105%;
min-width: 640px;
+
        position: absolute;
position: absolute;
+
        right: -2.5%;
top: -54%;
+
        top: -50%;
width: 105%;
+
        width: auto;
 
}
 
}
 
#header > span {
 
#header > span {
 +
        display: none;
 
z-index: 1;
 
z-index: 1;
 
}
 
}
 
.header {
 
.header {
border-top: 1px solid #080800;
+
border-top: 1px solid #000;
border-bottom: 1px dotted #080800;
+
border-bottom: 1px dotted #000;
background-color: #815F3A;
+
background-color: #ff6600;
color: #FFFFEE;
+
color: #fff;
 
         font-size: 1.125em;
 
         font-size: 1.125em;
 +
        font-weight: 900;
 
}
 
}
 
#mainimg, #altimg {
 
#mainimg, #altimg {
border-top: 1px solid #080800;
+
border-top: 1px solid #000;
 
}
 
}
 
#mainimg img, #altimg img {
 
#mainimg img, #altimg img {
border: 1px solid #080800;
+
border: 1px solid #000;
 
border-radius: 5px;
 
border-radius: 5px;
 +
}
 +
#altimg {
 +
        align-items: center;
 +
        display: flex;
 +
        justify-content: center;
 +
        min-height: 190px;
 +
}
 +
#altimg img {
 +
        border: 1px solid #ff6600;
 +
        height: auto;
 +
        opacity: .95;
 +
        width: 240px;
 
}
 
}
 
#break {
 
#break {
 
border-bottom: medium none;
 
border-bottom: medium none;
border-top: 1px dotted #080800;
+
border-top: 1px dotted #000;
 
height: 0;
 
height: 0;
 
}
 
}
a {
+
.outer a {
color: #815f3a !important;
+
color: #ff6600 !important;
 
}
 
}
 
.data {
 
.data {
Line 62: Line 76:
 
}
 
}
 
.data li::before {
 
.data li::before {
         color: #815f3a;
+
         color: #e6b944;
 
         content: "■ ";
 
         content: "■ ";
 
         display: inline-block;
 
         display: inline-block;
Line 78: Line 92:
 
}
 
}
 
#Members+.data li, #Associated_Kin+.data li {
 
#Members+.data li, #Associated_Kin+.data li {
background: rgba(255, 255, 238, 0.75) none repeat scroll 0 0;
+
background: rgba(173,218,239, 0.75) none repeat scroll 0 0;
border: 1px solid #999;
+
border: 1px solid #ff6600;
 
border-radius: 10px;
 
border-radius: 10px;
 
display: inline-block;
 
display: inline-block;
Line 101: Line 115:
 
align-content: center;
 
align-content: center;
 
align-items: center;
 
align-items: center;
 +
        border: 1px solid #e9b744;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: flex;
 
display: flex;
Line 113: Line 128:
 
}
 
}
 
#Members+.data img, #Associated_Kin+.data img {
 
#Members+.data img, #Associated_Kin+.data img {
border: 1px solid #aaa;
 
 
border-radius: 5px;
 
border-radius: 5px;
 
height: auto;
 
height: auto;
Line 130: Line 144:
 
font-size: 1.25em;
 
font-size: 1.25em;
 
}
 
}
#Members + .data img[src$="Rhys3.png"] {
+
#Members + .data img[src$="Rhys3.jpg"] {
         left: -35px;
+
         height: 250px;
         right: 0;
+
}
         top: -10px;
+
#Members + .data img[src$="DuncanMallory1.jpg"] {
         width: 240px;
+
        height: 400px;
 +
         right: -50px;
 +
         top: -70px;
 +
}
 +
#Members + .data img[src$="Quentin.jpg"] {
 +
        height: 450px;
 +
         left: -150px;
 +
        top: -60px;
 
}
 
}
#Members+.data img[src$="DuncanMallory1.jpg"] {
+
#Associated_Kin + .data img[src$="Lorn3.jpg"] {
right: 0;
+
        left: -80px;
top: 0;
+
        top: -3px;
width: 200px;
 
 
}
 
}
#Members+.data img[src$="Quentin.jpg"] {
+
#Associated_Kin + .data li:first-of-type {
left: -125px;
+
    height: 261px;
top: 0;
 
width: 500px;
 
 
}
 
}
#Associated_Kin + .data img[src$="Lilah05.png"] {
+
#Associated_Kin + .data img[src$="Zeppelin.jpg"] {
         left: -15px;
+
        height: 400px;
         top: 0;
+
         left: -80px;
 +
         top: -40px;
 
}
 
}
#Associated_Kin + .data img[src$="Gaelin_01.JPG"] {
+
#Associated_Kin + .data li:nth-of-type(2) div a {
        height: 450px;
+
    letter-spacing: -0.5px;
        left: -135px;
 
        top: -10px;
 
 
}
 
}
 
.indent {
 
.indent {
Line 174: Line 191:
 
padding-right: .5em;
 
padding-right: .5em;
 
}
 
}
#altimg {
+
/*---Small Screens Header---*/
        min-height: 210px;
+
@media only screen and (max-width: 804px) {
}
+
    #header {
#altimg img {
+
         height: 2.5em;
         border: medium none;
+
    }
        position: absolute;
 
        left: 10px;
 
        bottom: 10px;
 
        opacity: .95;
 
 
}
 
}
 
}}
 
}}
Line 217: Line 230:
 
</div>
 
</div>
 
<div class="header" id="break"></div>
 
<div class="header" id="break"></div>
<div id="altimg" class="data" title="Pack Glyph: 'Observant/Watch' within 'pack'.">[[File:NWPGlyph.png|200px|link=|Pack Glyph: 'Observant/Watch' within 'pack'.]]</div>
+
<div id="altimg" class="data" title="Pack Glyph: 'Observant/Watch' within 'pack'.">[[File:NWPGlyph1.png|link=|Pack Glyph: 'Observant/Watch' within 'pack'.]]</div>
 
</div>
 
</div>
 
<div id="right">
 
<div id="right">
Line 227: Line 240:
 
<ul>
 
<ul>
 
<li>[[File:Rhys3.jpg|link=Rhys]]<div>[[Rhys|Rhys Stoker]]<br>''Deals With Both Hands''<br>Cliath Fianna Philodox<br>'''Alpha'''</div></li>
 
<li>[[File:Rhys3.jpg|link=Rhys]]<div>[[Rhys|Rhys Stoker]]<br>''Deals With Both Hands''<br>Cliath Fianna Philodox<br>'''Alpha'''</div></li>
<li>[[File:DuncanMallory1.jpg|link="Duncan Mallory"]]<div>[[Duncan Mallory|Duncan Mallory]]<br>''Eats-the-Mountain''<br>Cliath Fianna Ahroun<br>'''Beta'''</div></li>
+
<li>[[File:DuncanMallory1.jpg|link="Duncan Mallory"]]<div>[[Duncan Mallory]]<br>''Eats-the-Mountain''<br>Cliath Fianna Ahroun<br>'''Beta'''</div></li>
 
<li>[[File:Quentin.jpg|link="Quentin"]]<div>[[Quentin|Quentin Lockhart]]<br>''Zero-Dawn''<br>Cliath Glass Walker Theurge<br>'''Member'''</div></li>
 
<li>[[File:Quentin.jpg|link="Quentin"]]<div>[[Quentin|Quentin Lockhart]]<br>''Zero-Dawn''<br>Cliath Glass Walker Theurge<br>'''Member'''</div></li>
 
</ul>
 
</ul>

Revision as of 18:12, 15 March 2017

Neighborhood-watch.png
Pack Data
Name: Neighborhood Watch
Totem: Sodals
Totem Type: Respect
Totem Name: Unknown
Formed: March, 2017
Associated Kin
Pack Glyph: 'Observant/Watch' within 'pack'.