Difference between revisions of "Legio Umbris"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Pax
imported>Pax
Line 1: Line 1:
−
Placeholder Text.
+
{{#css:Template:PC_1/PC_1.css}}{{#css:
 +
.outer {
 +
border: 2px solid #080800;
 +
background-color: #EEEECC;
 +
color: #080800;
 +
}
 +
#left {
 +
border-right: 1px dotted #080800;
 +
        position: relative;
 +
}
 +
#header {
 +
    align-items: center;
 +
    background-color: #080800;
 +
    border-bottom: 2px solid #080800;
 +
    color: #eeeecc;
 +
    display: flex;
 +
    font-size: 3.25em;
 +
    justify-content: center;
 +
    overflow: hidden;
 +
    position: relative;
 +
    text-shadow: 1px 1px 3px #080800, -1px -1px 3px #080800, -1px 1px 3px #080800, 1px -1px 3px #080800;
 +
}
 +
#header > img {
 +
    height: auto;
 +
    min-width: 100%;
 +
    position: relative;
 +
    width: 100%;
 +
}
 +
#header > span {
 +
    display: block;
 +
    left: calc(50% - 2.25em);
 +
    position: absolute;
 +
    top: calc(50% - 1em);
 +
    z-index: 1;
 +
}
 +
.header {
 +
border-top: 1px solid #080800;
 +
border-bottom: 1px dotted #080800;
 +
background-color: #815F3A;
 +
color: #FFFFEE;
 +
        font-size: 1.125em;
 +
}
 +
#mainimg, #altimg {
 +
border-top: 1px solid #080800;
 +
}
 +
#mainimg img, #altimg img {
 +
border: 1px solid #080800;
 +
border-radius: 5px;
 +
}
 +
#break {
 +
border-bottom: medium none;
 +
border-top: 1px dotted #080800;
 +
height: 0;
 +
}
 +
a {
 +
color: #815f3a !important;
 +
}
 +
.data {
 +
padding: 5px 10px;
 +
}
 +
.data ul {
 +
list-style: outside none none;
 +
margin: 0 !important;
 +
}
 +
.data li::before {
 +
        color: #815f3a;
 +
        content: "■ ";
 +
        display: inline-block;
 +
        line-height: 1em;
 +
        vertical-align: 0.1em;
 +
        width: 1em;
 +
}
 +
#Members+.data > ul, #Associated_Kin+.data > ul {
 +
align-content: center;
 +
display: flex;
 +
flex-flow: row wrap;
 +
justify-content: center;
 +
margin: 0px -5px !important;
 +
text-align: center;
 +
}
 +
#Members+.data li, #Associated_Kin+.data li {
 +
background: rgba(255, 255, 238, 0.75) none repeat scroll 0 0;
 +
border: 1px solid #999;
 +
border-radius: 10px;
 +
display: inline-block;
 +
height: 311px;
 +
margin: 5px;
 +
position: relative;
 +
text-align: center;
 +
width: 220px;
 +
}
 +
#Members+.data li:nth-last-of-type(4):first-of-type ~ li:nth-of-type(2) {
 +
        page-break-after: always;
 +
}
 +
#Associated_Kin+.data li {
 +
        width: 170px;
 +
        height: 242px;
 +
}
 +
#Members+.data li::before, #Associated_Kin+.data li::before {
 +
display: none;
 +
}
 +
#Members+.data li > a, #Associated_Kin+.data li > a {
 +
align-content: center;
 +
align-items: center;
 +
border-radius: 5px;
 +
display: flex;
 +
height: 200px;
 +
justify-content: center;
 +
margin: 10px;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
#Associated_Kin+.data li > a {
 +
        height: 150px;
 +
}
 +
#Members+.data img, #Associated_Kin+.data img {
 +
border: 1px solid #aaa;
 +
border-radius: 5px;
 +
height: auto;
 +
width: auto;
 +
position: absolute;
 +
}
 +
#Members+.data li div, #Associated_Kin+.data li div {
 +
border-top: 1px dotted #aaa;
 +
bottom: 6px;
 +
padding-top: 6px;
 +
position: absolute;
 +
width: 100%;
 +
}
 +
#Members+.data li div a, #Associated_Kin+.data li div a {
 +
font-weight: bold;
 +
font-size: 1.25em;
 +
}
 +
#Members+.data img[src$="Link.jpg"] {
 +
        height: 250px;
 +
        position: absolute;
 +
        right: 0;
 +
        top: -45px;
 +
}
 +
#Members + .data img[src$="Link.png"] {
 +
        left: -35px;
 +
        right: 0;
 +
        top: -10px;
 +
        width: 240px;
 +
}
 +
#Members+.data img[src$="Link.jpg"] {
 +
right: 0;
 +
top: 0;
 +
width: 200px;
 +
}
 +
#Members+.data img[src$="Link.jpg"] {
 +
left: -125px;
 +
top: 0;
 +
width: 500px;
 +
}
 +
#Associated_Kin + .data img[src$="Link.png"] {
 +
        left: -15px;
 +
        top: 0;
 +
}
 +
#Associated_Kin + .data img[src$="Link.JPG"] {
 +
        height: 450px;
 +
        left: -135px;
 +
        top: -10px;
 +
}
 +
.indent {
 +
        display: block;
 +
        text-indent: 2.5em;
 +
}
 +
.half {
 +
        float: left;
 +
        position: relative;
 +
}
 +
.half:first-of-type {
 +
        margin-right: 3em;
 +
}
 +
.full {
 +
        clear: both;
 +
}
 +
th {
 +
text-align: left;
 +
white-space: nowrap;
 +
padding-right: .5em;
 +
}
 +
#altimg {
 +
        min-height: 210px;
 +
}
 +
#altimg img {
 +
        border: medium none;
 +
        position: absolute;
 +
        left: 10px;
 +
        bottom: 10px;
 +
        opacity: .95;
 +
}
 +
}}
 +
<div class="outer">
 +
<div id="header">[[File:Link.jpg|link=]]<span>&nbsp;Stuff&nbsp;</span></div>
 +
<div id="left">
 +
<div id="mainimg" class="data">[[File:Link.jpg|240px|border]]</div>
 +
<div class="header" id="Stuff">Things</div>
 +
<div class="data" id="left-1">
 +
{|
 +
|-
 +
! Name:
 +
| Legio Umbris
 +
|-
 +
! Stuff:
 +
| Things
 +
|-
 +
! Stuff:
 +
| Things
 +
|-
 +
! Stuff:
 +
| Things
 +
|-
 +
! Formed:
 +
| August, 2018
 +
|}
 +
</div>
 +
<div class="header" id="Stuff">Things</div>
 +
<div class="data" id="right-3">
 +
<ul>
 +
<li>[[File:Link.jpg|link=Link]]<div>[[Name|Name Name]]<br>''Stuff''<br>Stuff<br>'''Stuff'''</div></li>
 +
<li>[[File:Link.jpg|link=Link]]<div>[[Name|Name Name]]<br>''Stuff''<br>Stuff<br>'''Stuff'''</div></li>
 +
</ul>
 +
</div>
 +
<div class="header" id="break"></div>
 +
<div id="altimg" class="data" title="At ius summo repudiare">[[File:File.png|240px|link=|Meta]]</div>
 +
</div>
 +
<div id="right">
 +
<div class="header" id="Purpose">Purpose</div>
 +
<div id="right-1" class="data"><span class="indent">Lorem ipsum dolor sit amet, euismod mediocritatem ius no, at nec ancillae elaboraret.</span>
 +
<span class="indent">Nam ei apeirian posidonium, est vero mollis efficiendi cu. Pri et labitur consulatu theophrastus. Vituperata disputando ex eam, facete definitiones at eos. In simul singulis per, error impetus complectitur sed ex.Lorem ipsum dolor sit amet, euismod mediocritatem ius no, at nec ancillae elaboraret. </span>
 +
<span class="indent">At ius summo repudiare. Vel te quot reformidans, eos ut purto delicata maiestatis, an cibo dolorem repudiare vis. Duo atqui graece omnium te, mel dicunt sapientem ex, dicant placerat comprehensam ad sit. Adhuc consul epicuri mea ea, qui lorem legimus noluisse id. Inermis comprehensam ut mei, id sed debet reformidans ullamcorper. Ad copiosae complectitur mei.</span></div>
 +
<div class="header" id="Members">Members</div>
 +
<div id="right-2" class="data">
 +
<ul>
 +
<li>[[File:Link.jpg|link=Link]]<div>[[Name|Name Name]]<br>''Stuff''<br>Stuff<br>'''Stuff'''</div></li>
 +
<li>[[File:Link.jpg|link=Link]]<div>[[Name|Name Name]]<br>''Stuff''<br>Stuff<br>'''Stuff'''</div></li>
 +
<li>[[File:Link.jpg|link=Link]]<div>[[Name|Name Name]]<br>''Stuff''<br>Stuff<br>'''Stuff'''</div></li>
 +
<li>[[File:Link.jpg|link=Link]]<div>[[Name|Name Name]]<br>''Stuff''<br>Stuff<br>'''Stuff'''</div></li>
 +
</ul>
 +
</div>
 +
<div class="header" id="Totem">Totem</div>
 +
<div id="right-4" class="data"><span class="indent">Brute tibique sed et, cu illud nonumes quo. An qui autem necessitatibus, accumsan argumentum eu sea, dolor copiosae qui eu. Pri ullum lucilius comprehensam eu. Id postea causae nam. Etiam dolorum ponderum vel ut. Possit eripuit intellegam vel id, nam an dicant discere minimum, suscipit suavitate laboramus an eum.</span>
 +
 
 +
<span class="indent">Brute tibique sed et, cu illud nonumes quo. An qui autem necessitatibus, accumsan argumentum eu sea, dolor copiosae qui eu. Pri ullum lucilius comprehensam eu. Id postea causae nam. Etiam dolorum ponderum vel ut. Possit eripuit intellegam vel id, nam an dicant discere minimum, suscipit suavitate laboramus an eum.</span>
 +
 
 +
<div class="full">'''Other:'''
 +
* Persius efficiendi qui ei. Meliore argumentum pro no. Duo in putent dissentiet, nam id illum facer, altera mollis mea an.
 +
* Persius efficiendi qui ei. Meliore argumentum pro no. Duo in putent dissentiet, nam id illum facer, altera mollis mea an.</div>
 +
</div>
 +
</div>
 +
</div>
  
 
[[Category: Chantry]]
 
[[Category: Chantry]]

Revision as of 14:25, 31 August 2018

Things
Name: Legio Umbris
Stuff: Things
Stuff: Things
Stuff: Things
Formed: August, 2018
Things
Retrieved from "https://cityofhopemush.net/index.php?title=Legio_Umbris&oldid=71138"