Unusual Cargo
rating: +21+x
COUC_logo.png

UnusualCargo Theme by CityToast
Made for The Commission on Unusual Cargo

This is a remix of Aces and Eights Theme by rounderhouse, SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini.

To use this theme, please put the following at the top of your page:

[[include :scp-wiki:theme:unusual-cargo]]


Theme Feature: Inline Documents

This Theme's blockquote has no border and is meant to represent a document.

Most text can be fit inside the new "paper" div class:

[[div class="paper"]]
+ Text
++ Text
General text.
> Blockquote inside paper.
[[/div]]

Which makes this:

Text

Text

General text.

Blockquote inside paper.

Additionally, you can add a link to an image and it will indent to be in-line with the blockquote. Like so:

> Document text document text
> document text
[[div class="letter"]]
[[collapsible show="Document" hide="Hide"]]
[[image <image link>]]
[[/collapsible]]
[[/div]]

Example:

This is a blockquote, created by putting ">" at the start of each line.
Some text.
Yes, it sure is.

Nested blockquotes
For those really meta documents

And back to the main paper
thanks

Titles can be created by putting between one and six plus "+" at the start of the line

First Title

Second Title

Third Title

Fourth Title

Fifth Title
Sixth Title
This is a table
You should know how to make these
already

/*
Commission of Unusual Cargo Theme by CityToast
 
Based on Aces and Eights Theme by rounderhouse, SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini.
*/
 
@import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');
 
/* Hyperlink colors */
:root {
    --hyperlink: #824565;
    --hyperlink-visited: #63173f;
}
 
#header {
    background: none; /* this terminates the default header image */
}
 
#header:before {
    display:block;
    position: absolute;
    width: 120px;
    height: 120px;
    z-index: -1;
    top: 15%;
    left: 2%;
    content: "";
    background: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/COUC_logo.png");
    background-repeat: no-repeat;
    background-size: 110px 109px;
    background-position: 0px 0px 0px;
}
 
/* BODY */
body {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg');
}
 
.main-body-div {
    width: 92.7%;
    line-height: 20px;
    padding-left: 25px;
    padding-right: 25px;
    vertical-align: top;
    transition: all .7s;
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}
 
#header h1 a {
    color: transparent;
    font-size: 100%;
    padding: 60px 0 25px;
    text-shadow: none;
}
 
div#container-wrap {
    background: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/toast_header.png") top left repeat-x;
}
/* Headers being swapped around from Sigma: the top text is the smaller one for this theme */
 
#header h1 a::before {
    font-family: 'IM Fell DW Pica SC', serif;
    padding: 35px 0 25px; 
    font-weight: normal;
    content: "The Right Honourable Commission on";
    color: #000000;
}
 
#header h2 span {
    font-size: 175%;
    color: transparent;
    text-shadow: none;
}
#header h2 span::before {
    font-family: 'Tangerine', cursive;
    font-size: 230%;
    content: "Unusual Cargo";
    color: #000000;
    padding: 0px 20px 00px;
}
 
/* Media stuff for mobile/responsive; these changes occur under 565px */
@media (min-width: 566px) and (max-width: 801px) {
    #header h1 a::before {
        content: "The Rt. Hon. Commission on";
        padding: 35px 0 25px 45px; 
    }
}
@media (max-width: 565px) {
    #search-top-box-input, 
    #search-top-box-form {
        display: none;
    }
    /* update headers for new swapped sizing and changes text to fit better (See line 89) */
    #header h1 a {
        font-size: 65%;
    }
 
    #header h1 a::before {
        content: "The Rt. Hon. Commission on";
        padding: 35px 0 25px 40px; 
    }
 
    #header h2 span{
    font-size: 140%;
    }
 
    #header h2 span::before {
        padding: 0 0 0 40px;
    }
 
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
 
    #side-bar {
        background-color: none;
        background: linear-gradient(rgba(255, 220, 220, 0.7), rgba(255, 220, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
    }
    #side-bar: target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
 
}
/* minor color and style tweaks */
 
table.wiki-content-table {
    border: 1px solid rgba(50, 50, 50, 0.2);
}
 
table.wiki-content-table th {
    padding: 0.3em 0.7em;
    background-color: rgba(240, 240, 240, 0.2);
}
 
#search-top-box-input, #search-top-box input.empty,
#search-top-box-form input[type=submit] {
    transition: 0.2s linear;
}
 
#search-top-box-input, #search-top-box input.empty {
    background-color: transparent;
    border: 1px solid #DBC39F;
    border-radius: 0;
    color: #000;
}
 
#search-top-box-input:hover, #search-top-box-input:focus,
#search-top-box input.empty:hover, #search-top-box input.empty:focus {
    outline: 0;
    color:#FFFFFF;
    border: 1px solid #000;
    background-color: #000000;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#search-top-box-form input[type=submit] {
    outline: 0;
    height: 1.65em;
    border: none
    border-radius: 0;
    color: #000;
    background: none;
 
    position: relative;
    top: -1px;
 
    box-shadow: none;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    border-radius: 0;
    background: none;
}
 
#search-top-box-form input[type=submit]:active {
    padding: 0 0.5em;
    border: none;
    border-radius: 0;
    color: #000;
    background: #B6925E;
}
 
#login-status, #login-status a {
    color: #000;
    border-color: #000;
}
/* stuff with body h groups */
 
h2, h3, h4, h5, h6 {
    font-family:'IM Fell DW Pica SC', serif;}
 
h1, #page-title {
    color: #000;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: heavy;
    font-family: 'IM Fell DW Pica', serif;
}
/* remove the blockquote border, adds a shadow and a gradient over the new paper background */
blockquote, div.blockquote {
    border: none;
    padding: .5em;
    box-shadow: 4px 6px 8px #a98;
    background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}
 
/* New paper class */
 
div.paper {
    background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
    box-shadow: 4px 6px 8px #a98;
    padding: 1em .5em 1em .5em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
 
@media (max-width: 478px) {
    div.paper {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    Margin: .5em 0em .5em 0em;
    }
}
 
/* inputs */
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #000000;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #bc9055;
    color: #ffffff;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #8db600;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #000000; /* top bar hover background color */
}
 
/* #side-bar: Color changes, removing border, modifying font sizes, and changing general appearance.
Make the left menu look like it's "written" in the left margin */
 
#side-bar .side-block {
    padding: 10px;
    border: none;
    border-radius: 10px;
    border-style: solid;
    border-color: transparent; /* no border */
    box-shadow: none !important; /* no shadow */
    background: none !important; /* no background */
    margin-bottom: 15px;
    color: black;
}
 
/* stuff for social media bar */
 
#side-bar .side-block:first-child {
    filter: sepia(100%) opacity(35%);
    padding: 0;
    margin: 0;
}
 
#side-bar .side-block:first-child:hover {
    filter: sepia(100%);
}
 
#side-bar .heading {
    font-family: 'Tangerine', cursive;
    font-size: 2em;
    font-weight: bold;
}
 
#side-bar .menu-item {
    font-family: 'Caladea', serif;
    font-weight: normal;
    box-shadow: none !important;
    margin-bottom: 15px;
    color: black;
}
 
#side-bar div.menu-item a {
    font-weight:normal;
}
 
 #side-bar a{
     color: #430;
}
/* #top-bar: Color changes, removing border, modifying font sizes, and changing general appearance */
#top-bar li a{
    text-align: center;
    font-family: 'Caladea', serif;
    display: block;
    font-size: 1.2em;
    margin: 0;
    padding: 1px .5em;
    text-decoration: none;
}
 
a {
    color: #530;
    text-decoration: none;
    background: transparent;
}
 
/* Adds the "letter" class that helps align collapsibles with the associated blockquote */
div.letter {
    margin: 1em 3em;
    padding: 1em .5em;
}
@media (max-width: 479px) {
    div.letter {
        margin: 1em 0;
        padding: .5em .25em;
    }
}
@media (min-width: 480px) and (max-width: 580px) {
    div.letter {
        margin: 0.5em;
        padding: .25em 0;
    }
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important;
}
.yui-navset .yui-nav .selected a {
    background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */
    }
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */
}
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
    background:#da8 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1300px !important;
    text-decoration: none;
}
 
/* Related articles box (previous inlined) */
.UC_footing {
    width: 80%;
    margin: auto;
    padding: .2em;
 
    background:
    linear-gradient(
    hsla(0, 0%, 88%, .3),
    hsla(240, 100%, 94%, .5)),
    url(https://scp-wiki.wdfiles.com/local--files/theme%3Aunusual-Cargo/TOAST-PAPER.jpg);
 
    text-align: center;
}
 
@media (max-width: 767px) {
    .UC_footing {
        width: 100%;
    }
}
 
.UC_footing p {
    font-size: .8em;
}
 
.UC_footing h2 {
    font: 2.1em "Tangerine", cursive;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License