Queen of the Monsters
/* ---------------------------------
War on All Fronts (Sigma-9)
2020 Wikidot Theme
Created by stormbreath
Header image created by EstrellaYoshte
--------------------------------- */
 
/* -------------- ROOT -------------- */
@import url('https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap');
 
:root {
   --deepsea: linear-gradient(to bottom,
       rgb(0,0,101),
       rgb(23,0,82),
       rgb(0,0,0))
}
 
/* -------------- HEADER -------------- */
div#container-wrap {
    background: url(none);
}
 
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}
 
div#extra-div-2 {
    height: 23px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: linear-gradient(to top,
      rgb(59, 59, 59),      
      rgb(83, 83, 83));
    border-bottom: 2px solid rgba(188, 184, 185, 0.5);
}
 
#header {
    background-image: url("https://cdn.discordapp.com/attachments/753666545573691483/753666617346621481/mksjr3.png");
    background-size: 100px 100px;
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
    font-family: 'Saira Stencil One', cursive;
}
 
#header h1 a::before {
    content: "War on All Fronts";
    color: rgb(173,171,181);
    text-shadow: 3px 3px 5px #000000;
    font-variant: small-caps;
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
    font-family: 'Saira Stencil One', cursive;
}
#header h2 span::before {
    content: "We're Going To Need a Bigger Boat";
    color: rgb(173,171,181);
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    font-variant: small-caps;
}
 
/*-------------- LOG-IN INFO -------------- */
#login-status {
    font-weight: bold;
    color: rgb(173,171,181);
}
 
#login-status a {
    color: white;
}
 
#login-status ul {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}
 
#login-status ul a {
    color: rgb(173,171,181);
    background: transparent;
}
 
#login-status ul a:hover {
   color: white;
}
 
/* -------------- SEARCH-BAR -------------- */
#search-top-box-input {
    background-color: #003;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #336;
}
#search-top-box-form input[type=submit] {
    background-color: #336;
    background: linear-gradient(to bottom, #669, #336, #003);
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-color: #669;
    background: linear-gradient(to bottom, #99c, #669, #336);
}
 
/* -------------- TOP-BAR -------------- */
#top-bar ul li ul {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
    border: solid 1px rgb(0,0,102);
}
 
#top-bar ul li:hover a[href="javascript:;"] {
    background: rgb(41,41,41);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid transparent;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: transparent;
    color: rgb(173,171,181);
}
 
#top-bar ul li ul a {
    color: rgb(173,171,181);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: rgba(195, 200, 220);
    color: #10b;
}
 
/* -------------- BODY -------------- */
body {
    background: linear-gradient(to bottom,
        rgb(200,200,200),
        rgb(245,245,245) 400px
    );
}
 
h1, #page-title {
    color: rgb(44,46,100);
}
 
#page-title {
   border-color: rgb(44,46,100);
   font-family: 'Saira Stencil One', cursive;
   text-align: center;
}
 
::-webkit-scrollbar {
    width: initial;
    height: initial;
}
 
::-webkit-scrollbar-thumb {
    background-color: rgb(175, 175, 175, .7);
    border-radius: 5px;
    border: 1px solid black;
}
 
::-webkit-scrollbar-track {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
}
 
::selection {
    background: rgba(35, 35, 180, 0.25);
}
 
/* -------------- SIDE-BAR -------------- */
#side-bar a,
#side-bar a:visited,
#side-bar a.newpage {
    color: rgb(173,171,181);
}
 
#side-bar .side-block {
    background-color: rgb(23,0,127);
    background-image: var(--deepsea);
    border: 1px solid black;
    box-shadow: 0 2px 6px rgba(0,0,102,.5);
    color: white;
}
 
#side-bar .heading {
    color: white;
    border-color: white;
}
 
iframe.scpnet-interwiki-frame,
.side-block .menu-item > .image {
    filter: grayscale(100%) invert(1);
}
 
/* -------------- FOOTER -------------- */
#footer {
    background: rgb(23,0,82);
}
 
/* -------------- LINKS -------------- */
a {
    color: rgb(17,0,187);
}
 
a.newpage {
    color: rgb(17,102,221);
}
 
a:visited {
    color: rgb(17,0,153);
}
 
/* -------------- PAGE EDITING OPTIONS -------------- */
.buttons .btn,
#lock-info {
    border-color: rgb(100,100,100);
    background-color: rgb(235,235,235);
}
 
/* -------------- RATING MODULE -------------- */
.page-rate-widget-box .rate-points {
    background-color: #336 !important;
    border: solid 1px #336;
    text-transform: capitalize;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #f0f6ff;
    border-top: solid 1px #336;
    border-bottom: solid 1px #336;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: #336;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover{
    background: #336;
    color: #f0ffff;
}
 
.page-rate-widget-box .cancel {
    background-color: #336;
    border: solid 1px #336;
}
 
.page-rate-widget-box .cancel a {
    color: #669;
}
 
.page-rate-widget-box .cancel a:hover {
    background: #336;
    color: #f0ffff;
}
 
/* Info Module */
#page-content .rate-box-with-credit-button{
    background-color: #336;
    border: solid 1px #336;
}
 
#page-content .creditButton p a {
    border-left-color: #669;
}
 
.close-credits,
.credit-back {
     filter: hue-rotate(260deg)
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(0, 0, 100,.5);
    background: linear-gradient(
        rgb(200,200,200) 51px,
        rgb(240,240,240) 51px,
        rgb(240,240,240)) !important;
}
 
.heritage-rating-module { display: none !important}
 
.info-container {
    --barColour: #336;
}
 
/* -------------- OTHER ELEMENTS -------------- */
blockquote,
div.blockquote,
.code {
     background: rgb(235, 235, 235);
}
 
table.wiki-content-table th {
    background-color: rgb(225,225,225);
}
 
.scp-image-block {
    border: solid 1px rgb(0,0,102);
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(235,235,235);
    border-top: solid 1px rgb(0,0,102);
}
 
div.woaf-hr {
     height: .3em;
     background: linear-gradient(to right,
         rgb(0,0,0),
         rgb(23,0,82),
         rgb(0,0,101),
         rgb(23,0,82),
         rgb(0,0,0));
     margin: 1em 0;
     border-radius: 5px;
}
 
div.woaf-hr p,
div.woaf-hr ul {
    display: none;
}
 
/* -------------- TABS -------------- */
/* Tab CSS is taken from the Black Highlighter Theme and minified to reduce length. */
.yui-navset .yui-content{background-color:inherit}.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,/* no focus effect for selected */.yui-navset .yui-nav .selected a:hover{background:inherit;color:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav,.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}.yui-navset *{transition:background-color 80ms cubic-bezier(0.4,0.0,0.2,1),color 80ms cubic-bezier(0.4,0.0,0.2,1)}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{zoom:unset;display:flex;flex-wrap:wrap;border-color:#19148c;width:calc(100% - 0.125rem);margin:0 auto;border:0;box-shadow:0 calc(0.0625rem * 5) 0 0 #19148c}.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{zoom:unset;background-image:none;background-color:#f4f4f4;border:unset;color:#0c0c0c}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{zoom:unset;background-color:#0f0364;color:#fcfcfc}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li{background-color:#f4f4f4;border-color:transparent;max-width:100%;padding:0;margin:0;zoom:unset;display:flex;position:relative;flex-grow:2;box-shadow:0 0 0 .0625rem #19148c}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:flex;vertical-align:bottom;zoom:unset;width:100%;align-items:center;justify-content:center}.yui-navset .yui-nav a em,.yui-navset .yui-navset-top .yui-nav a em{padding:.35em .75em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yui-navset .yui-nav li em{border:unset!important}.yui-navset .yui-nav .selected,.yui-navset .yui-navset-top .yui-nav .selected{padding:0;margin:0;flex-grow:2;background-color:#19148c;}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a em{border:none;border-color:transparent}.yui-navset .yui-nav .selected a{color:#fcfcfc!important;width:100%;background-image:none}.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:active{background-color:#19148c;color:#fcfcfc}.yui-navset .yui-nav .selected a:hover{cursor:default}.yui-navset .yui-content{background-color:rgb(235,235,235); box-shadow:inset 0 calc(0.0625rem * 5) 0 0 rgba(25,20,140,.75);}.yui-navset .yui-content,.yui-navset .yui-navset-top .yui-content{border-color:#aaa}.yui-navset-left .yui-content{border-left-color:#f4f4f4}
 
/* -------------- MOBILE VIEW -------------- */
@media (max-width: 767px) {
    #side-bar {
         background-color: rgb(23,0,127);
         background-image: var(--deepsea);
     }
 
    .open-menu a {
        border: 0.2em solid rgb(0,0,102) !important;
        color: rgb(0,0,102) !important;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-size: 55px 55px;
    }
}
 
@media (min-width: 480px) and (max-width: 580px) {
    #header {
        background-size: 66px 66px;
    }
}
 
@media (min-width: 581px) and (max-width: 767px) {
    #header {
        background-size: 77px 77px;
    }
}
 
@media (min-width: 768px) and (max-width: 979px) {
    #header {
        background-size: 88px 88px;
    }
}

As it turns out, being dredged back from the grave and thrown out into the world of the living has left you with a completely empty stomach. It certainly doesn't help that the last time you went out for a bite to eat was exactly when you died, and they got you before you managed to chow down. Your stomach is completely empty.

What you need is one good, solid meal.

You can smell a couple choices. They're all pretty far away, however, and a few of them have that weird scent to them that you picked up on your last attempted meal, which1 didn't go so well. You couldn't even find anything to eat when you showed up that time, and everybody just started attacking you.

You don't want to be picky, since you are absolutely starving. But you also can't afford to mess up this meal: you need to get a good meal in for certain, no bones about it.2

There's a good target close to you. Big enough to feed you for a good stretch but not so big you're worried it'll be a tough fight. You don't go down easy3 but in this weakened state, it might be a close one. Your chosen prey is a bit of a hike away4 but you can get there fine.

You pull yourself off the ground and turn your head to the ocean. Your eyes have changed in the time since you woke up. They've got new modes of seeing to them. You're not really sure how they work. Or what anything they did to you does. There's all sorts of metal in your head5 and your body. If you focus on it, you can probably force a rejection and heal the wound, but you're not sure if you have enough energy for it. In the meantime, you think it's letting you stand up, so you might as well let it stand.

One of your hands stretches out and a claw breaks and grinds into the ground. You're in the middle of a set of buildings, and although you melted the roof off when you woke up6, there's still a lot of rubble around you. Rubble and fire. It hasn't been that long. Another hand reaches out and does the same, then another, then another, and another. Then you repeat with all.

You pull yourself into the sea. In the past, you would have been strong enough to stand onto your back tentacles and pull yourself in that way, but you've never felt worse in your entire life.7 Its a struggle to bring yourself into the water. Insects freak out at your movements, but you don't listen to them. You never have.

But once you get into the water, you immediately feel better. This is your home, this is where you belong. You slip in, and start swimming. Moving your tentacles again, feeling the cold rush over your scales. It's refreshing, and you're like your old self again. Almost.8

You've been swimming for the last two days, a half limp of a swim. The distance between you and your prey was great, but even putting that aside, you're in no shape to move as fast as you're used to. All this metal and foreign magic in your system is throwing you off, and although you're a bit more familiar with most of it now.9

But here you are. You've found your prey.

It's right below you.

A hundred leagues beneath the sea.

It has no inkling that you're here.

You dive straight down.

The creature you've chosen as a meal is a great beast with a hard backed shell. An island of sorts grows on the back, drowned and revived whenever it dips beneath the sea. The kind of beast that has lived for thousands of years by tricking lost souls into thinking it is an island and drowning them in its wake.10 It's time has come.

You crash into the back of the shell, and grab onto the edge of the shell. It writhes underneath you, and you simply crawl forward and bite the neck of the beast. The cold ocean around you grows hot with the warmth of red blood. The beast writhes and squirms away from you, but your jaws are latched on and clamped shut.

The creature is strong, but you are stronger. It is quick, but you are quicker. It is great, but you are greater. Its scales are tough, but your teeth are tougher. The creature has lived for a long time, but you have just now outlived it.

It is a bountiful meal and it takes you hours to consume it all11. The meal burns and transforms in your stomach, catalyzing into raw power within your gullet. Energy flows throughout you, and you feel better than you ever have. It might just be the fact that you lay dead for ten years or the fact that you were starving even before you died, but this might have just been the best meal you've ever had.

You surge up to the surface. It doesn't take much effort. You're a lot stronger than you used to be. Everything is so much easier now. Everything is so much clearer, too. The influx of power has warped and twisted the metal that was forced into you and brought it into alignment with your spirit: it is as much a part of you as your flesh, now, and it no longer feels foreign.

You look back out again with your other senses. The ones that go above. You did this to find prey, but you weren't looking for anything beyond a meal, and that distracted you from what you might have found.12 But when you look out this time, you see so much more.

A kingdom. Swarming beasts. Dozens of them, all great and powerful and mighty, across the entire world. You've always known your place, granted to you by divine right, but you've never had enough subjects to claim it. But now… there is a world. A world of monsters. Ripe for the taking: all for you.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License