Link to article: Unusual Cargo.
@import url('https://scp-wiki.wdfiles.com/theme:unusual-cargo/code/1');
:scp-wiki:theme:unusual-cargo
code
paper
letter
[[module css]] @import url('https://scp-wiki.wdfiles.com/theme:unusual-cargo/code/1'); [[/module]] [[iftags +theme]] [[>]] [[module Rate]] [[/>]] [[=]] [[image https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/COUC_logo.png width="50%"]] [[/=]] UnusualCargo Theme by CityToast Made for [[[the-letters-of-the-commission-on-unusual-cargo|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: [[div class="code"]] @@[[include :scp-wiki:theme:unusual-cargo]]@@ [[/div]] ----- ++ 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="code"]] @@[[div class="paper"]]@@ @@+ Text@@ @@++ Text@@ @@General text.@@ @@> Blockquote inside paper.@@ @@[[/div]]@@ [[/div]] Which makes this: [[div class="paper"]] + Text ++ Text General text. > Blockquote inside paper. [[/div]] Additionally, you can add a link to an image and it will indent to be in-line with the blockquote. Like so: [[div class="code"]] @@> Document text document text@@ @@> document text@@ @@[[div class="letter"]]@@ @@[[collapsible show="Document" hide="Hide"]]@@ @@[[image <image link>]]@@ @@[[/collapsible]]@@ @@[[/div]]@@ [[/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 [[div class="letter"]] [[collapsible show="Document" hide="Hide"]] [[image https://scp-wiki.wdfiles.com/local--files/the-letters-of-the-commission-on-unusual-cargo/Unusual9.jpg]] [[/collapsible]] [[/div]] 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 [[collapsible show="+ tabview" hide="- tabview"]] [[tabview]] [[tab Tabulator]] This is a tab view. [[/tab]] [[tab Tabulation]] Hey look, more text here. How quaint. [[/tab]] [[tab Long Tab]] This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. [[/tab]] [[tab This empty tab has a really long name for some odd reason. I wonder why? It is very strange.]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[/tabview]] [[/collapsible]] ||~ This is a ||~ table || ||You should know || how to make these || ||||already || ----- [[code type="css"]] /* 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; } [[/code]] [[/iftags]]