
Tema de Cargas Inusuales por CityToast
Hecho para la Comisión de Cargas Inusuales
Este es un remix del tema de Ases y Ochos por rounderhouse, El tema SCP Sigma 9 creado por Aelanna y Dr Devan, y el tema de MC&D creado por Randomini.
Para usar este tema, por favor pon lo siguiente en la parte superior de tu página:
[[include theme:unusual-cargo]]
Característica del Tema: Documentos en Fila
El bloque de este tema no tiene bordes y está pensado para representar un documento.
La mayor parte del texto puede caber dentro de la nueva clase de div "paper":
[[div class="paper"]]
+ Texto
++ Texto
Texto general.
> Bloque de citas.
[[/div]]
Lo cual hace esto:
Texto
Texto
Texto general.
Bloque de citas.
Además, puede añadir un enlace a una imagen y ésta se alineará con la cita. Así:
> Texto de documento texto de documento.
> Texto de documento
[[div class="letter"]]
[[collapsible show="Document" hide="Hide"]]
[[image <Link de la imagen>]]
[[/collapsible]]
[[/div]]
Ejemplo:
Esto es un bloque de cita, creado poniendo ">" al principio de cada línea.
Un poco de texto.
Sí, claro que sí.Citas anidadas
Para los documentos realmente metaY volvemos al documento principal
Gracias
Los títulos se pueden crear poniendo entre uno y seis "+" al principio de la línea
Primer Titulo
Segundo Titulo
Tercer Titulo
Cuarto Titulo
Quinto Titulo
Sexto Titulo
Esto es | una tabla |
---|---|
Ya deberias | saber como |
hacerlas |
/* 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("http://lafundacionscp.wdfiles.com/local--files/theme%3Aunusual-cargo/Inusuales.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://lafundacionscp.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://lafundacionscp.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://lafundacionscp.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: "La Muy Honorable Comisión de"; 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: "Cargas Inusuales"; 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: "La M. H. Comisión de"; 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: "La M. H. Comisión de"; 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://lafundacionscp.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://lafundacionscp.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://lafundacionscp.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; padding: .5em; font-weight: normal; box-shadow: none !important; margin-bottom: 15px; color: black; } #side-bar div.menu-item a { font-weight:normal; } #side-bar a:visited { 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://lafundacionscp.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://lafundacionscp.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important; } .yui-navset .yui-nav .selected a { background:#920 url("https://lafundacionscp.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://lafundacionscp.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://lafundacionscp.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1300px !important; text-decoration: none; }