Liens Vends-un-ami

EH TOI LÀ !

Cette page est utilisée pour le fonctionnement du site,

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

Ce modèle sert à inclure plus facilement les éléments nécessaires sur la page d'un thème.

Instructions d'utilisation

Les variables suivantes servent à afficher ou non des éléments si votre thème les modifie pour qu'on puisse voir leur nouvelle apparence. Ils sont tous désactivés par défaut, supprimez du copié-collé ci-dessous ceux que le thème ne touche pas ; pour les autres, conservez l'attribut "block".

  • notation : Module de notation et de crédit.
  • liens : Liens non visités, visités et inexistants dans le texte.
  • footnote : Note de bas de page.
  • image : Bloc d'image utilisé dans les rapports.
  • titres1/2/3/4/5/6 : Titres de niveau 1, 2, etc (correspondant au nombre de symboles "+" utilisés avant). Faites suivre la variable "titres" du nombre exact de titres que votre thème modifie. N'en utilisez pas plusieurs.
  • onglets : Tableau à onglets.
  • citations : Bloc de citation, souvent utilisé notamment pour les entretiens et journaux d'exploration.
  • tableau : Tableaux à cases.

Vous pouvez bien sûr ajouter sous le code de ce module tous les autres éléments modifiés par votre thème qui ne s'y trouveraient pas.

Note : Contrairement à l'usage le plus répandu sur le site, le préfixe :fondationscp: est important sur les thèmes originaux car il permet d'éviter des bugs lors de réutilisations des thèmes par d'autres branches. Pour les thèmes importés d'autres branches, il n'est pas nécessaire.

[[include :fondationscp:component:modele-theme
|notation=block
|liens=block
|footnote=block
|image=block
|titres1/titres2/titres3/titres4/titres5/titres6=block
|onglets=block
|citations=block
|tableau=block
]]

@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