Difference between pages "Sera" and "MediaWiki:Common.css"

From Trials in Tainted Space Wiki
(Difference between pages)
Jump to navigation Jump to search
 
m
 
Line 1: Line 1:
−
{{Infobox Character
+
@import url('https://fonts.googleapis.com/css?family=Lato|Ubuntu+Condensed');
−
| name = Sera
+
@import url('https://cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css');
−
| series = TiTS
 
−
| image = Sera_Gif_(Renezuo).gif
 
−
| caption = <i>"You better buy something."</i><br>Sera's bust, by Renezuo
 
−
| creator = Fenoxo<br>Nonesuch<br>Savin<br>Shax
 
−
| info-hdr = Information
 
−
| fullname = Sera Landon
 
−
| nickname =
 
−
| alias = ''Horned Girl''
 
−
| species = [[Human]]+
 
−
| gender = Female
 
−
| sex = Hermaphrodite
 
−
| occupation = Gene Mod Shop Owner
 
−
| title = Mistress
 
−
| family =
 
−
| spouse =
 
−
| relatives =
 
−
| religion = [[Church of the One God]] (Atheist-Agnostic)
 
−
| significantother = [[Jardi]] & [[Fix]] (Sex Slaves)
 
−
| children =
 
−
| nationality = [[Terra|Terran]], [[Tavros|Tavros Station]]
 
−
}}
 
  
−
Sera is a demon-morph shopkeeper who resides and works in The Dark Chrysalis on [[Tavros|Tavros Station]], selling transformation splice items.
+
/* Reset italic styling set by user agent */
  
−
== Appearance ==
+
* {
 +
    font-family: 'Lato', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
 +
    font-size: 100%;
 +
}
  
−
The demonic shopkeeper's fully explored regular appearance:
+
cite, dfn {
 +
    font-style: inherit;
 +
}
  
−
<blockquote>
+
/* Straight quote marks for <q> */
−
Sera looks like a six-foot, one inch tall demon more than anything else. A set of ridged horns, glowing with phosphorescent luminescence, curl outwards from her forehead. Additionally, her skin is a mild purple that only serves to further her unholy air. Black sclera ring her golden, glowing irises, split by lizard-like pupils. Above them, a row of gleaming, metal piercings line her brow. Her slightly upturned nose is unremarkable, aside from the single stud in her left nostril. Pale blue hair cascades around her visage like fine silk tapestries arranged to tastefully frame her face.
+
q {
 +
    quotes: '"' '"' "'" "'";
 +
}
  
−
A choker of black-lined, blue-glowing conduits rings her neck, matched on her torso by a sable corset dotted by hard metal and glowing, technological baubles. Pentagonal plates have grown out of her shoulders, though you cannot tell if they exist as armor or ornamentation. Matching, blue-glowing bracers and armbands complete her ensemble, but your eyes spend little time looking at her outfit when it frames her other assets so beautifully.
+
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
 +
blockquote {
 +
    overflow: hidden;
 +
    margin: 1em 0;
 +
    padding: 0 40px;
 +
}
  
−
Big breasts that would easily fill an EE-cup bra and then some sit high and proud on her chest, obviously the result of some kind of artificial or biological enhancement. They’re nicely rounded and capped with a pair of cerulean nipples that are ever so slightly pebbled in the air-conditioned station air. They’re the kind of boobs that just beg to be fondled, and Sera’s open display of them shows just how much she knows it.
+
/* Prevent the 'double bold' bug in Firefox when using DirectWrite */
 +
strong.selflink {
 +
    font-weight: 700;
 +
}
  
−
A foot-long cock, maybe a bit longer, dangles down between her toned thighs, backed up by a pair of balls that sit on the upper end of the terran norm when it comes to size. Sera’s ass is nothing to sneeze at either; it’s large, nicely rounded, and crowned with a prehensile, spaded tail. She spanks a cheek with it when she catches you looking, sending a kinetic ripple across her crack. At the same time, the spade at the end seems a little bigger and bulgier, perhaps engorged by the contact.
+
/* Consistent size for <small>, <sub> and <sup> */
 +
small {
 +
    font-size: 100%;
 +
}
 +
.mw-body sub,
 +
.mw-body sup,
 +
span.reference /* for Parsoid */ {
 +
    font-size: 100%;
 +
}
  
−
Strappy thigh-highs and garters join her technological-looking corset to her shapely legs. Her feet are perched upon toe-covering, six-inch platform heels, but she walks in them as if it were the most natural thing in the world, perhaps counterbalanced by the tail you noticed earlier—or because of the jag of gleaming, navy horn you know she’s got growing down from each heel, natural and rather alarming demonic stilettos.
+
/* Main page fixes */
 +
#interwiki-completelist {
 +
    font-weight: bold;
 +
}
 +
body.page-Main_Page #ca-delete {
 +
    display: none !important;
 +
}
 +
body.page-Main_Page #mp-topbanner {
 +
    clear: both;
 +
}
  
−
All in all, Sera appears to be the kind of woman who enjoys everything sexuality has to offer and pursues it aggressively.
+
/* Reduce page jumps by hiding collapsed/dismissed content */
−
</blockquote>
+
.client-js .mw-special-Watchlist #watchlist-message,
 +
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) {
 +
    display: none;
 +
}
  
−
With all the potential changes applied after coming to own Sera:
+
/* Tone down 'Changed since last visit' colors */
 +
span.updatedmarker {
 +
    background-color: transparent;
 +
    color: #006400;
 +
}
  
−
<blockquote>
+
/* Edit window toolbar */
−
Despite the modifications you’ve given her, Sera continues to look more like a six-foot, one inch tall demon than anything else. A set of ridged horns, glowing with phosphorescent luminescence, curl outwards from her forehead. Her skin is a bright, girly pink, accentuating her femininity. Black sclera ring her golden, glowing irises, split by lizard-like pupils. Above them, a row of gleaming, metal piercings line her brow. Her slightly upturned nose is unremarkable, aside from the single stud in her left nostril. Pale blue hair cascades around her visage like fine silk tapestries arranged to tastefully frame her face.
+
#toolbar {
 +
    height: 22px;
 +
    margin-bottom: 6px;
 +
}
  
−
A silver slave collar rings her neck, complete with an innocuous lead hasp at the back; a tasteful, permanent reminder of her status. Ornamental pentagonal plates grow out of her shoulders. Matching, blue-glowing bracers and armbands complete her ensemble, but your eyes spend little time looking at her outfit when it frames her other assets so exquisitely.
+
/* Hide charinsert base for those not using the gadget */
 +
#editpage-specialchars {
 +
    display: none;
 +
}
  
−
Big breasts that would easily fill an EE-cup bra and then some sit high and proud on her chest, obviously the result of some kind of artificial or biological enhancement. They’re nicely rounded and capped with a pair of maroon nipples that are ever so slightly pebbled in the open air. They’re the kind of boobs that just beg to be fondled.
+
/* Highlight linked elements (such as clicked references) in blue */
 +
body.action-info :target,
 +
.citation:target {
 +
    background-color: #DEF;  /* Fallback */
 +
    background-color: rgba(0, 127, 255, 0.133);
 +
}
  
−
Sera’s ass is nothing to sneeze at either; it’s large, nicely rounded, and crowned with a prehensile, spaded tail. The spade at the end seems a little big and bulgy, reminiscent of a cock head.
+
/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
 +
.citation {
 +
    word-wrap: break-word;
 +
}
  
−
Silk fishnets and garters join her technological-looking frilly corset to her shapely legs. Her feet are perched upon toe-covering, six-inch stilettos, but when she walks in them it’s as if it’s the most natural thing in the world, perhaps counterbalanced by her tail.
+
/* For linked citation numbers and document IDs, where the number need not be shown
−
</blockquote>
+
  on a screen or a handheld, but should be included in the printed version */
−
== History/Personality/Information of Note ==
+
@media screen, handheld {
 +
    .citation .printonly {
 +
        display: none;
 +
    }
 +
}
  
−
A Steele who becomes her submissive or successfully dominates her can find out about her life and background.
+
/* Make the list of references smaller */
 +
ol.references,
 +
div.reflist,
 +
div.refbegin {
 +
    font-size: 100%;            /* Default font-size */
 +
    margin-bottom: 0.5em;
 +
}
 +
div.refbegin-100 {
 +
    font-size: 100%;          /* Option for normal fontsize in */
 +
}
 +
div.reflist ol.references {
 +
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
 +
    margin-bottom: 0;          /* Avoid double margin when nested in dev.reflist */
 +
    list-style-type: inherit;  /* Enable custom list style types */
 +
}
  
−
Sera was once an ordinary human girl born to rich parents on Terra. Her father is a "coke-snorting businessman", her mother a housewife. She was raised very strictly and sent to an all-girl [[Church of the One God]] school, where she was forcibly acquainted with the religion in question. Sera tells Steele she hated all the controlling and religious moments of her childhood and schooling, but admits she ''did'' like the parts of the bible that discussed sin, temptation and the dark knowledge that spawned from corruption.  Sera's parents attempted to force her to conform to their ideals but she flatly refused, going so far as to get a mod to give herself a penis in her final year so she could fuck her fellow students with it.  She fondly recalls being the most popular girl in the school for it, even among girls who publicly denounced her. Her tendencies as a dom started around this time as well. Despite making out like a bandit the first chance she got, Sera admits she does miss Terra sometimes. The only thing her parents did that she appreciates is making her take a business course, which is what allowed her to set up her own shop and enjoy success.
+
/* Ensure refs in table headers and the like aren't bold or italic */
 +
sup.reference {
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
  
−
Her intimidatingly gorgeous physique is the result of a wide range of mods, which are difficult to maintain properly and would cancel each other out if not for her harness, which keeps them all in balance. This and the costs of business have left her deeply in debt, although she keeps this hidden from the player.  When [[Captain Steele]] first meets her, she is throwing a tirade over her competitor [[Jade|Jade's]] success with a previous sale.  
+
/* Allow hidden ref errors to be shown by user CSS */
 +
span.brokenref {
 +
    display: none;
 +
}
  
−
She has a deep hatred of furries not only because Jade's store is making her business more difficult, but also because she looks down on them for wanting to be so animal-like.
+
/* Reset top margin for lists embedded in columns */
 +
div.columns {
 +
    margin-top: 0.3em;
 +
}
 +
div.columns dl,
 +
div.columns ol,
 +
div.columns ul {
 +
    margin-top: 0;
 +
}
  
−
By default, Sera is quite domineering and sometimes violently so. During most of her sex scenes, she displays a strong sadistic streak and a lack of concern for Steele's comfort that stops just short of complete apathy. However, if Steele gets close enough to partake in her personal quest and have children with her, she opens up to them and shows a kinder, more vulnerable side to herself, including genuine maternal affection for her babies that she initially tries to hide.
+
/* Avoid elements from breaking between columns */
 +
.nocolbreak,
 +
div.columns li,
 +
div.columns dd dd {
 +
    -webkit-column-break-inside: avoid;
 +
    page-break-inside: avoid;
 +
    break-inside: avoid-column;
 +
}
  
−
When their roles are reversed, Sera proves to be a willing, but troublesome and unruly submissive, one that enjoys testing the boundaries and facing the consequences of her disobedience just as much as eventually yielding to another person.
+
/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
 +
.flowlist ul {
 +
    overflow-x: hidden;
 +
    margin-left: 0;
 +
    padding-left: 1.6em;
 +
}
 +
.flowlist ol {
 +
    overflow-x: hidden;
 +
    margin-left: 0;
 +
    padding-left: 3.2em;
 +
}
 +
.flowlist dl {
 +
    overflow-x: hidden;
 +
}
  
−
==Interactions ==
+
/* Style for horizontal lists (separator following item).
 +
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 8 (2016-05-21)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
    margin: 0;
 +
    display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 +
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 +
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 +
    display: inline;
 +
}
 +
/* Hide empty list items */
 +
.hlist .mw-empty-li {
 +
    display: none;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
    content: ": ";
 +
}
 +
.hlist dd:after,
 +
.hlist li:after {
 +
    content: " · ";
 +
    font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
    content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
    content: " (";
 +
    font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 +
    content: ")";
 +
    font-weight: normal;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
    counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
    counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
    content: " " counter(listitem) "\a0";
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
    content: " (" counter(listitem) "\a0";
 +
}
  
−
Steele can buy items or have sex with Sera.
+
/* Unbulleted lists */
 +
.plainlist ol,
 +
.plainlist ul {
 +
    line-height: inherit;
 +
    list-style: none none;
 +
    margin: 0;
 +
}
 +
.plainlist ol li,
 +
.plainlist ul li {
 +
    margin-bottom: 0;
 +
}
  
−
After having sex with Sera three times or more, Sera will offer Steele to become a submissive to her when asked for '''Sex?''' again. If refused, Sera will revisit the topic when asking for sex again after every third sexing. Once accepted, if Steele reacts negatively in the follow-up, this will piss Sera off and she will refuse any sex or talks.
+
/* Default style for navigation boxes */
 +
.navbox {                    /* Navbox container style */
 +
    box-sizing: border-box;
 +
    border: 1px solid #aaa;
 +
    width: 100%;
 +
    clear: both;
 +
    font-size: 88%;
 +
    text-align: center;
 +
    padding: 1px;
 +
    margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
 +
}
 +
.navbox .navbox {
 +
    margin-top: 0;            /* No top margin for nested navboxes */
 +
}
 +
.navbox + .navbox {
 +
    margin-top: -1px;        /* Single pixel border between adjacent navboxes */
 +
}
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
    width: 100%;
 +
}
 +
.navbox-group,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
    padding: 0.25em 1em;      /* Title, group and above/below styles */
 +
    line-height: 1.5em;
 +
    text-align: center;
 +
}
 +
th.navbox-group {            /* Group style */
 +
    white-space: nowrap;
 +
    /* @noflip */
 +
    text-align: right;
 +
}
 +
.navbox,
 +
.navbox-subgroup {
 +
    background: #fdfdfd;      /* Background color */
 +
}
 +
.navbox-list {
 +
    line-height: 1.5em;
 +
    border-color: #fdfdfd;    /* Must match background color */
 +
}
 +
.navbox th,
 +
.navbox-title {
 +
    background: #ccccff;      /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
    background: #ddddff;      /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #e6e6ff;      /* Level 3 color */
 +
}
 +
.navbox-even {
 +
    background: #f7f7f7;      /* Even row striping */
 +
}
 +
.navbox-odd {
 +
    background: transparent;  /* Odd row striping */
 +
}
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 +
}
  
−
Alternatively, Steele can come to own Sera via an indentured servant [[#The Bitchening|contract]], train her, and either leave her as their 'trophy slut' or help her become a traveling merchant.
+
/* Default styling for Navbar template */
−
=== Sells ===
+
.navbar {
 +
    display: inline;
 +
    font-size: 88%;
 +
    font-weight: normal;
 +
}
 +
.navbar ul {
 +
    display: inline;
 +
    white-space: nowrap;
 +
}
 +
.mw-body-content .navbar ul {
 +
    line-height: inherit;
 +
}
 +
.navbar li {
 +
    word-spacing: -0.125em;
 +
}
 +
.navbar.mini li abbr[title] {
 +
  font-variant: small-caps;
 +
  border-bottom: none;
 +
  text-decoration: none;
 +
  cursor: inherit;
 +
}
 +
/* Navbar styling when nested in infobox and navbox */
 +
.infobox .navbar {
 +
    font-size: 100%;
 +
}
 +
.navbox .navbar {
 +
    display: block;
 +
    font-size: 100%;
 +
}
 +
.navbox-title .navbar {
 +
    /* @noflip */
 +
    float: left;
 +
    /* @noflip */
 +
    text-align: left;
 +
    /* @noflip */
 +
    margin-right: 0.5em;
 +
    width: 6em;
 +
}
  
−
As an owner of Dark Chrysalis, Sera's vendor inventory includes:
+
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
−
{|class="wikitable sortable bordered" border="1" cellpadding="2" style="text-align:center"
+
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
−
|+ Available Purchases
+
.collapseButton {
−
|-
+
    /* @noflip */
−
!width="140px" | Name
+
    float: right;
−
!width="100px" | Sell Price<br>([[Credits]])
+
    font-weight: normal;
−
|-
+
    /* @noflip */
−
|align="left"| <b>[[Terran_Treat|Human T.]]</b>
+
    margin-left: 0.5em;
−
|align="right"|600
+
    /* @noflip */
−
|-
+
    text-align: right;
−
|align="left"| <b>[[Estrobloom]]</b>
+
    width: auto;
−
|align="right"|648
+
}
−
|-
+
/* In navboxes, the show/hide button balances the v·d·e links
−
|align="left"| <b>[[Tittyblossom]]</b>
+
  from [[Template:Navbar]], so they need to be the same width. */
−
|align="right"|1200
+
.navbox .collapseButton {
−
|-
+
    width: 6em;
−
|align="left"| <b>[[Pussybloom_Pill|Pussybloom]]</b>
+
}
−
|align="right"|15600
 
−
|-
 
−
|align="left"| <b>[[Pussyblossom_Pill|Pussyblossom]]</b>
 
−
|align="right"|33600
 
−
|-
 
−
|align="left"| <b>[[ManUp|ManUp]]</b>
 
−
|align="right"|1200
 
−
|-
 
−
|align="left"| <b>[[Twink-ease]]</b>
 
−
|align="right"|1800
 
−
|-
 
−
|align="left"| <b>[[Condensol_Pill|Condensol]]</b>
 
−
|align="right"|360
 
−
|-
 
−
|align="left"| <b>[[DendroGro]]</b>
 
−
|align="right"|300
 
−
|-
 
−
|align="left"| <b>[[Rainbowtox]]</b>
 
−
|align="right"|960
 
−
|-
 
−
|align="left"| <b>[[Chocolac]]</b>
 
−
|align="right"|1560
 
−
|-
 
−
|align="left"| <b>[[Sweet Treat|SweetTreat]]</b>
 
−
|align="right"|720
 
−
|-
 
−
|align="left"| <b>[[Dicksprout]]</b>
 
−
|align="right"|30000
 
−
|-
 
−
|align="left"| <b>[[GaloMax Pill]]</b>*
 
−
|align="right"|12000
 
−
|-
 
−
|align="left"| <b>[[Clippex]]</b>**
 
−
|align="right"|4320
 
−
|-
 
−
|align="left"| <b>[[Semen’s_Friend_Candy|Semens F.]]</b>**
 
−
|align="right"|4320
 
−
|-
 
−
|align="left"| <b>[[Lucifier_Candy_Apple|Lucifier]]</b>**
 
−
|align="right"|8640
 
−
|-
 
−
|align="left"| <b>[[Muffstick]]</b>***
 
−
|align="right"|4800
 
−
|-
 
−
|align="left"| <b>[[Vernacola]]</b>****
 
−
|align="right"|12000
 
−
|}
 
−
''* Unlocked after meeting with [[Zo’dee]].''<br>
 
−
''** Unlocked after Sera is Steele's mistress or if Steele has convinced her to show her specialized transformation items (requires Intelligence >75% of level maximum or 90000 [[credits]] on hand). These items become unavailable from Dark Chrysalis' inventory after [[#The Bitchening|enslaving]] Sera.''<br>
 
−
''*** Unlocked after buying [[FizzyFix]] and using it (option to decide not to appears). Then read the Codex DB entry for FizzyFix.''<br>
 
−
''**** Unlocked after landing on Tarkus.''
 
  
−
Sera will buy pill, potion, and drug items at 80% of the base price. She will only buy up to 9000 worth of goods before taking a pause for a week due to her worsening financial situation.
+
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
 +
.mw-collapsible-toggle {
 +
    font-weight: normal;
 +
    /* @noflip */
 +
    text-align: right;
 +
}
 +
.navbox .mw-collapsible-toggle {
 +
    width: 6em;
 +
}
  
−
When operating as ship-based merchant, Sera's inventory is split into 6 groups and changes every 7 days, picking one item at random from each group's list.
+
/* Infobox template style */
 +
.infobox {
 +
    border: 1px solid #aaa;
 +
    border-spacing: 3px;
 +
    background-color: #f9f9f9;
 +
    color: black;
 +
    /* @noflip */
 +
    margin: 0.5em 0 0.5em 1em;
 +
    padding: 0.2em;
 +
    /* @noflip */
 +
    float: right;
 +
    /* @noflip */
 +
    clear: right;
 +
    font-size: 88%;
 +
    line-height: 1.5em;
 +
}
 +
.infobox caption {
 +
    font-size: 125%;
 +
    font-weight: bold;
 +
    padding: 0.2em;
 +
}
 +
.infobox td,
 +
.infobox th {
 +
    vertical-align: top;
 +
    /* @noflip */
 +
    text-align: left;
 +
}
 +
.infobox.bordered {
 +
    border-collapse: collapse;
 +
}
 +
.infobox.bordered td,
 +
.infobox.bordered th {
 +
    border: 1px solid #aaa;
 +
}
 +
.infobox.bordered .borderless td,
 +
.infobox.bordered .borderless th {
 +
    border: 0;
 +
}
  
−
{|class="wikitable sortable bordered" border="1" cellpadding="2" style="text-align:center"
+
.infobox.sisterproject {
−
|+ Available Purchases
+
    width: 20em;
−
|-
+
    font-size: 90%;
−
!width="140px" | Name
+
}
−
!width="100px" | Sell Price<br>([[Credits]])
 
−
|-
 
−
|aligh="center" colspan="2"| '''Group A'''
 
−
|-
 
−
|align="left"| <b>[[Estrobloom]]</b>
 
−
|align="right"|480
 
−
|-
 
−
|align="left"| <b>[[Tittyblossom]]</b>
 
−
|align="right"|800
 
−
|-
 
−
|align="left"| <b>[[ManUp|ManUp]]</b>
 
−
|align="right"|800
 
−
|-
 
−
|align="left"| <b>[[Condensol_Pill|Condensol]]</b>
 
−
|align="right"|240
 
−
|-
 
−
|align="left"| <b>[[Junk In The Trunk]]</b>
 
−
|align="right"|576
 
−
|-
 
−
|align="left"| <b>[[Twink-ease]]</b>
 
−
|align="right"|1200
 
−
|-
 
−
|align="left"| <b>[[Virection Pill]]</b>
 
−
|align="right"|1200
 
−
|-
 
−
|aligh="center" colspan="2"| '''Group B'''
 
−
|-
 
−
|align="left"| <b>[[DendroGro]]</b>
 
−
|align="right"|200
 
−
|-
 
−
|align="left"| <b>[[Bumpy Road]]</b>
 
−
|align="right"|2000
 
−
|-
 
−
|align="left"| <b>[[Circumscriber_Cream|Circumscriber]]</b>
 
−
|align="right"|2400
 
−
|-
 
−
|align="left"| <b>[[Knot A Problem]]</b>
 
−
|align="right"| 2400
 
−
|-
 
−
|align="left"| <b>[[Circumscriber Cream]]</b>
 
−
|align="right"|2400
 
−
|-
 
−
|align="left"| <b>[[Equilibricum]]</b>
 
−
|align="right"|1360
 
−
|-
 
−
|align="left"| <b>[[Semen’s_Friend_Candy|Semens F.]]</b>
 
−
|align="right"|2880
 
−
|-
 
−
|align="left"| <b>[[Sweet Treat]]</b>
 
−
|align="right"|480
 
−
|-
 
−
|aligh="center" colspan="2"| '''Group C'''
 
−
|-
 
−
|align="left"| <b>[[Clippex]]</b>
 
−
|align="right"|2880
 
−
|-
 
−
|align="left"| <b>[[Lactaid Medipen]]</b>
 
−
|align="right"|1600
 
−
|-
 
−
|align="left"| <b>[[Chocolac]]</b>
 
−
|align="right"|1040
 
−
|-
 
−
|align="left"| <b>[[Mighty Tight Pill]]</b>
 
−
|align="right"|240
 
−
|-
 
−
|align="left"| <b>[[Anusoft Cream]]</b>
 
−
|align="right"|160
 
−
|-
 
−
|align="left"| <b>[[Magic Milker 7]]</b>
 
−
|align="right"|1960
 
−
|-
 
−
|align="left"| <b>[[Pussybloom_Pill|Pussybloom]]</b>
 
−
|align="right"|9600
 
−
|-
 
−
|align="left"| <b>[[Pussyblossom_Pill|Pussyblossom]]</b>
 
−
|align="right"|16800
 
−
|-
 
−
|aligh="center" colspan="2"| '''Group D'''
 
−
|-
 
−
|align="left"| <b>[[Throbb]]</b>
 
−
|align="right"|140
 
−
|-
 
−
|align="left"| <b>[[Gush Spraypen]]</b>
 
−
|align="right"|480
 
−
|-
 
−
|align="left"| <b>[[Rubber-Made]]</b>
 
−
|align="right"|800
 
−
|-
 
−
|align="left"| <b>[[ClearYu]]</b>
 
−
|align="right"|480
 
−
|-
 
−
|align="left"| <b>[[Dumbfuck Pill]]</b>
 
−
|align="right"|640
 
−
|-
 
−
|align="left"| <b>[[Rainbowtox]]</b>
 
−
|align="right"|800
 
−
|-
 
−
|aligh="center" colspan="2"| '''Group E'''
 
−
|-
 
−
|align="left"| <b>[[Terran Treat]]</b>
 
−
|align="right"|400
 
−
|-
 
−
|align="left"| <b>[[Ausar Treat]]</b>
 
−
|align="right"|400
 
−
|-
 
−
|align="left"| <b>[[Nepeta]]</b>
 
−
|align="right"|400
 
−
|-
 
−
|align="left"| <b>[[DracoGuard]]</b>
 
−
|align="right"|480
 
−
|-
 
−
|align="left"| <b>[[Ovir Ace]]</b>
 
−
|align="right"|432
 
−
|-
 
−
|align="left"| <b>[[Nuki Cookies]]</b>
 
−
|align="right"|480
 
−
|-
 
−
|aligh="center" colspan="2"| '''Group F'''
 
−
|-
 
−
|align="left"| <b>[[Mino Charge]]</b>
 
−
|align="right"|400
 
−
|-
 
−
|align="left"| <b>[[Bovinium]]</b>
 
−
|align="right"|400
 
−
|-
 
−
|align="left"| <b>[[Lucifier Candy Apple]]</b>
 
−
|align="right"|7680
 
−
|-
 
−
|align="left"| <b>[[Sylvanol]]</b>
 
−
|align="right"|1600
 
−
|-
 
−
|align="left"| <b>[[Dove Balm]]</b>
 
−
|align="right"|11200
 
−
|-
 
−
|align="left"| <b>[[Hornitol]]</b>
 
−
|align="right"|1200
 
−
|-
 
−
|aligh="center" colspan="2"| '''Extra'''
 
−
|-
 
−
|align="left"| <b>[[GaloMax Pill]]</b>*
 
−
|align="right"|12000
 
−
|-
 
−
|}
 
−
''*Unlocked after meeting with [[Zo’dee]].''
 
  
−
=== Talk ===
+
.infobox.standard-talk {
 +
    border: 1px solid #c0c090;
 +
    background-color: #f8eaba;
 +
}
 +
.infobox.standard-talk.bordered td,
 +
.infobox.standard-talk.bordered th {
 +
    border: 1px solid #c0c090;
 +
}
  
−
Once Steele has accepted Sera's dominance or has successfully dominated her, Sera will be open to talk about various topics, including her '''Early Life''', her '''Recent Life''', '''Demons''' and '''Furries'''.  
+
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
    border: 0;
 +
    border-top: 1px solid #aaa;
 +
    /* @noflip */
 +
    border-right: 1px solid #aaa;
 +
}
  
−
While she is a vendor at Dark Chrysalis, buying an item from her will open up the option to ask about other specialized '''TFs?'''. Doing so may unlock extra items in her shop's inventory. If Steele has not become subservient to Sera and either has an I.Q. of 75% or more or is currently holding over 90000 [[credits]], Sera will give in and show Steele what she has. Otherwise, Steele will need to unlock each item through [[#Sex|sex]] as a submissive.
+
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
    border: 0;
 +
    /* @noflip */
 +
    border-right: 1px solid #aaa;
 +
}
  
−
When Sera is a trained sub, going through all of her '''Talk''' options will make a previously hidden conversation '''Ambition''' appear, prompting Steele to either '''Agree''' with Sera's self-deprecation or '''Encourage''' her.
+
/* Styles for geography infoboxes, eg countries,
 +
  country subdivisions, cities, etc.            */
 +
.infobox.geography {
 +
    border-collapse: collapse;
 +
    line-height: 1.2em;
 +
    font-size: 90%;
 +
}
  
−
After choosing '''Encourage''', PC will have an option to immediately agree to provide a loan in order to help Sera open up a ship-based store; this option will cost 15000 [[credits]]. Alternatively, they can tell her '''No''' or that they may decide to help her '''Later'''  Sera can later be spoken to regarding her business, and if [[Anno]] is on board during the initial week of her setting up shop, she will mention " the white haired slut" helping her by providing some good advice.
+
.infobox.geography  td,
 +
.infobox.geography  th {
 +
    border-top: 1px solid #aaa;
 +
    padding: 0.4em 0.6em 0.4em 0.6em;
 +
}
 +
.infobox.geography .mergedtoprow td,
 +
.infobox.geography .mergedtoprow th {
 +
    border-top: 1px solid #aaa;
 +
    padding: 0.4em 0.6em 0.2em 0.6em;
 +
}
  
−
== Sex ==
+
.infobox.geography .mergedrow td,
 +
.infobox.geography .mergedrow th {
 +
    border: 0;
 +
    padding: 0 0.6em 0.2em 0.6em;
 +
}
  
−
=== Initial/"Sex?"===
+
.infobox.geography .mergedbottomrow td,
 +
.infobox.geography .mergedbottomrow th {
 +
    border-top: 0;
 +
    border-bottom: 1px solid #aaa;
 +
    padding: 0 0.6em 0.4em 0.6em;
 +
}
  
−
Sera's '''Fuck Me''' option is available if Steele's lust is high enough. Once accessed, Sera will choose a random sex scene based on Steele's anatomy:
+
.infobox.geography .maptable td,
 +
.infobox.geography .maptable th {
 +
    border: 0;
 +
    padding: 0;
 +
}
  
−
* <b>Urethra Tail-fuck</b> - Sera will use her tail-cock to fuck Steele's giant wiener while Steele eats her out.
+
/* Normal font styling for table row headers with scope="row" tag */
−
** Largest Penis has a volume of 140 or more.
+
.wikitable.plainrowheaders th[scope=row] {
−
* <b>Tail Used</b> - Sera will fuck Steele's cunt tail.
+
    font-weight: normal;
−
** Has Cunt-tail
+
    /* @noflip */
−
** This also has a 1/2 chance to trigger if Sera notices Steele's tail after receiving the '''Salary''' payment.
+
    text-align: left;
−
* <b>Butt Fuck</b> - Sera will make Steele suck her cock. Then she will violently fuck Steele's ass.
+
}
−
* <b>Cock Tease</b> - Sera will straddle Steele, tease them, then ride their cock to a messy climax.
 
−
**Has Penis
 
  
−
=== Steele is Sera's Sub ===
+
/* Lists in data cells are always left-aligned */
 +
.wikitable td ul,
 +
.wikitable td ol,
 +
.wikitable td dl {
 +
    /* @noflip */
 +
    text-align: left;
 +
}
 +
/* ...unless they also use the hlist class */
 +
.toc.hlist ul,
 +
#toc.hlist ul,
 +
.wikitable.hlist td ul,
 +
.wikitable.hlist td ol,
 +
.wikitable.hlist td dl {
 +
    text-align: inherit;
 +
}
  
−
If Steele has accepted Sera's dominance, Sera's sex scenes will change to a new set of scenes:
+
/* Icons for medialist templates [[Template:Listen]],
 +
  [[Template:Multi-listen_start]], [[Template:Video]],
 +
  [[Template:Multi-video_start]] */
 +
div.listenlist {
 +
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
 +
    background-size: 30px;
 +
    padding-left: 40px;
 +
}
  
−
* <b>Exhibition Blowjob</b> - Steele will give Sera a blowjob behind Sera's counter while she makes transactions.
+
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
−
* <b>No. 3 in a Threesome</b> - Sera will elicit Steele and [[Jardi]] to join her for a threesome.
+
table.mw-hiero-table td {
−
* <b>Get Ridden</b> - Sera will tie Steele up and then get herself off vaginally, using their dick if they have one or by strapping a double-ended dildo to their face if they don't.
+
    vertical-align: middle;
−
* <b>Lucky Dip</b> - An excited Sera will reward herself for making a big sell by fucking Steele. How she does it is dependent on Steele's anatomy. Steele can then accept a random specialized item from her, for free if they lick her feet.
+
}
−
** If choosing to accept the item, Sera will award Steele with it and a chance for a discount.
 
−
* <b>Cockvine</b> - Sera challenges Steele to obey by force fucking Steele's tail cock.
 
−
** Has a parasitic tail cock.
 
−
** If willpower is high enough, Steele can choose to '''Hold Back''' or '''Release''' the orgasm while still inside her.
 
−
** This also has a 1/2 chance to trigger if Sera notices Steele's tail after receiving the '''Salary''' payment.
 
−
* <b>Sera Milking</b> - Sera cuffs you up and gets some creamery and some puss/ass.
 
−
** PC must be at least C cup, must be lactating
 
−
*** Variants based on [[Milk#Type|Milk Type]], [[Milk#Milk Capacity|Milk Capacity]], and whether or not the player is pregnant or has been pregnant with Sera's Spawn.
 
−
*<b>Punishing Fix</b> - Be Sera's chair while she punishes her kaithrit boy-toy from the Disco 3000 quest.
 
  
−
'''Note:''' Sera will refuse to have sex with Steele if the captain is eight months pregnant with her child, citing their condition, but promises to resume fucking them after the baby is born.
+
/* Style rules for media list templates */
 +
div.medialist {
 +
    min-height: 50px;
 +
    margin: 1em;
 +
    /* @noflip */
 +
    background-position: top left;
 +
    background-repeat: no-repeat;
 +
}
 +
div.medialist ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
    margin: 0;
 +
}
 +
div.medialist ul li {
 +
    padding-bottom: 0.5em;
 +
}
 +
div.medialist ul li li {
 +
    font-size: 91%;
 +
    padding-bottom: 0;
 +
}
  
−
=== Sera is Steele's Slave ===
+
/* Change the external link icon to an Adobe icon for all PDF files
 +
  in browsers that support these CSS selectors, like Mozilla and Opera */
 +
div#content a[href$=".pdf"].external,
 +
div#content a[href*=".pdf?"].external,
 +
div#content a[href*=".pdf#"].external,
 +
div#content a[href$=".PDF"].external,
 +
div#content a[href*=".PDF?"].external,
 +
div#content a[href*=".PDF#"].external,
 +
div#mw_content a[href$=".pdf"].external,
 +
div#mw_content a[href*=".pdf?"].external,
 +
div#mw_content a[href*=".pdf#"].external,
 +
div#mw_content a[href$=".PDF"].external,
 +
div#mw_content a[href*=".PDF?"].external,
 +
div#mw_content a[href*=".PDF#"].external {
 +
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 +
    /* @noflip */
 +
    padding-right: 18px;
 +
}
  
−
During Sera's [[#The Bitchening|slave training]], her sex scenes are as follows:
+
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
 +
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
 +
div#content span.PDFlink a,
 +
div#mw_content span.PDFlink a {
 +
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 +
    /* @noflip */
 +
    padding-right: 18px;
 +
}
  
−
''Note: all of the scenes below have significant variations based on Sera's current Lust and Obedience levels.''
+
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
 +
div.columns-2 div.column {
 +
    /* @noflip */
 +
    float: left;
 +
    width: 50%;
 +
    min-width: 300px;
 +
}
 +
div.columns-3 div.column {
 +
    /* @noflip */
 +
    float: left;
 +
    width: 33.3%;
 +
    min-width: 200px;
 +
}
 +
div.columns-4 div.column {
 +
    /* @noflip */
 +
    float: left;
 +
    width: 25%;
 +
    min-width: 150px;
 +
}
 +
div.columns-5 div.column {
 +
    /* @noflip */
 +
    float: left;
 +
    width: 20%;
 +
    min-width: 120px;
 +
}
  
−
* '''Cock Tease''' - Steele plays with Sera's dick, having an option to either '''Deny''', or grant her '''Release'''. If Sera's Obedience is above 40 and Steele's lust is more than 75% of its maximum, they will be forced to cum instead.
+
/* Messagebox templates */
−
** Requires Sera to have a dick while Steele has a vagina and doesn't have a penis.
+
.messagebox {
−
* '''Cunt Tease''' - Steele plays with Sera's cunt, having an option to either '''Deny''', or grant her '''Release'''. If Sera's Obedience is above 40 and Steele's lust is more than 75% of its maximum, they will be forced to cum instead.
+
    border: 1px solid #aaa;
−
** Requires PC to have a dick and overrides '''Cock Tease''' scene for hermaphrodite characters.
+
    background-color: #f9f9f9;
−
** At 80 Obedience, if both Steele and Sera have Lust above 33, triggers a one-time version of the scene that finishes Sera's training and involves PC fucking Sera's pussy.
+
    width: 80%;
−
* '''Buttfuck''' - Steele trains Sera's bunghole.
+
    margin: 0 auto 1em auto;
−
** Requires Steele to have a penis that fits.
+
    padding: .2em;
−
* '''Ride''' - Steele rides Sera's cock cowgirl style.
+
}
−
** Requires Steele to have a vagina.
+
.messagebox.merge {
−
** At 80 Obedience, if both Steele and Sera have Lust above 33, triggers a one-time version of the scene that finishes Sera's training
+
    border: 1px solid #c0b8cc;
 +
    background-color: #f0e5ff;
 +
    text-align: center;
 +
}
 +
.messagebox.cleanup {
 +
    border: 1px solid #9f9fff;
 +
    background-color: #efefff;
 +
    text-align: center;
 +
}
 +
.messagebox.standard-talk {
 +
    border: 1px solid #c0c090;
 +
    background-color: #f8eaba;
 +
    margin: 4px auto;
 +
}
 +
/* For old WikiProject banners inside banner shells. */
 +
.mbox-inside .standard-talk,
 +
.messagebox.nested-talk {
 +
    border: 1px solid #c0c090;
 +
    background-color: #f8eaba;
 +
    width: 100%;
 +
    margin: 2px 0;
 +
    padding: 2px;
 +
}
 +
.messagebox.small {
 +
    width: 238px;
 +
    font-size: 85%;
 +
    /* @noflip */
 +
    float: right;
 +
    clear: both;
 +
    /* @noflip */
 +
    margin: 0 0 1em 1em;
 +
    line-height: 1.25em;
 +
}
 +
.messagebox.small-talk {
 +
    width: 238px;
 +
    font-size: 85%;
 +
    /* @noflip */
 +
    float: right;
 +
    clear: both;
 +
    /* @noflip */
 +
    margin: 0 0 1em 1em;
 +
    line-height: 1.25em;
 +
    background: #F8EABA;
 +
}
  
−
Additionally, Steele can access several highly sexualized '''Punishment''' scenes through a separate menu:
+
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
−
* '''Punishment (Spanking)''' - Steele disciplines their slave by laying it on her juicy butt.
+
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
−
** Has major differences based on whether or not Sera gets punished right after masturbating against Steele's orders.
+
    border: none;
−
** Minor difference when Sera is punished for making Steele cum during '''Cock/Cunt Tease scenes'''.
+
    /* @noflip */
−
* '''Punishment (Cum Rations)''' - Steele disciplines their slave by feeding her their cum.
+
    padding: 0.25em 0.9em;    /* 0.9em left/right */
−
** Has major differences based on whether or not Sera gets punished right after masturbating against Steele's orders.
+
    width: 100%;              /* Make all mboxes the same width regardless of text length */
−
** Requires Steele to have a cock.
+
}
 +
td.mbox-image {                /* The left image cell */
 +
    border: none;
 +
    /* @noflip */
 +
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
    text-align: center;
 +
}
 +
td.mbox-imageright {          /* The right image cell */
 +
    border: none;
 +
    /* @noflip */
 +
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 +
    text-align: center;
 +
}
 +
td.mbox-empty-cell {          /* An empty narrow cell */
 +
    border: none;
 +
    padding: 0;
 +
    width: 1px;
 +
}
  
−
=== Sera is Submissive ===
+
/* Article message box styles */
 +
table.ambox {
 +
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 +
    border: 1px solid #aaa;
 +
    /* @noflip */
 +
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 +
    background: #fbfbfb;
 +
}
 +
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 +
    margin-top: -1px;
 +
}
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {            /* The message body cell(s) */
 +
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
.ambox td.mbox-image {          /* The left image cell */
 +
    /* @noflip */
 +
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
    /* @noflip */
 +
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 +
}
  
−
After Sera has become Steele's sub, her scene selection changes to:
+
table.ambox-notice {
 +
    /* @noflip */
 +
    border-left: 10px solid #1e90ff;    /* Blue */
 +
}
 +
table.ambox-speedy {
 +
    /* @noflip */
 +
    border-left: 10px solid #b22222;    /* Red */
 +
    background: #fee;                  /* Pink */
 +
}
 +
table.ambox-delete {
 +
    /* @noflip */
 +
    border-left: 10px solid #b22222;    /* Red */
 +
}
 +
table.ambox-content {
 +
    /* @noflip */
 +
    border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
table.ambox-style {
 +
    /* @noflip */
 +
    border-left: 10px solid #f4c430;    /* Yellow */
 +
}
 +
table.ambox-move {
 +
    /* @noflip */
 +
    border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
table.ambox-protection {
 +
    /* @noflip */
 +
    border-left: 10px solid #bba;      /* Gray-gold */
 +
}
  
−
* '''Cock Tease''' - Steele plays with Sera's dick, having an option to either '''Deny''', or grant her '''Release'''.
+
/* Image message box styles */
−
** Can't be chosen less than 3 hours after another Tease scene.
+
table.imbox {
−
* '''Cunt Tease''' - Steele plays with Sera's cunt, having an option to either '''Deny''', or grant her '''Release'''.  
+
    margin: 4px 10%;
−
** Can't be chosen less than 3 hours after another Tease scene.
+
    border-collapse: collapse;
−
* '''Buttfuck''' - Steele fucks Sera's bunghole.
+
    border: 3px solid #1e90ff;    /* Default "notice" blue */
−
** Requires Steele to have a penis that fits.
+
    background: #fbfbfb;
−
* '''Titfuck''' - Steele enjoys a titjob from their sub.
+
}
−
** Requires Steele to have a penis.
+
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
−
** Has variations based on Steele's penis size, cum amount and Lactation.
+
    margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.       */
−
* '''Ride''' - Steele rides Sera's cock cowgirl style.
+
    display: block;        /* Fix for webkit to force 100% width. */
−
** Requires Steele to have a vagina.
+
}
−
* '''Double Penetration''' - give it to your lusty hellion in both holes.
+
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
−
** Requires Steele to have two or more penises.
+
    margin: 4px;
 +
}
  
−
Additionally, if Sera has been [[#Seranigans|naughty]], Steele can punish her in several highly sexualized ways.
+
table.imbox-notice {
 +
    border: 3px solid #1e90ff;    /* Blue */
 +
}
 +
table.imbox-speedy {
 +
    border: 3px solid #b22222;    /* Red */
 +
    background: #fee;            /* Pink */
 +
}
 +
table.imbox-delete {
 +
    border: 3px solid #b22222;    /* Red */
 +
}
 +
table.imbox-content {
 +
    border: 3px solid #f28500;    /* Orange */
 +
}
 +
table.imbox-style {
 +
    border: 3px solid #f4c430;    /* Yellow */
 +
}
 +
table.imbox-move {
 +
    border: 3px solid #9932cc;    /* Purple */
 +
}
 +
table.imbox-protection {
 +
    border: 3px solid #bba;      /* Gray-gold */
 +
}
 +
table.imbox-license {
 +
    border: 3px solid #88a;      /* Dark gray */
 +
    background: #f7f8ff;          /* Light gray */
 +
}
 +
table.imbox-featured {
 +
    border: 3px solid #cba135;    /* Brown-gold */
 +
}
  
−
* '''Punishment (Spanking)''' - Steele disciplines their slave by laying it on her juicy butt.
+
/* Category message box styles */
−
* '''Punishment (Cum Rations)''' - Steele disciplines their slave by feeding her their cum.
+
table.cmbox {
−
** Requires Steele to have a penis.
+
    margin: 3px 10%;
−
* '''Punishment (Walkies)''' - Steele disciplines their slave by taking her for a walk around [[Tavros|Tavros station]]'s Residential Deck and have her pleasure them orally.
+
    border-collapse: collapse;
−
** Requires a [[Leather Leash]] Accessory that can be bought from [[Inessa]]'s shop and for Steele's ship to be parked at [[Tavros|Tavros station]].
+
    border: 1px solid #aaa;
−
** In addition, Steele can make Sera put on [[Grav-Cuffs]] and a [[Schoolgirl Outfit]] (can be substituted using [[Schoolgirl Costume]].) They can also use either [[Whip|normal]] or [[Bio Whip|enhanced]] whip.
+
    background: #DFE8FF;    /* Default "notice" blue */
−
** During the walkies, it's possible to meet with several of Steele's acquaintances: [[Jardi]], [[Fyn]], [[Aina]] and [[Semith]].
+
}
−
** Near the end of the scene, Steele will have Sera pleasure them orally.  Having a penis will allow them to choose '''Male''' option, having a vagina - '''Female''' one, and anyone will have access to '''Rimjob''' (that will trigger automatically for neuters).
 
  
−
And, during and after her pregnancy or your pregnancy, Steele can allow Sera to sleep with them either to cuddle with the PC at the head of the bed, or as a foot-warmer curled at the foot of the bed. During this period, Sera may automatically initiate random morning sex scenes.
+
table.cmbox-notice {
−
* '''Aggressive Spooning''' - Sera will take on the role of "Big Spoon" and Domme the player for once.
+
    background: #D8E8FF;    /* Blue */
−
** Requires Sera to have a penis
+
}
−
** Requires Sera to be cuddling
+
table.cmbox-speedy {
−
* '''Cockmilking''' - The player will awaken from a dream of being tied to the bed and getting Snu-Snu from an alien Snake Princess to find Sera in her place
+
    margin-top: 4px;
−
** Requires a penis
+
    margin-bottom: 4px;
−
** Requires Sera to be cuddling
+
    border: 4px solid #b22222;    /* Red */
−
* '''Pussy Licking''' - The player will awaken from a dream of being tongued out by the long serpentine tongue of a snake-morph to find Sera in its place.
+
    background: #FFDBDB;          /* Pink */
−
** Requires a vagina
+
}
−
** Requires Sera to be a foot-warmer
+
table.cmbox-delete {
−
* '''Reverse Cowgirl''' - The player wakes up to find Sera out of bed caressing and stroking their body before she climbs on top of you and rides you like you are going out of style with easy access to her pert and slappable behind.
+
    background: #FFDBDB;    /* Red */
−
** Requires a penis
+
}
−
** Requires Sera to be a foot-warmer
+
table.cmbox-content {
 +
    background: #FFE7CE;    /* Orange */
 +
}
 +
table.cmbox-style {
 +
    background: #FFF9DB;    /* Yellow */
 +
}
 +
table.cmbox-move {
 +
    background: #E4D8FF;    /* Purple */
 +
}
 +
table.cmbox-protection {
 +
    background: #EFEFE1;    /* Gray-gold */
 +
}
  
−
== Quests ==
+
/* Other pages message box styles */
 +
table.ombox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
    border: 1px solid #aaa;      /* Default "notice" gray */
 +
    background: #f9f9f9;
 +
}
  
−
Sera is a person of interest for one of [[Saendra]]'s optional quest events, post-[[Fall_of_the_Phoenix|The Fall of The Phoenix]] mission.
+
table.ombox-notice {
 +
    border: 1px solid #aaa;      /* Gray */
 +
}
 +
table.ombox-speedy {
 +
    border: 2px solid #b22222;    /* Red */
 +
    background: #fee;            /* Pink */
 +
}
 +
table.ombox-delete {
 +
    border: 2px solid #b22222;    /* Red */
 +
}
 +
table.ombox-content {
 +
    border: 1px solid #f28500;    /* Orange */
 +
}
 +
table.ombox-style {
 +
    border: 1px solid #f4c430;    /* Yellow */
 +
}
 +
table.ombox-move {
 +
    border: 1px solid #9932cc;    /* Purple */
 +
}
 +
table.ombox-protection {
 +
    border: 2px solid #bba;      /* Gray-gold */
 +
}
  
−
=== Disco 3000 ===
+
/* Talk page message box styles */
 +
table.tmbox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 +
    background: #f8eaba;
 +
}
 +
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
 +
    margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
 +
    width: 100%;                /* For Safari and Opera */
 +
}
 +
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 +
    line-height: 1.5em;          /* also "nested", so reset styles that are  */
 +
    font-size: 100%;            /* set in "mbox-small" above.                */
 +
}
  
−
After Steele becomes a submissive to Sera, it is possible that she may receive an invitation to a party, headed by a highly influential [[Jarvis|person from her past]]. Because the invite is for two, Sera will take the opportunity to invite Steele to come along as her pet. At the event, Steele may meet many, possibly influential, figures, including [[Kirlarwe|an Anat emissary]] and [[Vedice|a wealthy mistress]]. Depending on the decisions made throughout the evening, Sera may gain notoriety as a quality mod distributor. Based on the level of influence, Sera may reward Steele by officially employing Steele on her payroll.
+
table.tmbox-speedy {
 +
    border: 2px solid #b22222;    /* Red */
 +
    background: #fee;            /* Pink */
 +
}
 +
table.tmbox-delete {
 +
    border: 2px solid #b22222;    /* Red */
 +
}
 +
table.tmbox-content {
 +
    border: 2px solid #f28500;    /* Orange */
 +
}
 +
table.tmbox-style {
 +
    border: 2px solid #f4c430;    /* Yellow */
 +
}
 +
table.tmbox-move {
 +
    border: 2px solid #9932cc;    /* Purple */
 +
}
 +
table.tmbox-protection,
 +
table.tmbox-notice {
 +
    border: 1px solid #c0c090;    /* Gray-brown */
 +
}
  
−
<b>Requirements:</b>
+
/* Disambig and set index box styles */
−
* Has accepted her dominance and become her submissive.
+
table.dmbox {
−
* Has listened to all of her '''Talk''' options.
+
    clear: both;
−
* Has had sex with her and [[Jardi]] at least once.
+
    margin: 0.9em 1em;
−
* Choose to '''Talk''' to Sera and initiate the event by selecting '''Let’s Go'''.
+
    border-top: 1px solid #ccc;
−
* Steele must proceed by choosing to go dressed as a '''[[Butler_Costume|Butler]]''' or a '''[[Schoolgirl_Costume|School Girl]]'''.
+
    border-bottom: 1px solid #ccc;
 +
    background: transparent;
 +
}
  
−
<b>Resolution:</b>
+
/* Footer and header message box styles */
−
Sera will have an overall influence score system that will determine how much sway she will have to potential clients. Steele's choices throughout the event will affect Sera's influence. The breakdown of Sera's influence are as follows:
+
table.fmbox {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    width: 100%;
 +
    border: 1px solid #aaa;
 +
    background: #f9f9f9;    /* Default "system" gray */
 +
}
 +
table.fmbox-system {
 +
    background: #f9f9f9;
 +
}
 +
table.fmbox-warning {
 +
    border: 1px solid #bb7070;  /* Dark pink */
 +
    background: #ffdbdb;        /* Pink */
 +
}
 +
table.fmbox-editnotice {
 +
    background: transparent;
 +
}
 +
/* Div based "warning" style fmbox messages. */
 +
div.mw-warning-with-logexcerpt,
 +
div.mw-lag-warn-high,
 +
div.mw-cascadeprotectedwarning,
 +
div#mw-protect-cascadeon,
 +
div.titleblacklist-warning,
 +
div.locked-warning {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #bb7070;
 +
    background: #ffdbdb;
 +
    padding: 0.25em 0.9em;
 +
}
 +
/* Div based "system" style fmbox messages.
 +
  Used in [[MediaWiki:Readonly lag]]. */
 +
div.mw-lag-warn-normal,
 +
div.fmbox-system {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #aaa;
 +
    background: #f9f9f9;
 +
    padding: 0.25em 0.9em;
 +
}
  
−
{|class="wikitable" border="1" cellpadding="2" style="text-align:center"
+
/* These mbox-small classes must be placed after all other
−
|+ Sera's Influence
+
  ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
−
!width="120px" | Event
+
  they override "table.ambox + table.ambox" above. */
−
!width="120px" | -10
+
html body.mediawiki .mbox-small {  /* For the "small=yes" option. */
−
!width="120px" | 0
+
    /* @noflip */
−
!width="120px" | +10
+
    clear: right;
−
!width="120px" | +20
+
    /* @noflip */
−
!width="120px" | +30
+
    float: right;
−
!width="120px" | +40
+
    /* @noflip */
−
!width="120px" | +50
+
    margin: 4px 0 4px 1em;
−
|-
+
    box-sizing: border-box;
−
|| Sera's Attire
+
    width: 238px;
−
||  || '''Casual''' ||  || '''As You Are''' ||  || '''Dress''' || '''Business'''
+
    font-size: 88%;
−
|-
+
    line-height: 1.25em;
−
|| Greeting
+
}
−
||  || '''Say Hello''' || '''Nothing''' || '''Bow''', '''Curtsy''' ||  ||  ||
+
html body.mediawiki .mbox-small-left {  /* For the "small=left" option. */
−
|-
+
    /* @noflip */
−
|| '''Sounds''', '''Lights'''
+
    margin: 4px 1em 4px 0;
−
||  || '''Refuse''', '''No''' || '''Dive In''', '''Yes''' ||  ||  ||  ||
+
    box-sizing: border-box;
−
|-
+
    overflow: hidden;
−
|| '''Butt In'''
+
    width: 238px;
−
|| '''Long Term''', '''New Shapes''' *0 || '''Don't''' || '''New Markets''', '''New Shapes''' *1 || '''New Shapes''' *2 || '''New Shapes''' *3 ||  ||
+
    border-collapse: collapse;
−
|-
+
    font-size: 88%;
−
|| Consoling Sera
+
    line-height: 1.25em;
−
||  || '''Nothing''' ||  ||  || '''Encourage''' ||  || '''Relax'''
+
}
−
|-
 
−
|| '''Sauna'''
 
−
|| '''OfferBlowJob''' || '''Follow''', '''Estrobloom''' ||  || '''Tongue''', '''Tail''', '''Chocolac''', '''Sera''' ||  || '''Nipples''', '''Cum''', '''CockShrink''' ||
 
−
|-
 
−
|| The Orgy
 
−
||  || '''[[Vedice]]''' ||  || '''[[Jarvis]]''' || '''Sera''' ||  ||
 
−
|-
 
−
|}
 
  
−
If choosing to '''Butt In''' on the conversation, selecting '''New Shapes''' will result in what specific encounters Steele has run into to report as unique shapes, with each counting towards 1 requirement. The encounters that are eligible include:
+
/* Style for compact ambox */
−
* Meeting ''both'' a [[Naleen|female]] and [[Naleen_Male|male]] naleen.
+
/* Hide the images */
−
* Meeting a [[Sydian_Male|male sydian]].
+
.compact-ambox table .mbox-image,
−
* Meeting ''both''  [[Nyrean_Huntress|alpha and beta nyrea]], ''or'' meeting [[Seifyn]] ''or'' [[Queen_Taivra|Taivra]].
+
.compact-ambox table .mbox-imageright,
 +
.compact-ambox table .mbox-empty-cell {
 +
    display: none;
 +
}
 +
/* Remove borders, backgrounds, padding, etc. */
 +
.compact-ambox table.ambox {
 +
    border: none;
 +
    border-collapse: collapse;
 +
    background: transparent;
 +
    margin: 0 0 0 1.6em !important;
 +
    padding: 0 !important;
 +
    width: auto;
 +
    display: block;
 +
}
 +
body.mediawiki .compact-ambox table.mbox-small-left {
 +
    font-size: 100%;
 +
    width: auto;
 +
    margin: 0;
 +
}
 +
/* Style the text cell as a list item and remove its padding */
 +
.compact-ambox table .mbox-text {
 +
    padding: 0 !important;
 +
    margin: 0 !important;
 +
}
 +
.compact-ambox table .mbox-text-span {
 +
    display: list-item;
 +
    line-height: 1.5em;
 +
    list-style-type: square;
 +
    list-style-image: url(/w/skins/MonoBook/bullet.gif);
 +
}
 +
.skin-vector .compact-ambox table .mbox-text-span {
 +
    list-style-type: disc;
 +
    list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
 +
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
 +
}
 +
/* Allow for hiding text in compact form */
 +
.compact-ambox .hide-when-compact {
 +
    display: none;
 +
}
  
−
When at the orgy, it is possible to stack influence by choosing to meet with '''[[Jarvis]]''' first, then when he recommends to go have fun, go to '''Sera''' instead of staying.
+
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
 +
div.noarticletext {
 +
    border: none;
 +
    background: transparent;
 +
    padding: 0;
 +
}
  
−
After completing the event, Sera will allow Steele to keep the costume chosen. Five days after the event is over, Steele can approach Sera again and '''Talk''' to her about the '''Party?'''. From there,  if Sera's influence was high enough, Sera may reward Steele.
+
/* Hide (formatting) elements from screen, but not from screenreaders */
 +
.visualhide {
 +
    position: absolute;
 +
    left: -10000px;
 +
    top: auto;
 +
    width: 1px;
 +
    height: 1px;
 +
    overflow: hidden;
 +
}
  
−
<b>Rewards:</b>
+
/* Bold save button */
−
* If Sera's influence score is over 190, Sera will reward Steele with a weekly '''Salary''' of 1500 to 2000 [[credits]] that Steele may return to her and collect every 7 days.
+
#wpSave {
−
* If Sera's influence score is over 90, Asking Sera to '''Breed?''' ([[#Pregnancy|if available]]) may prove successful.
+
    font-weight: bold;
 +
}
  
−
=== The Bitchening ===
+
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
 +
.hiddenStructure {
 +
    display: inline !important;
 +
    color: #f00;
 +
    background-color: #0f0;
 +
}
  
−
It is possible for [[Captain Steele]] to turn Sera into their bitch. This requires Steele to sell 10000 or more worth of items to the demonic shop-keep, which prompts her to refuse buying any further items from Steele and sets her up as 'heavily in debt', a status that lasts for one in-game week. Alternatively, the player can score extremely low at her [[Sera#Disco 3000|Party Side quest]] that they wind up scaring off any potential clients and contacts that Sera might have had at that point. After that, Steele needs to speak to Teron and Attica, tarratch owners of the Sentient Acquisitions store on [[Tavros|Tavros Station]], right above [[Inessa]]'s Happy Tails shop. Once there,  select "Acquisitions", "Horned Girl" and "Buy Out". There will be a conversation between Steele and the two shopkeeps ending in Steele shelling out 15000 [[credits]].  
+
/* suppress missing interwiki image links where #ifexist cannot
 +
  be used due to high number of requests see .hidden-redlink on
 +
  [[m:MediaWiki:Common.css]] */
 +
.check-icon a.new {
 +
    display: none;
 +
    speak: none;
 +
}
  
−
Upon signing the deal, Steele gets to select their preference for Sera's skin color ( choosing between pink and her normal purple), whether or not she keeps her penis (unavailable to remove for Steeles without a penis), and an option to restore her hymen.
+
/* Removes underlines from certain links */
 +
.nounderlines a,
 +
.IPA a:link, .IPA a:visited {
 +
    text-decoration: none !important;
 +
}
  
−
After that, they need to meet the tarratch inside The Dark Chrysalis two hours later. Then Sera will be added as a crew member on board Steele's ship, where she can be trained.
+
/* Standard Navigationsleisten, aka box hiding thingy
 +
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 +
div.NavFrame {
 +
    margin: 0;
 +
    padding: 4px;
 +
    border: 1px solid #aaa;
 +
    text-align: center;
 +
    border-collapse: collapse;
 +
    font-size: 95%;
 +
}
 +
div.NavFrame + div.NavFrame {
 +
    border-top-style: none;
 +
    border-top-style: hidden;
 +
}
 +
div.NavPic {
 +
    background-color: #fff;
 +
    margin: 0;
 +
    padding: 2px;
 +
    /* @noflip */
 +
    float: left;
 +
}
 +
div.NavFrame div.NavHead {
 +
    line-height: 1.6em;
 +
    font-weight: bold;
 +
    background-color: #ccf;
 +
    position: relative;
 +
}
 +
div.NavFrame p,
 +
div.NavFrame div.NavContent,
 +
div.NavFrame div.NavContent p {
 +
    font-size: 100%;
 +
}
 +
div.NavEnd {
 +
    margin: 0;
 +
    padding: 0;
 +
    line-height: 1px;
 +
    clear: both;
 +
}
 +
a.NavToggle {
 +
    position: absolute;
 +
    top: 0;
 +
    /* @noflip */
 +
    right: 3px;
 +
    font-weight: normal;
 +
    font-size: 90%;
 +
}
  
−
Sera cannot be enslaved if the player scores an exceptionally high score at the [[Sera#Disco 3000|Disco 3000]] and 6.25 Days Pass, as her new connections will provide enough financial support to get her out of debt for at least a year.
+
/* Hatnotes and disambiguation notices */
 +
.hatnote {
 +
    font-style: italic;
 +
}
 +
.hatnote i {
 +
    font-style: normal;
 +
}
 +
div.hatnote {
 +
    /* @noflip */
 +
    padding-left: 1.6em;
 +
    margin-bottom: 0.5em;
 +
}
 +
div.hatnote + div.hatnote {
 +
    margin-top: -0.5em;
 +
}
  
−
==== Training ====
+
/* Allow transcluded pages to display in lists rather than a table. */
 +
.listify td    { display: list-item; }
 +
.listify tr    { display: block; }
 +
.listify table { display: block; }
  
−
While in training, Sera has two crucial stats:  
+
/* Geographical coordinates defaults. See [[Template:Coord/link]]
 +
  for how these are used. The classes "geo", "longitude", and
 +
  "latitude" are used by the [[Geo microformat]]. */
 +
.geo-default, .geo-dms, .geo-dec  { display: inline; }
 +
.geo-nondefault, .geo-multi-punct { display: none; }
 +
.longitude, .latitude            { white-space: nowrap; }
  
−
'''Obedience''' - scales from 1 to 80 and represents the demonic girl's readiness to accept Captain Steele as their dominant partner. Most of the interactions available during the training  influence this score. In turn, Sera's Obedience level significantly changes the way most scenes play out. The relative levels are:
+
/* Temporary(!) fix for horizontal TOC in Blink (Chrone/Opera) */
 +
.hlist .tocnumber,
 +
.hlist .toctext {
 +
    display: inline;
 +
}
 +
/* When <div class="nonumtoc"> is used on the table of contents,
 +
  the ToC will display without numbers */
 +
.nonumtoc .tocnumber {
 +
    display: none;
 +
}
 +
.nonumtoc #toc ul,
 +
.nonumtoc .toc ul {
 +
    line-height: 1.5em;
 +
    list-style: none none;
 +
    margin: .3em 0 0;
 +
    padding: 0;
 +
}
 +
.hlist.nonumtoc #toc ul ul,
 +
.hlist.nonumtoc .toc ul ul {
 +
    /* @noflip */
 +
    margin: 0;
 +
}
  
−
{|class="wikitable" border="1" cellpadding="2" style="text-align:center"
+
/* Allow limiting of which header levels are shown in a TOC;
−
|+ Sera's Obedience
+
  <div class="toclimit-3">, for instance, will limit to
−
!width="100px" | Level
+
  showing ==headings== and ===headings=== but no further
−
!width="40px" | Score
+
  (as long as there are no =headings= on the page, which
−
!| Description
+
  there shouldn't be according to the MoS). */
−
|-
+
.toclimit-2 .toclevel-1 ul,
−
|| Extremely Low
+
.toclimit-3 .toclevel-2 ul,
−
|| 0-20
+
.toclimit-4 .toclevel-3 ul,
−
|align="left"| Sera openly antagonizes Steele, mocking any and all of their attempts to train her
+
.toclimit-5 .toclevel-4 ul,
−
|-
+
.toclimit-6 .toclevel-5 ul,
−
|| Low
+
.toclimit-7 .toclevel-6 ul {
−
|| 21-40
+
    display: none;
−
|align="left"| Sera gets more cautious, in part due to starting to see Steele's efforts to tame her as a somewhat realistic threat, and in part due to curiosity.
+
}
−
|-
 
−
|| Medium
 
−
|| 41-60
 
−
|align="left"| Sera accepts the rules of the game she's now forced to play with her potential master, starting to refer to PC using that title and switching her resistance tactics.
 
−
|-
 
−
|| High
 
−
|| 61-80
 
−
|align="left"| Sera openly enjoys her submission to Steele, the control they exert over her and that she can rebel against, starting with Steele forcing the demonette to censor her own speech.
 
−
|-
 
−
|}
 
  
−
The current Obedience level can be viewed at the Tavros subsection of the Codex's '''Log''', as well as gauged based on Sera's reactions and greetings.
+
/* Styling for Template:Quote */
 +
blockquote.templatequote div.templatequotecite {
 +
    line-height: 1.5em;
 +
    /* @noflip */
 +
    text-align: left;
 +
    /* @noflip */
 +
    padding-left: 1.6em;
 +
    margin-top: 0;
 +
}
  
−
'''Lust''' - scales from 0 to 100 and represents Sera's level of arousal, rising with the passage of time and changing through certain scenes. Influences the way most of Sera's sex scenes play out.  The important levels are:
+
/* User block messages */
 +
div.user-block {
 +
    padding: 5px;
 +
    margin-bottom: 0.5em;
 +
    border: 1px solid #A9A9A9;
 +
    background-color: #FFEFD5;
 +
}
  
−
'''Low Arousal''': 0-32 Lust
+
/* Prevent line breaks in silly places:
 +
  1) Where desired
 +
  2) Links when we don't want them to
 +
  3) Bold "links" to the page itself
 +
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
 +
.nowrap,
 +
.nowraplinks a,
 +
.nowraplinks .selflink,
 +
sup.reference a {
 +
    white-space: nowrap;
 +
}
 +
.nowrap pre {
 +
    white-space: pre;
 +
}
 +
/* But allow wrapping where desired: */
 +
.wrap,
 +
.wraplinks a {
 +
    white-space: normal;
 +
}
  
−
'''Medium Arousal''': 33-65 Lust
+
/* For template documentation */
 +
.template-documentation {
 +
    clear: both;
 +
    margin: 1em 0 0 0;
 +
    border: 1px solid #aaa;
 +
    background-color: #ecfcf4;
 +
    padding: 1em;
 +
}
  
−
'''High Arousal''': 66+ Lust
+
/* Increase the height of the image upload box */
 +
#wpUploadDescription {
 +
    height: 13em;
 +
}
  
−
With the exception of '''Cunt/Cock Tease - Release''' scenes, all of Sera's sex options raise her Lust by 35 when she is at Low/Medium Arousal and lead to her cumming when it's High, lowering Lust to 0.
+
/* Minimum thumb width */
 +
.thumbinner {
 +
    min-width: 100px;
 +
}
  
−
When left at 100 Lust for 3+ hours, Sera will masturbate against orders, presenting PC with a perfect opportunity to punish her.
+
/* Makes the background of a framed image white instead of gray.
 +
  Only visible with transparent images. */
 +
div.thumb div.thumbimage {
 +
    background-color: #fff;
 +
}
  
−
The current Lust level can be viewed at the Tavros subsection of the Codex's '''Log''', as well as gauged based on the highlighted description at the bottom Sera's '''Appearance''' screen.
+
/* The backgrounds for galleries. */
 +
div#content .gallerybox div.thumb {
 +
    /* Light gray padding */
 +
    background-color: #F9F9F9;
 +
}
 +
/* Put a chequered background behind images, only visible if they have transparency.
 +
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
 +
.gallerybox .thumb img {
 +
    background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
 +
}
 +
/* But not on articles, user pages, portals or with opt-out. */
 +
.ns-0 .gallerybox .thumb img,
 +
.ns-2 .gallerybox .thumb img,
 +
.ns-100 .gallerybox .thumb img,
 +
.nochecker .gallerybox .thumb img {
 +
    background: #fff;
 +
}
  
−
{|class="wikitable" border="1" cellpadding="2" style="text-align:center"
+
/* Prevent floating boxes from overlapping any category listings,
−
|+ <span id="Types">Obedience Changes</span>
+
  file histories, edit previews, and edit [Show changes] views. */
−
!width="200px" class="unsortable" | Scene/Event
+
#mw-subcategories, #mw-pages, #mw-category-media,
−
!width="200px" class="unsortable" | Sera's Lust level
+
#filehistory, #wikiPreview, #wikiDiff {
−
!width="200px" class="unsortable" | Obedience Change
+
    clear: both;
−
|-
+
}
−
|align="left" rowspan="3"|
 
−
* Cunt/Cock Tease - Release
 
−
|align="left"|
 
−
* Low
 
−
|align="left"|
 
−
* -4
 
−
|-
 
−
|align="left"|
 
−
* Medium
 
−
|align="left"|
 
−
* +1
 
−
|-
 
−
|align="left"|
 
−
* High
 
−
|align="left"|
 
−
* +8
 
−
|-
 
−
|align="left"|
 
−
* Cunt/Cock Tease - Deny
 
−
|align="left"|
 
−
* High
 
−
|align="left"|
 
−
* -4
 
−
|-
 
−
|align="left"|
 
−
* Cunt/Cock Tease (at 40+ Obedience, PC's Lust >75% Max) - PC cums
 
−
|align="left"|
 
−
* Any
 
−
|align="left"|
 
−
* -7
 
−
|-
 
−
|align="left" rowspan="3"|
 
−
* Buttfuck
 
−
|align="left"|
 
−
* Low
 
−
|align="left"|
 
−
* -5
 
−
|-
 
−
|align="left"|
 
−
* Medium
 
−
|align="left"|
 
−
* 0
 
−
|-
 
−
|align="left"|
 
−
* High
 
−
|align="left"|
 
−
* +8
 
−
|-
 
−
|align="left" rowspan="2"|
 
−
* Ride
 
−
|align="left"|
 
−
* Low/Medium
 
−
|align="left"|
 
−
* +8
 
−
|-
 
−
|align="left"|
 
−
* High
 
−
|align="left"|
 
−
* -6
 
−
|-
 
−
|align="left"|
 
−
* Punishment (Any) - Sera has just masturbated
 
−
|align="left" rowspan= "2"|
 
−
* Any
 
−
|align="left"|
 
−
* +14
 
−
|-
 
−
|align="left"|
 
−
* Punishment (any) - Otherwise
 
−
|align="left"|
 
−
* -8
 
−
|-
 
−
|}
 
  
−
'''Reward''': While at 80 Obedience and both Steele and Sera are aroused enough for sex (Lust >33), it becomes possible to trigger a special variation of Ride and Cunt/Cock Tease scenes, locking Sera's Obedience score and cementing her status as Steele's willing, if snarky and unruly, submissive.
+
body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
 +
    display: block;  /* Override inline block mode */
 +
    margin-bottom: 1em;
 +
    /* @noflip */
 +
    clear: right;    /* Clear any info boxes that stick out */
 +
    /* @noflip */
 +
    float: right;    /* Prevents margin collapsing */
 +
}
  
−
===== Seranigans=====
+
/* Selectively hide headers in WikiProject banners */
−
----
+
.wpb .wpb-header            { display: none; }
−
After Sera has finished her training, she will no longer disobey Steele by relieving herself without their permission. However, to continue the game both of them thoroughly enjoy, she will occasionally misbehave, giving  Steele an excuse to punish her.  
+
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
 +
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
 +
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
  
−
Every 24 hours Sera has a chance to set up a prank from the following list, with 1/4 chance (1/10 if she is a traveling [[#Talk|merchant]] and chosen at random. Once set, Steele will need to perform a specific action to become aware of the prank and get an opportunity to deliver some justice
+
/* Styling for Abuse Filter tags */
 +
.mw-tag-markers {
 +
    font-style:italic;
 +
    font-size:90%;
 +
}
  
−
*'''Your Easily Guessed Password''' - Sera has figured out Steele's password and spent some time browsing the extranet, leaving a parting gift of a bunch of dubious porn.
+
/* Hide stuff meant for accounts with special permissions. Made visible again in
−
** Triggered by accessing the '''Smut''' while on board PC's ship*
+
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
−
* '''Your Credit Card''' - Sera goes on a shopping spree using Steele's money.
+
  [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
−
** Triggered by accessing the '''Smut''' while on board PC's ship*
+
.sysop-show,
−
** Requires Steele to have at least 500 [[credits]] available and drains exactly 500 from their bank account.
+
.accountcreator-show,
−
* '''Your Shit''' - Sera ruthlessly rummages through Steele's ship '''Storage'''.
+
.templateeditor-show,
−
** Triggered by accessing the ship's '''Storage'''.
+
.extendedmover-show,
−
** Requires at least one item to be stored.
+
.autoconfirmed-show {
−
* '''Your Ship''' - Sera hijacks Steele's ship while they are away, taking it out for a spin.
+
    display: none;
−
** Triggered by coming back to ship's parking location. Steele can '''Wait''' right there or go do something else. Regardless of their choice, two hours later the ship is back, and mostly intact.
+
}
−
* '''Your Shower''' - Sera sets up some Rainbowtox inside the ship's shower room, resulting in one (or several) random color changes.
 
−
** Triggered by using '''Shower''' on board Steele's ship.
 
−
** At random colors one of Steele's hair, lips and skin, with two additional rolls to color one or both of the other two  options. Color is picked at random and chosen separately for each of the effected body parts from: lime green, flourescent pink, fluorescent yellow, purple and concrete grey.
 
−
*** After the first time, Captain Steele will be able to tell if Sera tried this prank again using [[Intelligence]]. This allows you to avoid unwanted pigment transformations.
 
  
−
===== Reversion =====
+
/**
−
----
+
* Hide the redlink generated by {{Editnotice}},
−
There is a 1 week grace period after completing the Disco 3000 quest with a high score. During which, the player can sell Sera a bunch of mods to put her in debt and open up her buyout contract. If the player buys Sera when this happens, then two weeks later [[Teron]] & [[Attica]] will send you an email requesting an audience with you aboard your ship ASAP. Upon meeting with them the two will explain their was a hiccup in the system and that they just received enough money from Sera to pay her rent for like, 6 months. The [[Tarratch]] will make you an offer: Either the three of you omit this knowledge and take it to your graves that Sera '''''Shouldn't''''' "legally" be your slave (and they keep Sera's 60 grand) or they give you a full refund and take Sera off your ship and proceed to brainwash and mod her back to as though nothing ever happened. This returns Sera back to Domme Sera.
+
* this overrides the ".sysop-show { display: none; }" above that applies
−
''This is currently the only way to undo enslaving Sera in the game. But you won't be able to re-enslave her afterwards.''
+
* to the same link as well.
 +
*
 +
* See [[Phabricator:45013]].
 +
*/
 +
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink {
 +
    display: none !important;
 +
}
  
−
=== Forced Transformations ===
+
/* Remove bullets when there are multiple edit page warnings */
−
----
+
ul.permissions-errors > li {
−
Sera has some events that will force transformations on Steele. Those events are as follows:
+
    list-style: none none;
 +
}
 +
ul.permissions-errors {
 +
    margin: 0;
 +
}
  
 +
/* No linewrap on the labels of the login/signup page */
 +
body.page-Special_UserLogin .mw-label label,
 +
body.page-Special_UserLogin_signup .mw-label label {
 +
    white-space: nowrap;
 +
}
  
−
==== Inch Stealing ====
+
/* Pie chart: transparent borders */
−
Sera has an inch stealing event where she will take inches from Steele's penis and absorb the length into her tail. This event can be triggered when Steele's penis is too big while trying to accept her dominance, or if Steele has already accepted her dominance, choosing '''My Cock?''' or '''Shrink Me'''. The length decrease will be affected by how badly Steele wants it.
+
.transborder {
−
{|class="wikitable" border="1" cellpadding="2" style="text-align:center"
+
    border: solid transparent;
−
|+ Inch Stealing
+
}
−
!width="320px" | Condition
 
−
!width="320px" | Change
 
−
|-
 
−
|align="left"|
 
−
* Has penis(es)
 
−
* Largest penis length at 4.5 inches or more
 
−
|align="left"|
 
−
* Shrink penis by 1.5 to 5 inches, depending on current length, and double that amount if has perk "'''[[Perks_by_source_#Mini|Mini]]'''"
 
−
|-
 
−
|align="left"|
 
−
* Has only one penis
 
−
* Penis length less than 4.5 inches
 
−
|align="left"|
 
−
* Remove penis
 
−
* If has vagina, clit grows by an inch, an extra inch if has perk "'''[[Perks_by_source_#Hung|Hung]]'''" and [[Combat_Mechanics_#Slow_Stat_Gain|slow libido gain]] of 1
 
−
* If no vagina, grow a vagina with one clit at 25% the penis's length or 0.75 inches minimum and vagina becomes used, gaped and wet (as Sera immediately takes Steele's "virginity".)
 
−
|-
 
−
|}
 
−
If Sera's tail becomes too long, it may tangle up and she will randomly demand Steele take care of it when approached. If Steele's willpower is high enough (willpower quotient at 50% or more), Steele may ignore it.
 
  
 +
/* Generic class for Times-based serif, texhtml class for inline math */
 +
.times-serif,
 +
span.texhtml {
 +
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
 +
    font-size: 118%;
 +
    line-height: 1;
 +
}
 +
span.texhtml {
 +
    white-space: nowrap;
 +
}
 +
span.texhtml span.texhtml {
 +
    font-size: 100%;
 +
}
 +
span.mwe-math-mathml-inline {
 +
    font-size: 118%;
 +
}
  
−
==== Teacher's Pet ====
+
/* Force tabular and lining display for digits and texhtml */
−
During Sera's [[Sera#Disco_3000|sex party quest]], if Steele chooses to wear the [[Schoolgirl Costume|schoolgirl costume]], Sera will force some changes to Steele in order to fit the part.
+
.digits,
−
{|class="wikitable" border="1" cellpadding="2" style="text-align:center"
+
.texhtml {
−
|+ Teacher's Pet
+
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
−
!width="320px" | Condition
+
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
−
!width="320px" | Change
+
    font-feature-settings: "lnum", "tnum", "kern" 0;
−
|-
+
    font-variant-numeric: lining-nums tabular-nums;
−
|align="left"|
+
    font-kerning: none;
−
* Hair type cannot be styled
+
}
−
|align="left"|
 
−
* Change hair type to regular hair
 
−
|-
 
−
|align="left"|
 
−
* Hair length less than 6 inches
 
−
|align="left"|
 
−
* Increase hair length to 6 to 9 inches
 
−
|-
 
−
|align="left"|
 
−
* Has beard
 
−
|align="left"|
 
−
* Remove beard
 
−
|-
 
−
|align="left"|
 
−
* ''(after selection)''
 
−
|align="left"|
 
−
* Hair style changes to pigtails
 
−
|-
 
−
|align="left"|
 
−
* Is a bimbo (ditz)
 
−
|align="left"|
 
−
* Gain perk: "<b>[[Perks_by_source_#Slut_Stamp|Slut Stamp]]</b>"
 
−
|-
 
−
|}
 
  
−
==== Seranigans: Your Shower ====
+
/* Make <math display="block"> be left aligned with one space indent for compatibility with style conventions */
−
After Sera has been made obedient (or as close as obedient you can get with her), Sera will have a chance to pull a prank on Captain Steele by coating their shower faucet with [[Rainbowtox]]. This leads to one of the following up to 3 of these transformations when the PC tries to use the shower.
+
.mwe-math-fallback-image-display,
−
{|class="wikitable" border="1" cellpadding="2" style="text-align:center"
+
.mwe-math-mathml-display {
−
|+ Your Shower
+
    margin-left: 1.6em !important;
−
!width="320px" | Condition
+
    margin-top: 0.6em;
−
!width="320px" | Change
+
    margin-bottom: 0.6em;
−
|-
+
}
−
|align="left"|
+
.mwe-math-mathml-display math {
−
* Hair color is not lime green, fluorescent pink, fluorescent yellow, purple, or concrete gray.
+
    display: inline;
−
|align="left"|
+
}
−
* Hair color becomes lime green, fluorescent pink, fluorescent yellow, purple, or concrete gray.
 
−
|-
 
−
|align="left"|
 
−
* Skin color is not lime green, fluorescent pink, fluorescent yellow, purple, or concrete gray.
 
−
|align="left"|
 
−
* Skin color becomes lime green, fluorescent pink, fluorescent yellow, purple, or concrete gray.
 
−
|-
 
−
|align="left"|
 
−
* Skin color is not lime green, fluorescent pink, fluorescent yellow, purple, or concrete gray.
 
−
|align="left"|
 
−
* Lip color becomes lime green, fluorescent pink, fluorescent yellow, purple, or concrete gray.
 
−
|-
 
−
|}
 
  
 +
/* Fix styling of transcluded prefindex tables */
 +
table#mw-prefixindex-list-table,
 +
table#mw-prefixindex-nav-table {
 +
    width: 98%;
 +
}
  
−
=== Pregnancy & Children ===
+
/* For portals, added 2011-12-07 -bv
−
----
+
  On wide screens, show these as two columns
−
Steele can have children with Sera either after being her sub and completing her sidequest or having enslaved her and successfully broken her in as a submissive. Both times, however, she needs convincing.
+
  On narrow and mobile screens, let them collapse into a single column */
 +
.portal-column-left {
 +
    float: left;
 +
    width: 50%;
 +
}
 +
.portal-column-right {
 +
    float: right;
 +
    width: 49%;
 +
}
 +
.portal-column-left-wide {
 +
    float: left;
 +
    width: 60%;
 +
}
 +
.portal-column-right-narrow {
 +
    float: right;
 +
    width: 39%;
 +
}
 +
.portal-column-left-extra-wide {
 +
    float: left;
 +
    width: 70%;
 +
}
 +
.portal-column-right-extra-narrow {
 +
    float: right;
 +
    width: 29%;
 +
}
 +
@media only screen and (max-width: 800px) {
 +
    /* Decouple the columns on narrow screens */
 +
    .portal-column-left,
 +
    .portal-column-right,
 +
    .portal-column-left-wide,
 +
    .portal-column-right-narrow,
 +
    .portal-column-left-extra-wide,
 +
    .portal-column-right-extra-narrow {
 +
        float: inherit;
 +
        width: inherit;
 +
    }
 +
}
  
−
==== Steele is Sera's Sub ====
+
/* Formerly for announcements, now used intermittently */
−
If Steele is subservient to Sera, has had sex with her at least once, talked to her about her '''Early Life''' and '''Recent Life''', and has a vagina, it is possible for Steele to ask Sera if she would like to '''Breed?'''. Not being fond of children, Sera will refuse to be impregnated, but she may be willing to impregnate Steele if Steele is worthy in her eyes. Continuing to ask Sera to breed will allow Steele to beg her for it. From this, Steele may be successful if Steele has helped Sera in her [[#Disco_3000|Disco 3000 event]] and the result was positive (talking to her a week after the event for the results and having her earn an influence score of over 90); if so, begging for her to breed will prove successful and Sera will ask Steele to return to her after a day has passed. After 24 hours, when Steele returns to her, Sera will ask Steele if Steele is ready to breed. If Steele refuses, it will be impossible to have sex with Sera until after she has bred with Steele. Accepting will have Sera take a [[Priapin Medipen]] to boost her virility and fuck (one of) Steele's vagina(s), possibly impregnating Steele.
+
#bodyContent .letterhead {
 +
    background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
 +
    background-repeat:no-repeat;
 +
    padding: 2em;
 +
    background-color: #faf9f2;
 +
}
  
−
After the first breeding event, whether or not Steele does get pregnant from it, Steele may approach Sera to breed again, though only with a '''[[Priapin_Medipen|Priapin]]'''  in Steele's inventory.
+
/* Tree style lists */
 +
.treeview ul {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.treeview li {
 +
    padding: 0;
 +
    margin: 0;
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
}
 +
.treeview li li {
 +
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
 +
    /* @noflip */
 +
    padding-left: 20px;
 +
    text-indent: 0.3em;
 +
}
 +
.treeview li li.lastline {
 +
    background-position: 0 -5971px
 +
}
 +
.treeview li.emptyline > ul {
 +
    /* @noflip */
 +
    margin-left: -1px;
 +
}
 +
.treeview li.emptyline > ul > li:first-child {
 +
    background-position: 0 9px
 +
}
  
−
If Steele becomes pregnant with Sera's child, it will take about 9 months (272 days) until Steele gives birth without speed modifiers.  Initially reluctant to deal with Steele's pregnancy, at the four month mark Sera will ask to touch Steele's belly and thereafter start warming up to the idea; from then on, she makes snarky wisecracks at Steele's expense about their condition, referring to them by affectionate/disparaging nicknames like "broodmare", "barefoot" and "slut oven". At the six month mark, she is shocked by the size of Steele's belly, and when told Steele has around three months more to go, ponders the practicality of the relative slowness of the human reproductive process when other species can produce babies in a week or less. At the eight month mark she demands to feel Steele's belly and in the process feels the baby kick, causing her to have a moment of letting her guard down before she reasserts her authority. At this juncture she tells Steele they won't be having sex until after the delivery, with the promise of possibly knocking Steele up again.  
+
/* hidden sortkey for tablesorter */
 +
td .sortkey,
 +
th .sortkey {
 +
    display: none;
 +
    speak: none;
 +
}
  
−
==== Steele is Sera's Master/Mistress ====
+
/* Make it possible to hide checkboxes in <inputbox> */
−
Under these circumstances Steele can still become pregnant with Sera's baby so long as they do not have her cock removed as part of the contract, but they also have the opportunity to knock her up regardless as long as they have a cock.  
+
.inputbox-hidecheckboxes form .inputbox-element {
 +
    display: none !important;
 +
}
  
−
Steele can find out that the slavery collar Sera is fitted with comes with a function that automatically pumps a contraceptive into Sera's bloodstream but which can be disabled and re-enabled on command. Sera still needs to be convinced of this, however. If she is a merchant, Steele must insist that a baby will teach her '''Responsibility'''; if she is just their sex-slave, they must express their '''Desire''' to have a baby with her. Afterwards Steele will deactivate the contraception and it becomes possible to get pregnant by riding her cock or to get her pregnant by fucking her pussy.
+
/* Work-around for [[Phabricator:25965]] (Kaltura advertisement) */
 +
.k-player .k-attribution {
 +
    visibility: hidden;
 +
}
  
−
As an expectant mother Sera will complain about the less pleasant aspects of pregnancy, including morning sickness (which makes her so cranky Steele decides to avoid her until it passes for the moment) and the hormones, but will warm up to it over time despite her best efforts. She will also give up smoking and drinking to ensure the baby is healthy. If she is pregnant enough to show, talking to her adds the option to rub her belly, which she starts out bemoaning yet ends up enjoying in the later months. She may also ask for the option to become Steele's bedmate, and if her request is granted, can either be allowed to cuddle up in bed or curl up at their feet.  
+
/* Move 'play' button of video player to bottom left corner */
 +
.PopUpMediaTransform a .play-btn-large {
 +
    margin: 0;
 +
    top: auto;
 +
    right: auto;
 +
    bottom: 0;
 +
    left: 0;
 +
}
  
−
Towards the end of her pregnancy Sera will move to the Nursery on Tavros, where she can be found until she gives birth. To interact with her before the birth Steele needs to speak to Briget about her.
+
/* Workaround to keep editnotices readable in VE view.
 +
  Long term, editnotices should become a core feature so that they can be designed responsive. */
 +
.mw-ve-editNotice .mbox-image {
 +
    display: none;
 +
}
  
−
==== Interactions with Children and Parenthood ====
+
/* Hide FlaggedRevs notice UI when there are no pending changes */
−
After Steele or Sera gives birth, Sera may randomly appear in the [[Tavros#Nursery|Tavros Station nursery]]'s cafeteria between the times of 18:00 to 21:30. During this time, The Dark Chrysalis will be closed while she is there if it is still open. When approached, because Sera's children are unique, if Steele has any unnamed children with her, Sera will prompt Steele to name them. She will approve of any name that is not vulgar, with particular amused indulgence if Steele decides to name boys "Damien" or girls "Regan", referring to Damien Thorn and Regan MacNeill, the child antagonists of two film series - ''The Omen'' and ''The Exorcist'', respectively.
+
.flaggedrevs_draft_synced,
 +
.flaggedrevs_stable_synced {
 +
    display: none;
 +
}
  
−
After any and all children are given a name, Steele may choose to '''Visit''' any infants (1 year-old or younger) or '''Play''' with any toddlers (1 to 5 years old) they have together. Sera may continue to randomly visit the nursery at the scheduled hours while she has young children (5 years old or younger). The first time Steele meets her here, they note her clothes are far more conservative than normal (a simple blouse and jeans); Sera grumpily complains that [[Briget]] refused to let her in until she changed into something appropriate.
+
/* Theme */
 +
body {
 +
    background: rgba(51, 62, 82, 1.0);
 +
}
 +
#mw-head,
 +
#mw-panel .vector-menu-portal .body ul li,
 +
.thumb .thumbimage,
 +
.vector-menu .vector-menu-content,
 +
.vector-menu li,
 +
.vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited,
 +
.vector-menu-tabs li.selected a, .vector-menu-tabs li.selected a:visited,
 +
#pagehistory li.selected,
 +
#toc, .toc, .mw-warning, .toccolours,
 +
.template-documentation,
 +
.catlinks,
 +
.infobox,
 +
.editOptions,
 +
.mw-search-profile-tabs,
 +
.mw-body,
 +
body {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(51, 62, 82, 1.0);
 +
}
 +
#mw-head .vector-menu h3,
 +
.vector-menu-tabs span {
 +
    background-image:none;
 +
    background-color: rgba(51, 62, 82, 1.0);
 +
}
 +
.vector-menu-tabs ul,
 +
.vector-menu-tabs ul li,
 +
.vector-menu-tabs li.selected,
 +
.vector-menu-tabs {
 +
    background-image: none;
 +
    background-color: rgba(61, 81, 116, 0.0);
 +
}
 +
div.thumbinner,
 +
.vector-menu-tabs li {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(61, 81, 116, 1.0);
 +
}
 +
table.mw_metadata td,
 +
#mw-page-base {
 +
    background-color: transparent;
 +
    background-image: none;
 +
}
 +
.vector-menu h3 span,
 +
#mw-panel .vector-menu-portal h3,
 +
table.wikitable > caption,
 +
table.wikitable,
 +
h1, h2, h3, h4, h5, h6 {
 +
    color: rgba(255, 255, 255, 1.0);
 +
}
 +
#mw-panel .vector-menu-portal .body li a,
 +
.vector-menu li a,
 +
.mw-body a.external,
 +
.vector-menu-tabs li a,
 +
body a,
 +
#mw-panel .vector-menu-portal .body li a:visited,
 +
.vector-menu li a:visited,
 +
.mw-body a.external:visited,
 +
.vector-menu-tabs li a:visited,
 +
.toctogglelabel,
 +
body a:visited {
 +
    color: rgba(217, 130, 239, 1.0);
 +
}
 +
#mw-panel .vector-menu-portal .body li a:hover,
 +
.vector-menu li a:hover,
 +
.mw-body a.external:hover,
 +
.vector-menu-tabs li a:hover,
 +
.toctogglelabel:hover,
 +
body a:hover,
 +
div#mw-panel .vector-menu-portal .body li a:active,
 +
.vector-menu li a:active,
 +
.mw-body a.external:active,
 +
.vector-menu-tabs li a:active,
 +
.toctogglelabel:active,
 +
body a:active,
 +
div#mw-panel .vector-menu-portal .body li a:focus,
 +
.vector-menu li a:focus,
 +
.mw-body a.external:focus,
 +
.vector-menu-tabs li a:focus,
 +
.toctogglelabel:focus,
 +
body a:focus {
 +
    color: rgba(161, 55, 111, 1.0);
 +
    text-decoration: none;
 +
}
 +
.mw-plusminus-pos {
 +
    color: rgba(0, 204, 255, 1.0);
 +
}
 +
.mw-plusminus-neg {
 +
    color: rgba(204, 51, 0, 1.0);
 +
}
 +
.mw-search-result-data {
 +
    color: rgba(0, 204, 47, 1.0);
 +
}
 +
.vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited,
 +
a.new, #p-personal a.new {
 +
    color: rgba(237, 28, 36, 1.0);
 +
}
 +
table.wikitable > tr > th, table.wikitable > * > tr > th,
 +
table.mw_metadata th {
 +
    background-color: rgba(61, 81, 116, 0.5);
 +
}
 +
table.wikitable > tr > th, table.wikitable > * > tr > th,
 +
table.mw_metadata th,
 +
table.wikitable > tr > td, table.wikitable > * > tr > td,
 +
table.mw_metadata td {
 +
    border: 1px solid rgba(61, 81, 116, 1.0);
 +
    color: rgba(255, 255, 255, 1.0);
 +
}
 +
table.wikitable {
 +
    background-color: rgba(51, 62, 82, 1.0);
 +
    border-color: rgba(61, 81, 116, 1.0);
 +
    color: fff;
 +
}
 +
table {
 +
    background: none;
 +
}
 +
.oo-ui-dropdownWidget {
 +
    color: rgba(51, 62, 82, 1.0);
 +
}
 +
.mw-plusminus-null,
 +
.autocomment,
 +
.mw-search-profile-tabs div.search-types ul li.current a,
 +
.mw-footer li,
 +
.tocnumber,
 +
#contentSub, #contentSub2,
 +
td.diff-context {
 +
    color: rgba(102, 129, 157, 1.0);
 +
}
 +
.portal h3 {
 +
    background-image: linear-gradient(to right,rgba(61,81,116,1.0) 0,rgba(61,81,116,1.0) 100%);
 +
}
 +
.vector-menu-tabs, .vector-menu-tabs a,
 +
#mw-head .vector-menu-dropdown h3 {
 +
    background-image: linear-gradient(to bottom,rgba(61,81,116,1.0) 0,rgba(61,81,116,1.0) 100%);
 +
}
 +
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning, div.locked-warning {
 +
    border: 1px solid rgba(141,49,176,1.0);
 +
    background: rgba(61, 81, 116, 0.5);
 +
}
 +
h1 {
 +
    border-bottom: 2px solid rgba(141, 49, 176, 1.0);
 +
}
 +
h2 {
 +
    border-bottom: 2px solid rgba(61, 81, 116, 1.0);
 +
}
 +
hr {
 +
    display: block;
 +
    height: 0px;
 +
    border: 1px solid rgba(61, 81, 116, 1.0);
 +
    margin: 0 0 1em 0;
 +
    padding: 0;
 +
}
 +
.vector-menu-dropdown .vector-menu-content-list,
 +
fieldset,
 +
.mw-changeslist-legend,
 +
.editOptions,
 +
.catlinks,
 +
.infobox,
 +
#toc,
 +
.mw-search-profile-tabs,
 +
.mw-body {
 +
    border: 1px solid rgba(61, 81, 116, 1.0);
 +
}
 +
#mw-panel .vector-menu-portal {
 +
    background-image: none;
 +
    border-top: 1px solid rgba(61, 81, 116, 1.0);
 +
}
 +
.vector-menu-tabs span {
 +
    border-right: 1px solid rgba(61, 81, 116, 1.0);
 +
}
 +
.vector-menu-tabs li.selected {
 +
    border-bottom: 3px solid rgba(141, 49, 176, 1.0);
 +
}
 +
#pagehistory li,
 +
.template-documentation,
 +
div.thumbinner {
 +
    border: 1px solid rgba(255, 255, 255, 0.0);
 +
}
 +
#pagehistory li.selected {
 +
    border: 1px dashed rgba(102, 129, 157, 1.0);
 +
}
 +
html .thumbimage {
 +
    border: none;
 +
}
 +
ul {
 +
    list-style-image: none;
 +
}
 +
ul#filetoc {
 +
    background-color: transparent;
 +
    border: 1px solid rgba(61, 81, 116, 1.0);
 +
}
 +
td.diff-context {
 +
    background: rgba(51, 62, 82, 1.0);
 +
    border-color: rgba(61, 81, 116, 1.0);
 +
}
 +
td.diff-deletedline {
 +
    border-color: rgba(204, 51, 0, 1.0);
 +
}
 +
td.diff-addedline {
 +
    border-color: rgba(0, 204, 255, 1.0);
 +
}
 +
td.diff-addedline .diffchange {
 +
    background: rgba(61, 81, 116, 1.0);
 +
}
 +
td.diff-deletedline .diffchange {
 +
    background: rgba(61, 81, 116, 1.0);
 +
}
 +
.infobox th {
 +
    background-color: rgba(61, 81, 116, 1.0);
 +
    width: 50%;
 +
}
 +
* svg {
 +
    fill: rgba(255, 255, 255, 1.0);
 +
}
 +
#mw-indicator-mw-helplink svg {
 +
    fill: rgba(61, 81, 116, 1.0);
 +
}
 +
blockquote {
 +
    padding: 0 20px;
 +
    border-left: 2px solid rgba(141, 49, 176, 1.0);
 +
}
  
−
While interacting with their children as infants, Steele may learn that Sera's natural hair colour is hazel, a trait she passes onto her children. Interacting with infants after viewing all four possible scenes will cause her to break down out of tenderness, prompting Steele to comfort her and lead her back to the cafeteria. Sera declares that none of her other subs/Steele's crew members can know about this, and that the nursery is a "safe spot" where she can let her positive emotions out so she can maintain her public persona as a callous bitch/nasty slut. While playing with toddlers, Sera will prove to be popular with the children but rather reckless and irresponsible, to Steele's dismay and Briget's consternation.  These events cause Sera to warm to the idea of parenting, even as Steele ponders having her barred from the Nursery.
+
/* Changelist */
 +
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
 +
    background-color: none;
 +
}
 +
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
 +
    background-color: none;
 +
    border-color: rgba(61, 81, 116, 1.0);
 +
}
  
−
===Booting Sera===
+
/* API Toolbar */
 +
.mw-apisandbox-toolbar {
 +
    background: rgba(61, 81, 116, 1.0);
 +
}
 +
.mw-apisandbox-toolbar,
 +
.mw-apisandbox-help-field,
 +
.oo-ui-panelLayout-framed,
 +
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
 +
    border-color: rgba(61, 81, 116, 1.0);
 +
}
 +
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(141, 49, 176, 1.0);
 +
}
 +
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(61, 81, 116, 1.0);
 +
}
  
−
At any point after acquiring Sera as a crew member, Steele can decide to boot the demon girl off their ship, sending her to the [[Tavros#Nursery_Deck|Nursery]]. After that, she can be brought back on board at any point.
+
/* Buttons */
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(73, 95, 128, 1.0);
 +
    border-color: rgba(73, 95, 128, 1.0);
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:hover > .oo-ui-buttonElement-button:hover {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(81,105,136, 1.0);
 +
    border-color: rgba(81,105,136, 1.0);
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(141, 49, 176, 1.0);
 +
    border-color: rgba(141, 49, 176, 1.0);
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:hover > .oo-ui-buttonElement-button:hover {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(161, 55, 111, 1.0);
 +
    border-color: rgba(161, 55, 111, 1.0);
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:active > .oo-ui-buttonElement-button:active,
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:focus > .oo-ui-buttonElement-button:focus,
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:active > .oo-ui-buttonElement-button:active,
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:focus > .oo-ui-buttonElement-button:focus {
 +
    color: rgba(255, 255, 255, 1.0);
 +
    background-color: rgba(61, 81, 116, 1.0);
 +
    border-color: rgba(61, 81, 116, 1.0);
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 +
    color: rgba(255, 255, 255, 1.0);
 +
}
 +
.oo-ui-textInputWidget.oo-ui-iconElement input {
 +
  border-color: rgba(61, 81, 116, 1.0);
 +
}
 +
.oo-ui-textInputWidget input:active,
 +
.oo-ui-textInputWidget.oo-ui-iconElement input:active,
 +
.oo-ui-textInputWidget input:focus,
 +
.oo-ui-textInputWidget.oo-ui-iconElement input:focus {
 +
  border-color: rgba(141, 49, 176, 1.0);
 +
}
 +
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
 +
  background-color: rgba(141, 49, 176, 1.0);
 +
  border-color: rgba(141, 49, 176, 1.0);
 +
}
 +
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
 +
  background-color: rgba(161, 55, 111, 1.0);
 +
  border-color: rgba(161, 55, 111, 1.0);
 +
}
 +
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
 +
  background-color: rgba(61, 81, 116, 1.0);
 +
  border-color: rgba(61, 81, 116, 1.0);
 +
}
  
−
If still in [[#The Bitchening|training]], Sera will lose 5 points of Obedience for every day spent away from Steele's ship.
+
/* Retina */
−
 
+
/*
−
===Trivia===
+
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-height: 60em), (min-resolution: 144dpi) and (min-height: 60em) {
−
* When the player asks Sera '''WhySoMad?''', she explains the reason why is because she lost a potentially big sale to [[Jade]]. The sale in question being for a horse-cock (of course) mod ordered by a short green imp-morph. After buying and taking a [[Horse Pill]], he comes back to Sera, gives her a cock slap with his massive horse-cock, and calls her a "Rip-off Artist" before leaving by flying with his little wings. The imp is based on or is [[Fenoxo]]'s previous Internet persona [https://www.furaffinity.net/search/?q=Fenimp Fenimp].
+
body {
−
* Sera's purple skin, demonic sensibilities, and penchant for BDSM, Mods, and piercings causes her to heavily resembles the CoC character  [https://wiki.smutosaur.us/CoC/Ceraph Ceraph]. This is even alluded to in her Disco3000 Quest when the player goes to the lights and plays video games.
+
font-size: 150%;
−
* When playing video games during the Disco 3000 quest the player assumes the role of an anthropomorphic fox rogue named Rafa who is eventually found  hiding in water barrel and spitroasted by a pair of Wolf Men gaurds. This is a reference to  [https://wiki.smutosaur.us/CoC/Raphael Raphael] from Corruption of Champions. 
+
}
−
* When having children with Sera, if the child is a girl and the player names their daughter "Regan", Sera comments ''"Yeah. I think this kid is going to make people's heads turn, some day!"''. If the child is male and the player names their child "Damien" she comments, ''"Yeah. I think this kid is going to make people jump through windows for it, some day!"''. These are both references to [https://en.m.wikipedia.org/wiki/The_Exorcist_(film) The Exorcist] and the actions carried out by their respective characters when possessed by the demon [https://en.m.wikipedia.org/wiki/Pazuzu Pazuzu].
+
.mw-body {
−
* In Sera's Milking scene, if Sera is the father of your children she will begin the scene sipping coffee from a mug that say's "Galaxy's #1 Dad". This is an inadvertent reference to the [https://wiki.smutosaur.us/CoC/Secretarial_Succubus Secretarial Succubus] from CoC who is also a demoness drinking coffee with lactated milk from a "#1 Dad" mug.
+
margin-left: 0;
−
[[Category:Characters ]]
+
}
−
[[Category:Persistent characters ]]
+
}
−
[[Category:Vendors ]]
+
@media (-webkit-min-device-pixel-ratio: 2) and (min-height: 60em), (min-resolution: 192dpi) and (min-height: 60em) {
−
[[Category:Transformative vendors]]
+
body {
−
[[Category:Crew ]]
+
font-size: 200%;
−
[[Category:Humans ]]
+
}
−
[[Category:Morphs ]]
+
.mw-body {
−
[[Category:Vaginas ]]
+
margin-left: 0;
−
[[Category:Penises ]]
+
}
−
[[Category:Sexable]]
+
}
−
[[Category:Feminine ]]
+
*/
−
[[Category:Modded ]]
 
−
[[Category:Modifiable NPCS ]]
 
−
[[Category:Missions ]]
 
−
[[Category: Hermaphrodites ]]
 
−
[[Category:Breakable NPCS]]
 
−
[[Category:Unique modders]]
 
−
[[Category:Virgins]]
 
−
[[Category:Pregnancy]]
 
−
[[Category:Sires]]
 
−
[[Category:Bearers]]
 
−
[[Category:Pre-Java Script conversion]]
 

Revision as of 17:26, 18 May 2021

@import url('https://fonts.googleapis.com/css?family=Lato|Ubuntu+Condensed');
@import url('https://cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css');

/* Reset italic styling set by user agent */

* { 
    font-family: 'Lato', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 100%;
}

cite, dfn {
    font-style: inherit;
}

/* Straight quote marks for <q> */
q {
    quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
    overflow: hidden;
    margin: 1em 0;
    padding: 0 40px;
}

/* Prevent the 'double bold' bug in Firefox when using DirectWrite */
strong.selflink {
    font-weight: 700;
}

/* Consistent size for <small>, <sub> and <sup> */
small {
    font-size: 100%;
}
.mw-body sub,
.mw-body sup,
span.reference /* for Parsoid */ {
    font-size: 100%;
}

/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #ca-delete {
    display: none !important;
}
body.page-Main_Page #mp-topbanner {
    clear: both;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) {
    display: none;
}

/* Tone down 'Changed since last visit' colors */
span.updatedmarker {
    background-color: transparent;
    color: #006400;
}

/* Edit window toolbar */
#toolbar {
    height: 22px;
    margin-bottom: 6px;
}

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
    display: none;
}

/* Highlight linked elements (such as clicked references) in blue */
body.action-info :target,
.citation:target {
    background-color: #DEF;  /* Fallback */
    background-color: rgba(0, 127, 255, 0.133);
}

/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.citation {
    word-wrap: break-word;
}

/* For linked citation numbers and document IDs, where the number need not be shown
   on a screen or a handheld, but should be included in the printed version */
@media screen, handheld {
    .citation .printonly {
        display: none;
    }
}

/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
    font-size: 100%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;           /* Option for normal fontsize in */
}
div.reflist ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
    margin-bottom: 0;          /* Avoid double margin when nested in dev.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}

/* Allow hidden ref errors to be shown by user CSS */
span.brokenref {
    display: none;
}

/* Reset top margin for lists embedded in columns */
div.columns {
    margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
    margin-top: 0;
}

/* Avoid elements from breaking between columns */
.nocolbreak,
div.columns li,
div.columns dd dd {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
.flowlist ul {
    overflow-x: hidden;
    margin-left: 0;
    padding-left: 1.6em;
}
.flowlist ol {
    overflow-x: hidden;
    margin-left: 0;
    padding-left: 3.2em;
}
.flowlist dl {
    overflow-x: hidden;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    box-sizing: border-box;
    border: 1px solid #aaa;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
    margin-top: 0;            /* No top margin for nested navboxes */
}
.navbox + .navbox {
    margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
  font-variant: small-caps;
  border-bottom: none;
  text-decoration: none;
  cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    border-spacing: 3px;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    /* @noflip */
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}

/* Lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: left;
}
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;
}

/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]] */
div.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
    background-size: 30px;
    padding-left: 40px;
}

/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
table.mw-hiero-table td {
    vertical-align: middle;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    /* @noflip */
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
div#content span.PDFlink a,
div#mw_content span.PDFlink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}

/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
div.columns-2 div.column {
    /* @noflip */
    float: left;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    /* @noflip */
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    /* @noflip */
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    /* @noflip */
    float: left;
    width: 20%;
    min-width: 120px;
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    /* @noflip */
    float: right;
    clear: both;
    /* @noflip */
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0;
    width: 1px;
}

/* Article message box styles */
table.ambox {
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */
    font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Disambig and set index box styles */
table.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}

/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages.
   Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}

/* These mbox-small classes must be placed after all other
   ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
   they override "table.ambox + table.ambox" above. */
html body.mediawiki .mbox-small {   /* For the "small=yes" option. */
    /* @noflip */
    clear: right;
    /* @noflip */
    float: right;
    /* @noflip */
    margin: 4px 0 4px 1em;
    box-sizing: border-box;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
html body.mediawiki .mbox-small-left {   /* For the "small=left" option. */
    /* @noflip */
    margin: 4px 1em 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
    display: none;
}
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url(/w/skins/MonoBook/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
    list-style-type: disc;
    list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
    display: none;
}

/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
    border: none;
    background: transparent;
    padding: 0;
}

/* Hide (formatting) elements from screen, but not from screenreaders */
.visualhide {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Bold save button */
#wpSave {
    font-weight: bold;
}

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
    display: inline !important;
    color: #f00;
    background-color: #0f0;
}

/* suppress missing interwiki image links where #ifexist cannot
   be used due to high number of requests see .hidden-redlink on
   [[m:MediaWiki:Common.css]] */
.check-icon a.new {
    display: none;
    speak: none;
}

/* Removes underlines from certain links */
.nounderlines a,
.IPA a:link, .IPA a:visited {
    text-decoration: none !important;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    line-height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Hatnotes and disambiguation notices */
.hatnote {
    font-style: italic;
}
.hatnote i {
    font-style: normal;
}
div.hatnote {
    /* @noflip */
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
    margin-top: -0.5em;
}

/* Allow transcluded pages to display in lists rather than a table. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }

/* Temporary(!) fix for horizontal TOC in Blink (Chrone/Opera) */
.hlist .tocnumber,
.hlist .toctext {
    display: inline;
}
/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber {
    display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none none;
    margin: .3em 0 0;
    padding: 0;
}
.hlist.nonumtoc #toc ul ul,
.hlist.nonumtoc .toc ul ul {
    /* @noflip */
    margin: 0;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Styling for Template:Quote */
blockquote.templatequote div.templatequotecite {
    line-height: 1.5em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 1.6em;
    margin-top: 0;
}

/* User block messages */
div.user-block {
    padding: 5px;
    margin-bottom: 0.5em;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
.nowrap pre {
    white-space: pre;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}

/* Minimum thumb width */
.thumbinner {
    min-width: 100px;
}

/* Makes the background of a framed image white instead of gray.
   Only visible with transparent images. */
div.thumb div.thumbimage {
    background-color: #fff;
}

/* The backgrounds for galleries. */
div#content .gallerybox div.thumb {
    /* Light gray padding */
    background-color: #F9F9F9;
}
/* Put a chequered background behind images, only visible if they have transparency.
   '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
.gallerybox .thumb img {
    background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
    background: #fff;
}

/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}

body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
    display: block;   /* Override inline block mode */
    margin-bottom: 1em;
    /* @noflip */
    clear: right;     /* Clear any info boxes that stick out */
    /* @noflip */
    float: right;     /* Prevents margin collapsing */
}

/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */

/* Styling for Abuse Filter tags */
.mw-tag-markers {
    font-style:italic;
    font-size:90%;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
   [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.templateeditor-show,
.extendedmover-show,
.autoconfirmed-show {
    display: none;
}

/**
 * Hide the redlink generated by {{Editnotice}},
 * this overrides the ".sysop-show { display: none; }" above that applies
 * to the same link as well.
 *
 * See [[Phabricator:45013]].
 */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink {
    display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors > li {
    list-style: none none;
}
ul.permissions-errors {
    margin: 0;
}

/* No linewrap on the labels of the login/signup page */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label {
    white-space: nowrap;
}

/* Pie chart: transparent borders */
.transborder {
    border: solid transparent;
}

/* Generic class for Times-based serif, texhtml class for inline math */
.times-serif,
span.texhtml {
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
    font-size: 118%;
    line-height: 1;
}
span.texhtml {
    white-space: nowrap;
}
span.texhtml span.texhtml {
    font-size: 100%;
}
span.mwe-math-mathml-inline {
    font-size: 118%;
}

/* Force tabular and lining display for digits and texhtml */
.digits,
.texhtml {
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
    font-feature-settings: "lnum", "tnum", "kern" 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none;
}

/* Make <math display="block"> be left aligned with one space indent for compatibility with style conventions */
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
    margin-left: 1.6em !important;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}
.mwe-math-mathml-display math {
    display: inline;
}

/* Fix styling of transcluded prefindex tables */
table#mw-prefixindex-list-table,
table#mw-prefixindex-nav-table {
    width: 98%;
}

/* For portals, added 2011-12-07 -bv
   On wide screens, show these as two columns
   On narrow and mobile screens, let them collapse into a single column */
.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
.portal-column-left-wide {
    float: left;
    width: 60%;
}
.portal-column-right-narrow {
    float: right;
    width: 39%;
}
.portal-column-left-extra-wide {
    float: left;
    width: 70%;
}
.portal-column-right-extra-narrow {
    float: right;
    width: 29%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right,
    .portal-column-left-wide,
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}

/* Formerly for announcements, now used intermittently */
#bodyContent .letterhead {
    background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
    background-repeat:no-repeat;
    padding: 2em;
    background-color: #faf9f2;
}

/* Tree style lists */
.treeview ul {
    padding: 0;
    margin: 0;
}
.treeview li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
}
.treeview li li {
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
    /* @noflip */
    padding-left: 20px;
    text-indent: 0.3em;
}
.treeview li li.lastline {
    background-position: 0 -5971px
}
.treeview li.emptyline > ul {
    /* @noflip */
    margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
    background-position: 0 9px
}

/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
    display: none;
    speak: none;
}

/* Make it possible to hide checkboxes in <inputbox> */
.inputbox-hidecheckboxes form .inputbox-element {
    display: none !important;
}

/* Work-around for [[Phabricator:25965]] (Kaltura advertisement) */
.k-player .k-attribution {
    visibility: hidden;
}

/* Move 'play' button of video player to bottom left corner */
.PopUpMediaTransform a .play-btn-large {
    margin: 0;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

/* Workaround to keep editnotices readable in VE view.
   Long term, editnotices should become a core feature so that they can be designed responsive. */
.mw-ve-editNotice .mbox-image {
    display: none;
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced {
    display: none;
}

/* Theme */
body { 
    background: rgba(51, 62, 82, 1.0);
}
#mw-head,
#mw-panel .vector-menu-portal .body ul li,
.thumb .thumbimage,
.vector-menu .vector-menu-content,
.vector-menu li,
.vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited,
.vector-menu-tabs li.selected a, .vector-menu-tabs li.selected a:visited,
#pagehistory li.selected,
#toc, .toc, .mw-warning, .toccolours,
.template-documentation,
.catlinks,
.infobox,
.editOptions,
.mw-search-profile-tabs,
.mw-body,
body { 
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(51, 62, 82, 1.0);
}
#mw-head .vector-menu h3,
.vector-menu-tabs span {
    background-image:none;
    background-color: rgba(51, 62, 82, 1.0);
}
.vector-menu-tabs ul,
.vector-menu-tabs ul li,
.vector-menu-tabs li.selected,
.vector-menu-tabs {
    background-image: none;
    background-color: rgba(61, 81, 116, 0.0);
}
div.thumbinner,
.vector-menu-tabs li { 
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(61, 81, 116, 1.0);
}
table.mw_metadata td,
#mw-page-base { 
    background-color: transparent;
    background-image: none;
}
.vector-menu h3 span,
#mw-panel .vector-menu-portal h3,
table.wikitable > caption,
table.wikitable,
h1, h2, h3, h4, h5, h6 {
    color: rgba(255, 255, 255, 1.0);
}
#mw-panel .vector-menu-portal .body li a,
.vector-menu li a,
.mw-body a.external,
.vector-menu-tabs li a,
body a,
#mw-panel .vector-menu-portal .body li a:visited,
.vector-menu li a:visited,
.mw-body a.external:visited,
.vector-menu-tabs li a:visited,
.toctogglelabel,
body a:visited { 
    color: rgba(217, 130, 239, 1.0);
}
#mw-panel .vector-menu-portal .body li a:hover,
.vector-menu li a:hover,
.mw-body a.external:hover,
.vector-menu-tabs li a:hover,
.toctogglelabel:hover,
body a:hover,
div#mw-panel .vector-menu-portal .body li a:active,
.vector-menu li a:active,
.mw-body a.external:active,
.vector-menu-tabs li a:active,
.toctogglelabel:active,
body a:active,
div#mw-panel .vector-menu-portal .body li a:focus,
.vector-menu li a:focus,
.mw-body a.external:focus,
.vector-menu-tabs li a:focus,
.toctogglelabel:focus,
body a:focus { 
    color: rgba(161, 55, 111, 1.0);
    text-decoration: none;
}
.mw-plusminus-pos { 
    color: rgba(0, 204, 255, 1.0);
}
.mw-plusminus-neg { 
    color: rgba(204, 51, 0, 1.0);
}
.mw-search-result-data { 
    color: rgba(0, 204, 47, 1.0);
}
.vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited,
a.new, #p-personal a.new {
    color: rgba(237, 28, 36, 1.0);
}
table.wikitable > tr > th, table.wikitable > * > tr > th,
table.mw_metadata th { 
    background-color: rgba(61, 81, 116, 0.5);
}
table.wikitable > tr > th, table.wikitable > * > tr > th,
table.mw_metadata th,
table.wikitable > tr > td, table.wikitable > * > tr > td,
table.mw_metadata td { 
    border: 1px solid rgba(61, 81, 116, 1.0);
    color: rgba(255, 255, 255, 1.0);
}
table.wikitable {
    background-color: rgba(51, 62, 82, 1.0);
    border-color: rgba(61, 81, 116, 1.0);
    color: fff;
}
table { 
    background: none;
}
.oo-ui-dropdownWidget { 
    color: rgba(51, 62, 82, 1.0);
}
.mw-plusminus-null,
.autocomment,
.mw-search-profile-tabs div.search-types ul li.current a,
.mw-footer li,
.tocnumber,
#contentSub, #contentSub2,
td.diff-context { 
    color: rgba(102, 129, 157, 1.0);
}
.portal h3 {
    background-image: linear-gradient(to right,rgba(61,81,116,1.0) 0,rgba(61,81,116,1.0) 100%);
}
.vector-menu-tabs, .vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(to bottom,rgba(61,81,116,1.0) 0,rgba(61,81,116,1.0) 100%);
}
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning, div.locked-warning {
    border: 1px solid rgba(141,49,176,1.0);
    background: rgba(61, 81, 116, 0.5);
}
h1 {
    border-bottom: 2px solid rgba(141, 49, 176, 1.0);
}
h2 {
    border-bottom: 2px solid rgba(61, 81, 116, 1.0);
}
hr {
    display: block;
    height: 0px;
    border: 1px solid rgba(61, 81, 116, 1.0);
    margin: 0 0 1em 0;
    padding: 0; 
}
.vector-menu-dropdown .vector-menu-content-list,
fieldset,
.mw-changeslist-legend,
.editOptions,
.catlinks,
.infobox,
#toc,
.mw-search-profile-tabs,
.mw-body {
    border: 1px solid rgba(61, 81, 116, 1.0);
}
#mw-panel .vector-menu-portal {
    background-image: none;
    border-top: 1px solid rgba(61, 81, 116, 1.0);
}
.vector-menu-tabs span {
    border-right: 1px solid rgba(61, 81, 116, 1.0);
}
.vector-menu-tabs li.selected {
    border-bottom: 3px solid rgba(141, 49, 176, 1.0);
}
#pagehistory li,
.template-documentation,
div.thumbinner {
    border: 1px solid rgba(255, 255, 255, 0.0);
}
#pagehistory li.selected {
    border: 1px dashed rgba(102, 129, 157, 1.0);
}
html .thumbimage {
    border: none;
}
ul { 
    list-style-image: none;
}
ul#filetoc {
    background-color: transparent;
    border: 1px solid rgba(61, 81, 116, 1.0);
}
td.diff-context {
    background: rgba(51, 62, 82, 1.0);
    border-color: rgba(61, 81, 116, 1.0);
}
td.diff-deletedline {
    border-color: rgba(204, 51, 0, 1.0);
}
td.diff-addedline {
    border-color: rgba(0, 204, 255, 1.0);
}
td.diff-addedline .diffchange {
    background: rgba(61, 81, 116, 1.0);
}
td.diff-deletedline .diffchange {
    background: rgba(61, 81, 116, 1.0);
}
.infobox th {
    background-color: rgba(61, 81, 116, 1.0);
    width: 50%;
}
* svg { 
    fill: rgba(255, 255, 255, 1.0);
}
#mw-indicator-mw-helplink svg {
    fill: rgba(61, 81, 116, 1.0);
}
blockquote {
    padding: 0 20px;
    border-left: 2px solid rgba(141, 49, 176, 1.0);
}

/* Changelist */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: none;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: none;
    border-color: rgba(61, 81, 116, 1.0);
}

/* API Toolbar */
.mw-apisandbox-toolbar {
    background: rgba(61, 81, 116, 1.0);
}
.mw-apisandbox-toolbar,
.mw-apisandbox-help-field,
.oo-ui-panelLayout-framed,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
    border-color: rgba(61, 81, 116, 1.0);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(141, 49, 176, 1.0);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(61, 81, 116, 1.0);
}

/* Buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(73, 95, 128, 1.0);
    border-color: rgba(73, 95, 128, 1.0);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:hover > .oo-ui-buttonElement-button:hover {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(81,105,136, 1.0);
    border-color: rgba(81,105,136, 1.0);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(141, 49, 176, 1.0);
    border-color: rgba(141, 49, 176, 1.0);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:hover > .oo-ui-buttonElement-button:hover {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(161, 55, 111, 1.0);
    border-color: rgba(161, 55, 111, 1.0);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:active > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:focus > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:active > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive:focus > .oo-ui-buttonElement-button:focus {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(61, 81, 116, 1.0);
    border-color: rgba(61, 81, 116, 1.0);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: rgba(255, 255, 255, 1.0);
}
.oo-ui-textInputWidget.oo-ui-iconElement input {
   border-color: rgba(61, 81, 116, 1.0);
}
.oo-ui-textInputWidget input:active,
.oo-ui-textInputWidget.oo-ui-iconElement input:active,
.oo-ui-textInputWidget input:focus,
.oo-ui-textInputWidget.oo-ui-iconElement input:focus {
   border-color: rgba(141, 49, 176, 1.0);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
   background-color: rgba(141, 49, 176, 1.0);
   border-color: rgba(141, 49, 176, 1.0);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
   background-color: rgba(161, 55, 111, 1.0);
   border-color: rgba(161, 55, 111, 1.0);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
   background-color: rgba(61, 81, 116, 1.0);
   border-color: rgba(61, 81, 116, 1.0);
}

/* Retina */
/*
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-height: 60em), (min-resolution: 144dpi) and (min-height: 60em) {
	body {
		font-size: 150%;
	}
	.mw-body {
		margin-left: 0;
	}
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-height: 60em), (min-resolution: 192dpi) and (min-height: 60em) {
	body {
		font-size: 200%;
	}
	.mw-body {
		margin-left: 0;
	}
}
*/
Retrieved from ‘https://wiki.smutosaur.us/TiTS/index.php?title=Sera&oldid=40728’