Tema de MC&D en la Instalación-57

Hub de la Instalación-57 » Tema de MC&D en la Instalación-57

NO EDITES ESTO ÒwÓ

Esta es una página plantilla utilizada internamente por la Wiki.

NO TOQUES ESTA PÁGINA
SIN PERMISO DEL STAFF Y/O AUTOR

Info

Información sobre tu artículo.

Uso

Para importar este tema, pon lo siguiente en la parte más alta de tu artículo:

[[include component:mc-d-i-57]]

Easy¹²

Logo de MC&D

Ejemplos

Una línea horizontal como la de arriba puede ser creada con cuatro guiones, así: "----". Un pequeño pero grueso guión de separación puede ser creado si se coloca lo siguiente: "+ -----".

+ Títulos

Esto es un tab.

Esto es un cuadro de citas, creado al poner "> "al inicio de cada línea. Nótese que el espacio luego del símbolo siempre es necesario ponerlo, incluso cuando solo se pone una línea vacía para separar párrafos.
Más texto

Esta es una línea horizontal. Muy interesante.

Y esto es lo que llamamos Inception.

Esto es una	tabla
Siempre olvido	como usar estas cosas
aunque no es tan difícil como parece

+ Mostrar Código

- Desmostrar Código

/*
    Marshall, Carter & Dark en la Instalación-57
    [Tema de Wikidot de 2021]
    Basado en el Tema de MC&D de 2014 de Randomini y en el Tema de Instalación de I-57 de
    Dc_Yerko
    [Nacido en la Rama Hispana. Ñ]
*/
 
/* RECOLOR THE TITLE */
h1, #page-title {
    color: #320042;}
 
#page-title {
    font-weight: lighter;
    border-color: #320042;
}
 
/*RECOLOR THE LINKS */
a {
    color: #6C4279;
}
 
a.newpage {
    color: #4312A5;
}
 
a:visited {
    color: #6C4279;
}
 
/*HEADER IMAGES*/
div#container-wrap {
    background: url(http://scp-yerko-5.wdfiles.com/local--files/component%3Amcd/Header.png) repeat-x;
}
 
#header {
    background: url(http://scp-yerko-5.wdfiles.com/local--files/component%3Amcd/Logo.png) no-repeat;
    background-size: 290px;
}
 
/* Adjust Mobile Image Size */
@media (max-width: 479px) {
#header {
    background-size: 150px 75px;
    background-position: 1em;
}
}
@media (min-width: 480px) and (max-width: 580px) {
#header {
    background-size: 180px 90px;
    background-position: 1em;
}
}
@media (min-width: 581px) and (max-width: 767px) {
#header {
    background-size: 210px 105px;
    background-position: 1em;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#header {
    background-size: 240px 120px;
    background-position: 1em;
}
}
 
/* HIDE THE HEADER TEXT */
#header h1 a {
    font-size: 0%;
}
 
#header h2 span {
    font-size: 0%;
}
 
/* RECOLOR THE SEARCH BAR */
#search-top-box-input {
    border-color: #3E2646;
    color: #6E3251;
    background-color: #603B6C;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #282053;
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px #AF4FCF;
    color: #ccc;
    background-color: #282053;
    background: linear-gradient(to bottom, #371F3D,#282053,#8D6BA9);
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #fff;
    background-color: #87a96b;
    background: linear-gradient(to bottom, #7E608A,#946BA9,#8C3CA6);
}
 
/* LOGIN STUFF */
#login-status {
    color: #C5A3C5;
}
#login-status a {
    color: #E696E6;
}
#login-status ul a {
    color: #C5A3C5;
}
#account-topbutton {
    background: #ccc;
    color: #C5A3C5;
}
 
/* IMAGE BLOCK RECOLORING */
.scp-image-block {
  border: solid 1px #6c006c;
}
.scp-image-block .scp-image-caption {
  background-color: #f0f8ff;
  border-top: solid 1px #6c006c;
}
 
/* MODULE RATE RECOLOR */
div.page-rate-widget-box .rate-points {
  background-color: #6c006c !important;
  border: solid 1px #6c006c;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: #f0f8ff;
  border-top: solid 1px #6c006c;
  border-bottom: solid 1px #6c006c;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: #6c006c;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: #6c006c;
  color: #f0ffff;
}
.page-rate-widget-box .cancel {
  background: transparent;
  background-color: #6c006c;
  border: solid 1px #6c006c;
}
.page-rate-widget-box .cancel a {
  color: #f0ffff;
}
.page-rate-widget-box .cancel a:hover {
  background: #cdeadc;
  color: #f0ffff;
}
 
/* INFO MODULE */
#page-content .rate-box-with-credit-button {
    background-color: #6c006c;
    border-color: #6c006c;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
#page-content .creditButton p a {
    border-left-color: #f0ffff;
}
 
#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(50,0,50,.5);
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(275deg);
}
 
/* AYER'S INFO MODULE */
:root {
     --barColour: #6c006c;
}
 
/* HERITAGE MODULE */
.heritage-rating-module {
    background-color: #6c006c;
    border: solid 1px #ccc066;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
 
/* TAB RECOLORING */
.yui-navset .yui-content{
    background-color: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url(../images/yuitabs.png);
}
.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 { /* no hover effect for selected */
    background:#500054 url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#fff4db url(../images/yuitabs.png) repeat-x left -1300px;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #400040;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000000;
}
.yui-navset li {
    line-height: normal;
}
 
/*SIDE BAR RECOLOR AND STUFF */
 
/* SIDE MENU */
 
#side-bar a {
    color: #F3CF08;
} 
 
#side-bar a:visited { 
    color: #dabb0b;
}
 
#side-bar a.newpage {
    color: #e2ce61;
}
 
#side-bar a.collapsible-block-link {
    color: #c6a906;
}
 
#side-bar {
    clear: none;
    float: none;
    position: absolute;
    top: 0.5em;
    left: 2em;
    width: 17em;
    padding: 0;
    border: none;
    display: block;
    background: transparent;
}
 
#side-bar img {
    filter: hue-rotate(300deg);
    -webkit-filter: hue-rotate(300deg);
}
 
#side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
    filter: none;
    -webkit-filter: none;
}
 
#side-bar .side-block {
    padding: 10px;
    border: 1px solid #f8b400;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(32,32,32,1) !important;
    background: #000000 !important; 
    margin-bottom: 15px;
}
#side-bar .side-area {
    padding: 10px;
}
#side-bar .heading {
    color: #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
}
#side-bar p {
    margin: 0;
}
#side-bar div.menu-item {
    margin: 2px 0;
}
#side-bar div.menu-item img {
    width: 13px;
    height: 13px;
    border: 0;
    margin-right: 2px;
    position: relative;
    bottom: -2px;
}
#side-bar div.menu-item a {
    font-weight: bold;
}
#side-bar div.menu-item.inactive img {
    opacity: 0.25;
}
#side-bar div.menu-item.inactive a {
    color: #D6D6D6;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #D6D6D6;
}
#side-bar div.menu-item.sub-item {
}
 
#side-bar .collapsible-block-folded {
    background: none;
}
#side-bar .collapsible-block-link {
    margin-left: 15px;
    font-weight: bold;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #D6D6D6;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    color: #D6D6D6;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #ddbc05;
    text-decoration: none;
}
 
#side-bar ul{
    list-style-type: none;
    padding: 0 5px 0;
}
 
/* MOBILE SIDEBAR */
@media (max-width: 479px) {
#side-bar {
    width: 80%;
    position: relative;
    }
}
 
@media (min-width: 480px) and (max-width: 580px) { 
#side-bar {
    width: 80%;
    position: relative;
    }
}
 
@media (min-width: 581px) and (max-width: 767px) { 
#side-bar {
    width: 80%;
    position: relative;
    }
}
 
@media (min-width: 768px) and (max-width: 979px) {
#side-bar {
    max-width: 100%;
    }
}
 
@media (max-width: 767px) {
#side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: -25em;
    width: 17em;
    height: 100%;
    background-color: rgb(192, 192, 192);
    overflow-y: auto;
    z-index: 10;
    padding: 1em 1em 0 1em;
    -webkit-transition: left 0.5s ease-in-out 0.1s;
    -moz-transition: left 0.5s ease-in-out 0.1s;
    -ms-transition: left 0.5s ease-in-out 0.1s;
    -o-transition: left 0.5s ease-in-out 0.1s;
    transition: left 0.5s ease-in-out 0.1s;
}
 
#side-bar:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
 
}
 
#side-bar:target {
    display: block;
    left: 0;
    width: 17em;
    margin: 0;
    border: 1px solid #dedede;
    z-index: 10;
}
 
#side-bar:target + #main-content {
    left: 0;
}
 
#side-bar:target .close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) 1px 1px repeat;
    z-index: -1;
    }
}
 
/* Cambia el color del fondo de la side-bar en vista móvil */
@media (max-width: 767px) {
    #side-bar{
        background: rgba(65, 1, 70, 0.5);
    }
}
 
/* Cambia el color del botón que te deja acceder a la side-bar en vista móvil */
 
@media (max-width: 767px) {
.open-menu a {
    border: 0.2em solid #000000 !important;
    background-color: #f4b700 !important;
    color: #000000 !important;
    }
}
 
.open-menu a:hover {
    text-decoration: none !important;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(244,183,0,1);
    -moz-box-shadow: 0px 0px 20px 3px rgba(244,183,0,1);
    -ms-box-shadow: 0px 0px 20px 3px rgba(244,183,0,1);
    -o-box-shadow: 0px 0px 20px 3px rgba(244,183,0,1);
    box-shadow: 0px 0px 20px 3px rgba(244,183,0,1);
}
 
/* Cambia de color la scrollbar */
 
::-webkit-scrollbar-thumb {
    background: #000000;
    border: solid 1px #f4b700;
}
::-webkit-scrollbar-track {
    background: rgba(65, 1, 70, 0.5);
}
 
/* FOOTER STUFF */
#footer {
    background: #3d2b1f;
    color: #6C006C;
}
 
/* TOP BAR RECOLORING*/
#top-bar ul li ul {
    border: solid 1px #3d2b1f;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #CE9CCE;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #FFE3FD;
    color: #6c006c;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #8db600;
}
/* CONTENT PANELS */
.content-panel {
    border: solid 1px #5d8aa8;
    background-color: #bcd4e6;
    box-shadow: 3px 3px 6px #e6e6fa;
}
.content-panel .panel-footer {
    color: #A30053;
}
.content-panel .content-toc {
    border: solid 1px #5d8aa8;
}
 
/* SEXY BOX */
div.sexy-box {
    background: #f0f8ff;
    border: 1px solid #903C67;
}
div.sexy-box div.image-container img {
    border: 1px solid #9f8170;
}
 
/* TRANSLATION BLOCK */
 
#interwiki .side-block {
    padding: 10px;
    border: 1px solid #f8b400;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(32,32,32,1) !important;
    background: #000000 !important; 
    margin-bottom: 15px;
}
 
#interwiki .heading {
    color: #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
}
 
#interwiki a,
#interwiki a:visited,
#interwiki a.newpage {
    color: #F3CF08
}
 
#interwiki .menu-item img {
    filter: hue-rotate(300deg);
    -webkit-filter: hue-rotate(300deg);
}

es i-57 tema

La Fundación SCP

Rama Hispanohablante

Info

Uso

Ejemplos

Título 1

Título 2

Título 3

Título 4

Título 5

Título 6

Otros sitios interesantes

PEMARF

The Backrooms-P

Trading With The Flow!!!

Steel and Stone