Liens Vends-un-ami

EH TOI LÀ !

Cette page est utilisée en interne par le Wiki SCP,

MERCI DE NE PAS MODIFIER CETTE PAGE
SANS LA PERMISSION DU STAFF.

Ce component est utilisé sur les articles de la série Vends-un-ami. Il fait deux choses :

  1. Ajouter un lien qui active ou désactive le thème Wondertainment.
  2. Automatiser la création des liens de navigation.

Ce component applique le thème de Wondertainment aux pages où il est appliqué et importe la police Berkshire Swash, mais n'est pas un thème lui-même.

Fait par CroquemboucheCroquembouche à la demande de DarkStuffDarkStuff en 2018.

Usage

Placez ceci là où vous voulez voir apparaître les liens de navigation et l'option pour désactiver le thème :

[[include component:vaf-links
| position=middle
| previous-page=
| previous-page-name=
| next-page=
| next-page-name=
]]

Tout CSS conçu pour remplacer des éléments du thème Wondertainment doit être placé en dessous de ce bloc. Le reste du CSS peut être placé où vous voulez.

Remplacez les variables dans ce code par le nom des pages vers lesquelles vous voulez renvoyer.

position La position de cette page dans la série à laquelle elle appartient. Mettez "first", "middle", "last" ou "hub".
"first" affichera les liens du centre et de la page suivante.
"middle" affichera les liens du centre, de la page précédente et de la page suivante.
"last" affichera les liens du centre et de la page précédente .
"hub" n'affichera aucun lien.
previous-page L'URL relative (ou "nom complet") de la page précédente dans la série.
S'il n'y a pas de page précédente, réglez le paramètre position sur "first".
previous-page-name Le titre de la page précédente dans la série.
S'il n'y a pas de page précédente, réglez le paramètre position sur "first".
next-page L'URL relative (ou "nom complet") de la page suivante dans la série.
S'il n'y a pas de page précédente, réglez le paramètre position sur "last".
next-page-name Le titre de la page suivante dans la série.
S'il n'y a pas de page suivante, réglez le paramètre position sur "last".

Si vous ne voulez aucun lien de navigation, réglez le paramètre position sur "hub" et ne remplissez aucun des autres champs.

Si l'URL de n'importe laquelle des pages mentionnées est définie comme "/", le lien apparaîtra comme un texte normal non cliquable de votre choix.

Avec thème Wondertainment

@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
@import url('https://fonts.googleapis.com/css?family=Sansita');
 
/*
    Wondertainment Theme
    [2018 Wikidot Theme]
    Created for the SCP Foundation by DarkStuff and taylor_itkin; revised by stormbreath.
    credit for the header image: https://pixabay.com/en/star-pattern-wallpaper-purple-763785/
    logo made by Zhange, edited by taylor_itkin
*/
 
:root {
    /* 4 Rating-module */
    --ct_col_rate-primary: #780d8e;
    --ct_col_rate-secondary: #fff;
    --ct_col_rate-cancel: #d6b6dd;
    --ct_col_rate-link-hover: #f1e6f3;
    --ct_brd_rate-primary: solid 1px #780d8e;
    /* Common */
    --ct_col_h1-txt: #780d8e;
    --ct_fnt_header-txt: "Berkshire Swash";
    --ct_col_page-title-border: #780d8e;
    /* LINK COLOR */
    --ct_col_link: #9708af;
    --ct_col_link-visited: #680f99;
    --ct_col_link-newpage: #c06acf;
    /* BACKGROUND COLOR FONT COLOR */
    --ct_bg_body: #fdffd3;
    --ct_col_body-txt: #2e023a;
    --ct_bg_header-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Awondertainment/AnotherTest.png);
    /* HEADER */
    --ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Awondertainment/wondertainmentSmall.png);
    /* SEARCH BOX INPUT */
    --ct_col_searchbox-gradient-1: #fff98e;
    --ct_brd_searchbox-border: solid 1px #780d8e;
    --ct_col_searchbox-txt: #370342;
    --ct_col_searchbox-gradient-2: #9b7aa3;
    --ct_col_searchbox-highlight: #d8d6ba;
}
/* Common */ 
h1, #page-title {
    font-weight: normal;
}
 
/* BACKGROUND COLOR FONT COLOR */
body {
    font-family: 'Sansita', sans-serif;
    font-size: 0.90em;
}
/* IMPORTANT SEARCH BOX BUTTON */
#search-top-box-form input[type=submit] {
    border: solid 1px #999;
    color: #fff98e;
    background: linear-gradient(to bottom, #d9bae2,#b740bc,#780d8e);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    color: #780d8e;
    text-shadow: 0 0 1px rgba(255,255,255,.25);
    background-color: #fbffba;
    background: linear-gradient(to bottom, #fff,#dfe580,#b6bc51);
}
 
#login-status {
    color: #430e5b;
}
#login-status a {
    color: #7f1c8e;
}
#login-status ul a {
    color: #290077;
}
 
#account-topbutton {
    background: #290077;
    color: #7f1c8e;
}
 
#header h1 a {
    color: transparent;
    font-family: 'Berkshire Swash', cursive;
    text-shadow: none;
}
 
#header h1 a::before {
    content: "Dr Wondertainment !";
    color: #fdffd3;
    text-shadow: 3px 3px 5px #000000;
}
 
#header h2 span {
    font-family: 'Sansita', sans-serif;
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: "Sachez votre tête est un endroit merveilleux";
    color: #fdffd3;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);}
 
/* TOP MENU */
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: #9538a5;
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: #e509bd;
}
 
/* SIDE MENU */
#side-bar .side-block {
    border: 1px solid #780d8e;
    box-shadow: 0 2px 6px rgba(102,0,50,.5);
    background: #f8d8ff !important;
}
 
#side-bar .heading {
    color: #780d8e;
    border-bottom: solid 1px #780d8e;
}
 
#side-bar div.menu-item.inactive img {
    opacity: 0.25;
}
#side-bar div.menu-item.inactive a {
    color: #7918ad;
}
 
#side-bar div.menu-item .sub-text {
    color: #7918ad;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #7918ad;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #7918ad;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #7918ad;
}
 
.side-block .menu-item > .image {
    filter: hue-rotate(275deg) brightness(200%);
    -webkit-filter: hue-rotate(275deg) brightness(200%);
}
 
/* CONTENT */
blockquote{
  margin: 20px 0;
  padding-left: 1.5rem;
  background: #fff98e;
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #fcffc1;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Awondertainment/tabs.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:#707 url(http://fondationscp.wdfiles.com/local--files/theme%3Awondertainment/tabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff98e;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#d8d url(http://fondationscp.wdfiles.com/local--files/theme%3Awondertainment/tabs.png) repeat-x left -1300px;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #34293a;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #34293a;
}
.yui-navset li {
    line-height: normal;
}
 
/* FOOTER */
#footer {
    background: #24022d;
    color: #fff98e;
}
#footer a {
    color: #e866ff;
}
 
/* Heritage Collection Rating Module */
.heritage-rating-module {
    background-color: #633;
    border: solid 1px #ccc066;
}
 
/* Standard Image Block */
.scp-image-block {
    border: solid 1px #2e023a;
}
 
.scp-image-block .scp-image-caption {
    background-color: #fcffc1;
    border-top: solid 1px #2e023a;
}
 
/* Scrollbar */  
::-webkit-scrollbar-thumb
{
    background: rgba(151,8,175, .5);
}
 
/* Mobile Header & Side-Bar */
@media (max-width: 767px) { 
    #side-bar{
        background-color: #42074F;
}
    #header h1 a::before {
       font-size: 60%;
}
    #header h2 span::before {
        font-size: 60%;
} 
    .open-menu a {
        border: 0.2em solid #780d8e !important;
        background-color: #fdffd3 !important;
        color: #780d8e !important;
}
}
 
div.scpnet-interwiki-wrapper {
    filter: hue-rotate(291deg) saturate(95%) brightness(120%);
}
modèle
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License