Difference between revisions of "Oliver Cholmondeley-Fetherstonhaugh/Renown"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
(Created page with "Placeholder.")
 
m (SassyCat moved page Oliver/Renown to Oliver Cholmondeley-Fetherstonhaugh/Renown without leaving a redirect: New Oliver PC)
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
Placeholder.
+
__NOTOC__{{#css:
 +
html, body {
 +
    background: rgb(234, 216, 187) radial-gradient(ellipse at center center , rgb(244, 232, 212) 0%, rgb(234, 216, 187) 41%, rgb(234, 207, 173) 100%) repeat scroll 0 0;
 +
    font-family: Century Gothic;
 +
    height: auto;
 +
    min-height: 100%;
 +
    position: relative;
 +
}
 +
#mw-page-base {
 +
    background:transparent;
 +
}
 +
#left-navigation {
 +
    left: 1em;
 +
    top: 1.5em;
 +
}
 +
#right-navigation {
 +
    margin-top: 1.5em;
 +
}
 +
div.vectorTabs li a,
 +
div.vectorTabs li a:visited,
 +
#p-personal a,
 +
#p-personal a:visited {
 +
    color: saddlebrown;
 +
    font-weight: bold;
 +
    opacity: .5;
 +
}
 +
a,
 +
a:visited,
 +
a.new,
 +
.mw-body a.external,
 +
.mw-body a.external:visited,
 +
#p-personal a.new {
 +
    color: saddlebrown;
 +
}
 +
div.vectorTabs li.new a,
 +
div.vectorTabs li.new a:visited,
 +
#p-personal a.new,
 +
#p-personal a.new:visited {
 +
    color: saddlebrown;
 +
    font-weight: bold;
 +
    opacity: .5;
 +
}
 +
#p-search {
 +
    opacity: .5;
 +
}
 +
div.vectorTabs li a:hover,
 +
#p-personal a:hover,
 +
#p-personal a:visited:hover,
 +
#p-search:hover,
 +
#p-search:focus {
 +
    opacity: 1;
 +
}
 +
div.vectorTabs,
 +
div.vectorTabs ul,
 +
div.vectorTabs ul li,
 +
div.vectorTabs ul li.selected,
 +
div.vectorTabs span,
 +
div.vectorMenu h3 a,
 +
div.vectorMenu h5 a {
 +
    background: transparent none repeat scroll 0 0;
 +
    border: none;
 +
}
 +
div.vectorTabs li.selected a,
 +
div.vectorTabs li.selected a:visited {
 +
    color: #fff;
 +
}
 +
div#mw-panel {
 +
    background: white none repeat scroll 0 0;
 +
    border-bottom: 1px solid rgba(42, 54, 43, 0.5);
 +
    border-left: 1px solid rgba(42, 54, 43, 0.5);
 +
    border-radius: 0 0 10px 10px;
 +
    border-right: 1px solid rgba(42, 54, 43, 0.5);
 +
    height: 35em;
 +
    left: 2px;
 +
    opacity: 0.5;
 +
    padding-bottom: 1em;
 +
    padding-left: 0;
 +
    padding-right: 1em;
 +
    position: absolute;
 +
    top: -35.25em;
 +
    transition: top 0.5s ease .125s, opacity 0.5s ease .125s !important;
 +
    width: 10em;
 +
    z-index: 100;
 +
}
 +
div#mw-panel::after {
 +
    bottom: 0.5em;
 +
    color: rgba(42, 54, 43, 0.5);
 +
    content: "▼ Menu ▼";
 +
    display: block;
 +
    font-size: 0.75em;
 +
    left: 0;
 +
    padding-top: 0.5em;
 +
    position: absolute;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
div#mw-panel:hover {
 +
    opacity: 1;
 +
    top: 0;
 +
}
 +
div#mw-panel:hover::after {
 +
    border-top: 1px dotted rgba(42, 54, 43, 0.5);
 +
    content: "▲ Menu ▲";
 +
}
 +
#p-logo {
 +
    display: none;
 +
}
 +
div#content {
 +
    border: none;
 +
    margin-left: 0;
 +
    padding-top: 0;
 +
}
 +
#content, h1, h2 {
 +
    background-color: transparent !important;
 +
}
 +
h1, h2 {
 +
    border-bottom: 2px solid #333;
 +
    font-weight: bold;
 +
}
 +
#bodyContent {
 +
    font-size: .925rem;
 +
    position: inherit;
 +
}
 +
#catlinks {
 +
    background-color: rgba(128, 112, 112, 0.25);
 +
    border: none;
 +
    color: #777;
 +
    font-size: 0.9em;
 +
    opacity: 0.5;
 +
}
 +
.catlinks li {
 +
    border-left: 1px solid #777;
 +
}
 +
div#footer {
 +
    align-items: center;
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: space-between;
 +
    margin: -1em 0 0;
 +
    opacity: 0.5;
 +
    padding: 0 1.75em 0.5em;
 +
    position: relative;
 +
}
 +
div#footer ul li {
 +
    display: inline-block;
 +
}
 +
div#footer #footer-info li {
 +
    margin-right: 1em;
 +
}
 +
div#footer #footer-icons {
 +
    position: absolute;
 +
    right: 1.5em;
 +
}
 +
#firstHeading,
 +
#catlinks {
 +
    position: relative;
 +
    z-index: 10;
 +
}
 +
#firstHeading,
 +
.previewnote {
 +
    display: none;
 +
}
 +
 
 +
.mw-content-ltr > *, #editform {
 +
    position: relative;
 +
    z-index: 1;
 +
}
 +
.bg {
 +
    //height: 100%;
 +
    left: 0;
 +
    position: absolute !important;
 +
    top: 0;
 +
    width: 100%;
 +
    z-index: 0 !important;
 +
}
 +
.bg img {
 +
    height: 100%;
 +
    object-fit: cover;
 +
    object-position: 0 0;
 +
    opacity: 0.85;
 +
    width: 100%;
 +
}
 +
.header {
 +
    text-align: center;
 +
}
 +
.short {
 +
    margin-top: 0;
 +
    width: 25%;
 +
}
 +
p {
 +
    padding: 0.25em 0;
 +
}
 +
p span, h3 ,a, a:visited {
 +
    color: saddlebrown;
 +
}
 +
#mw-content-text > p {
 +
    height: 0.5em;
 +
    padding: 0;
 +
}
 +
td:first-of-type, td:last-of-type {
 +
    font-weight: bold;
 +
}
 +
h2 {
 +
    text-align: center;
 +
    border: none;
 +
}
 +
h3 {
 +
    font-size: 125%;
 +
}
 +
.bullet {
 +
    font-size: 0;
 +
    order: 1;
 +
}
 +
.bullet::after {
 +
    content: "  ■  ";
 +
    font-size: 1rem;
 +
    color: rgba(0, 0, 0, 0.33);
 +
    position: relative;
 +
    top: 3px;
 +
}
 +
h3 {
 +
    font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;
 +
    text-align: center;
 +
}
 +
table {
 +
    border-collapse: collapse;
 +
    margin: 0 auto;
 +
    max-width: 60em;
 +
    min-width: 40em;
 +
    width: 85%;
 +
}
 +
tr {
 +
    border-bottom: 1px dotted rgba(139, 69, 19,.5);
 +
}
 +
tr:last-of-type {
 +
    border-bottom: none;
 +
}
 +
td {
 +
    padding: .5em;
 +
    vertical-align: top;
 +
    white-space: nowrap;
 +
}
 +
td:nth-of-type(3){
 +
    white-space: normal;
 +
}
 +
td:first-of-type {
 +
    width: 13em;
 +
}
 +
td:last-of-type {
 +
    text-align: right;
 +
    width: 5em;
 +
}
 +
.dot5 > img {
 +
    position: relative;
 +
    top: -1px;
 +
}
 +
.temp {
 +
    opacity: .5;
 +
}
 +
.editsection {
 +
    display: none;
 +
}
 +
hr {
 +
    width: 50%;
 +
    margin: 1em auto;
 +
    border: 0;
 +
    height: 1px;
 +
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(139, 69, 19, 0.75) 50%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
 +
}
 +
/*--Panels--*/
 +
#panels {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: center;
 +
    margin-top: -10.5em;
 +
    padding-top: 11em;
 +
}
 +
.tab {
 +
    font-size: 133%;
 +
    margin-top: -10em;
 +
    order: 1;
 +
    padding-top: 10em;
 +
}
 +
.first.tab {
 +
    order: 0;
 +
}
 +
.tab a,
 +
:target ~ .first.tab a {
 +
    border-bottom: medium none;
 +
}
 +
.panel {
 +
    display: none;
 +
    order: 3;
 +
    width: 100%;
 +
}
 +
#Glory-panel {
 +
    display: block;
 +
}
 +
:target ~ #Glory-panel {
 +
    display: none;
 +
}
 +
.first:target ~ #Glory-panel,
 +
.second:target ~ #Honour-panel,
 +
.third:target ~ #Wisdom-panel {
 +
    display: block;
 +
}
 +
.topline {
 +
    margin-top: -0.5em;
 +
    order: 2;
 +
    width: 100%;
 +
}
 +
#panels > p {
 +
    order: 4;
 +
}
 +
}}
 +
<div class="header">[[File:OliverHRenown.png|link=|Renown]]</div>
 +
<div class="bg">[[File:OliverBG.jpg|link=]]</div>
 +
<div id="panels">
 +
<div class="bullet">*</div> <div id="Honour" class="second tab">[[File:OliverSHonour.png|link=#Honour|Honour]]</div> <div class="bullet">*</div> <div id="Wisdom" class="third tab">[[File:OliverSWisdom.png|link=#Wisdom|Wisdom]]</div><div id="Glory" class="first tab">[[File:OliverSGlory.png|link=#Glory|Glory]]</div><div class="topline"><hr/></div>
 +
<div id="Glory-panel" class="first panel">
 +
===Glory: {{Flexidot|1|0|dot-empty=Choc-dot-e.png|dot-filled=Choc-dot-f.png|dot-size=12px}}/<span class="temp"><!--{{Flexidot|2|0|dot-empty=Choc-dot-e.png|dot-filled=Choc-dot-f.png|dot-size=12px}}//-->x</span>===
 +
<hr class="short"/>
 +
{|
 +
|-
 +
|Background||Offscreen||Going from Cub to Cliath. Again.||10 wisdom
 +
|}
 +
<hr/></div>
 +
<div id="Honour-panel" class="second panel">
 +
===Honour: {{Flexidot|1|0|dot-empty=Choc-dot-e.png|dot-filled=Choc-dot-f.png|dot-size=12px}}/<span class="temp"><!--{{Flexidot|2|0|dot-empty=Choc-dot-e.png|dot-filled=Choc-dot-f.png|dot-size=12px}}//-->x</span>===
 +
<hr class="short"/>
 +
{|
 +
|-
 +
|Background||Offscreen||Going from Cub to Cliath. Again.||10 wisdom
 +
|}     
 +
<hr/></div>
 +
<div id="Wisdom-panel" class="third panel">
 +
===Wisdom: {{Flexidot|1|0|dot-empty=Choc-dot-e.png|dot-filled=Choc-dot-f.png|dot-size=12px}}/<span class="temp"><!--{{Flexidot|2|0|dot-empty=Choc-dot-e.png|dot-filled=Choc-dot-f.png|dot-size=12px}}//-->x</span>===
 +
<hr class="short"/>
 +
{|
 +
|-
 +
|Background||Offscreen||Going from Cub to Cliath. Again.||10 wisdom
 +
|}                                           
 +
<hr/></div>
 +
[[#panels|^ top ^]]
 +
</div>

Latest revision as of 12:44, 24 March 2024

Renown
OliverBG.jpg
*
Honour
*
Wisdom
Glory

Glory: Choc-dot-f.png/x

Background Offscreen Going from Cub to Cliath. Again. 10 wisdom

Honour: Choc-dot-f.png/x

Background Offscreen Going from Cub to Cliath. Again. 10 wisdom

Wisdom: Choc-dot-f.png/x

Background Offscreen Going from Cub to Cliath. Again. 10 wisdom

^ top ^

Retrieved from "https://cityofhopemush.net/index.php?title=Oliver_Cholmondeley-Fetherstonhaugh/Renown&oldid=252307"