Thème des Enfants du Bruit

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.


Ceci est le thème des Enfants du Bruit (cadeau du 35 décembre de Benji). Pour utiliser ce thème sur votre article, copiez le code suivant en haut du code de votre page :

[[include theme:bruit]]

Tous les articles postés sur le site doivent utiliser le code du dessus, mais il ne marchera pas sur votre page sandbox ! Pour cela, il vous faudra utiliser celui-ci :

[[include :fondationscp:theme:bruit]]


logo-scp.svg

Image d'exemple.

Texte avec une note de bas de page1

Premier Titre

Premier Titre

Second Titre

Premier Titre

Second Titre

Troisième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre

Premier Titre

Second Titre

Troisième Titre

Quatrième Titre

Cinquième Titre
Sixième Titre

Ceci est un onglet.

Ceci est un bloc de citation faisable en mettant un chevron ">" suivi d'un espace au début de chaque ligne.
Plus de texte


C'est un trait horizontal

Blocs de citation imbriqués

Titre Titre Titre
Contenu Contenu Contenu
Contenu Longue cellule
Très longue cellule

/*
    Thème des Enfants du Bruit
    [Thème Wikidot 2022-2023]
    Créé par Cauchynambour
    CC BY-SA 3.0
 
    Crédits
logo par Cauchynambour sur base du logo de la CMO, licence CC-BY-SA-3.0
*/
 
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
 
:root {
        /* Couleurs */
        --rose: 253, 69, 162;
        --rose-fonce: 173, 44, 109;
        --fond: #191919;
        --texte: #CCCCCC;
        --jaune: 231, 228, 0;
        --cyan: 10, 245, 245;
 
        /* 1 Common */
        --ct_bg_body: var(--fond);
        --ct_col_body-txt: var(--texte);
        --ct_col_h1-txt: rgba(var(--cyan),90%);
        --ct_col_link: rgb(var(--rose));
        --ct_col_link-visited: rgb(var(--rose-fonce));
        --ct_col_link-newpage: rgb(var(--jaune));
        --ct_col_hr: rgb(var(--cyan));
        --ct_bg_table-header: rgba(var(--rose-fonce),70%);
 
        /* 2 Header */
        --ct_cnt_alt-header-txt: "Les Enfants du Bruit";
        --ct_fns_alt-header-txt: clamp(20px, 5vw, 50px);
        --ct_fns_header-txt: 0;
        --ct_bg_header-image: url('http://fondationscp.wdfiles.com/local--files/theme%3Abruit/header_bruit.jpg');
        --ct_bg_header-logo: url('http://fondationscp.wdfiles.com/local--files/theme%3Abruit/bruit_logo.png');
        --ct_fnt_header-txt: 'Orbitron', sans-serif;
        --ct_col_header-txt: #fffeeb;
        --ct_shd_header-txt: none;
 
        --ct_cnt_alt-slogan-txt: "Sous l'acier, notre coeur est une variable vibrante";
        --ct_fns_alt-slogan-txt: clamp(8px, 2.125vw, 20px);
        --ct_fns_slogan-txt: 0;
        --ct_fnt_slogan-txt: 'Audiowide', cursive;
        --ct_col_alt-slogan-txt: var(--texte);
        --ct_shd_slogan-txt: 1px 1px 1px rgba(var(--rose),80%);
 
        /* 2 Account menu */
        --ct_col_account-menu-txt: var(--texte);
        --ct_col_account-menu-link: #ddd;
        --ct_col_account-submenu-bg: var(--fond);
        --ct_col_account-submenu-link: var(--texte);
        --ct_col_account-submenu-link-hover: rgb(var(--rose));
        --ct_brd_account-submenu: 1px solid rgba(var(--rose-fonce),80%);
 
        /* 2 Search box */
        --ct_col_searchbox-txt: var(--texte);
        --ct_brd_searchbox-border: solid 1px rgba(var(--rose-fonce),70%);
        --ct_col_searchbox-highlight: var(--texte);
        --ct_brd_searchbox-highlight: solid 1px rgba(var(--rose),60%);
        --ct_col_searchbox-gradient-1: var(--fond);
        --ct_col_searchbox-gradient-2: rgba(var(--rose-fonce),1);
        --ct_col_searchbox-gradient-3: rgba(var(--rose),1);
        --ct_col_searchbox-gradient-4: rgba(var(--cyan),1);
        --ct_dim_searchbox-border-radius: 3px;
 
        /* 2 Topbar */
        --ct_col_topbar-txt: var(--texte);
        --ct_col_topbar-link: var(--texte);
        --ct_bg_topbar-item: var(--fond);
        --ct_bg_topbar-item-highlight: rgb(var(--rose-fonce));
        --ct_brd_topbar-menu: solid 2px rgb(var(--rose));
        --ct_brd_topbar-menu-hover: solid 2px rgb(var(--rose));
        --ct_brd_topbar-item: solid 1px transparent;
        --ct_brd_topbar-item-hover: solid 1px rgb(var(--rose));
 
        /* 2 Sidebar */
        --ct_shd_sidebar-block: 0 2px 6px rgba(var(--cyan),60%) ;
        --ct_col_sidebar-elements: rgb(var(--jaune));
        --ct_brd_sidebar-elements: 2px solid rgba(var(--cyan),60%);
        --ct_bg_sidebar-default: rgba(var(--fond),60%);
        --ct_bg_sidebar-blue: var(--fond);
        --ct_bg_sidebar-red: var(--fond);
        --ct_bg_sidebar-green: var(--fond);
        --ct_bg_sidebar-yellow: var(--fond);
        --ct_col_sidebar-subtext: rgba(var(--cyan),68%);
        --ct_dim_sidebar-border-radius: 7px;
 
        /* 3 Footer */
        --ct_bg_footer: rgba(var(--rose),40%);
        --ct_col_footer-link: var(--texte);
 
        /* 4 Content area */
        --ct_col_page-title: var(--ct_col_h1-txt);
        --ct_col_page-title-border: rgb(var(--cyan));
 
        /* 4 Rating module */
        --ct_col_rate-primary: rgba(var(--rose-fonce),1);
        --ct_brd_rate-primary: solid 1px rgba(var(--rose),70%);
        --ct_col_rate-secondary: var(--texte);
        --ct_col_rate-cancel: rgba(var(--jaune),1);
        --ct_col_rate-link-hover: rgb(var(--cyan)) !important;
        --ct_dim_rate-border-radius: 2px;
 
        /* 4 Other page elements */
        --ct_col_toc-bg: var(--texte);
        --ct_brd_toc: 2px solid rgb(var(--jaune));
        --ct_col_blockquote-bg: rgba(var(--fond),40%);
        --ct_brd_blockquote: 2px solid rgb(var(--jaune));
        --ct_col_code-bg: #311236;
        --ct_bg_table-header: #442354;
        --ct_brd_table-header: 1px solid rgba(var(--rose),50%);
 
        /* 7 Responsive Web Design */
        --ct_col_m_sidebar-bg: #321a39;
        --ct_brd_m_sidebar: 1px solid #bffff6;
        --ct_brd_m_sidebar-right: 1px solid #3b2c3e;
        --ct_col_m_sidebar-button-bg: #f7ff4b;
        --ct_brd_m_sidebar-button: .2em solid #888;
        --ct_shd_m_sidebar-button: 0 0 20px 3px rgba(153,153,153,1);
 
        /* 9 Off-page styling */
        --ct_bg_hovertip: rgba(var(--rose),85%) !important;
        --ct_brd_hovertip: solid 1px rgba(var(--rose),50%);
        --ct_brd_input: solid 1px var(--texte);
        --ct_brd_input-hover: 1px solid rgba(var(--rose-fonce),60%);
        --ct_brd_input-outline: 1px solid rgba(var(--rose-fonce),80%);
        --ct_bg_btn: rgba(var(--fond),20%);
        --ct_col_btn: var(--ct_col_body-txt);
        --ct_brd_btn: 1px solid rgba(var(--cyan),70%);
        --ct_bg_btn-hover: rgba(var(--fond),90%);
        --ct_col_btn-hover: var(--ct_col_btn);
        --ct_bg_edit-info-text: rgba(var(--fond),60%);
        --ct_brd_edit-info-text: 1px solid rgba(var(--cyan),60%);
        --ct_bg_owindow: (var(--fond));
        --ct_brd_owdindow: 2px solid rgba(var(--rose),40%);
        --ct_bg_owindow-header: rgba(var(--rose),40%);
 
    --ct_bg_sidebar-item-default: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='5' y='5' width='3' height='3' fill='%23CCC' fill-opacity='.8' stroke-width='3.8' style='paint-order:stroke markers fill'/%3e%3c/svg%3e");
    --ct_bg_sidebar-item-forum: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 3c-1.108 0-2 0.892-2 2v1c0 1.108 0.892 2 2 2h2.0156l-0.015625 2.5 2.5-2.5h0.5c1.108 0 2-0.892 2-2v-1c0-1.108-0.892-2-2-2h-5z' fill='%23CCC' fill-opacity='.8' stroke-linecap='square' stroke-opacity='.28' stroke-width='1.5' style='paint-order:stroke markers fill'/%3E%3C/svg%3E");
    --ct_bg_sidebar-item-help: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(3.7795 0 0 3.7795 1.1728e-8 -1114)'%3E%3Cpath transform='matrix(.26458 0 0 .26458 0 294.75)' d='m6.5 2-4.5 4.5 4.5 4.5 4.5-4.5zm1.4766 2.4257c0.36739 0.3237 0.55078 0.70117 0.55078 1.1328 0 0.23887-0.068912 0.46444-0.20508 0.67773-0.1336 0.21317-0.42138 0.50362-0.86328 0.87109-0.22866 0.19024-0.37121 0.34348-0.42773 0.45898-0.053954 0.11565-0.077406 0.32309-0.072266 0.62109h-0.98242c-0.00257-0.14135-0.00391-0.22707-0.00391-0.25781 0-0.31859 0.052865-0.58158 0.1582-0.78711 0.10534-0.20561 0.31485-0.4365 0.63086-0.69336 0.31601-0.25691 0.50475-0.42621 0.56641-0.50586 0.09506-0.12598 0.14258-0.26453 0.14258-0.41602 0-0.21065-0.084339-0.39002-0.25391-0.53906-0.167-0.15168-0.39255-0.22656-0.67773-0.22656-0.2749 0-0.50447 0.07765-0.68945 0.23438-0.18498 0.15672-0.31345 0.39566-0.38281 0.7168l-0.99414-0.12305c0.028261-0.45987 0.22368-0.85072 0.58594-1.1719 0.36483-0.32116 0.84268-0.48242 1.449-0.4824s1.1016 0.16396 1.469 0.49026zm-2.0391 4.1348h1.082v1.084h-1.082z' fill='%23CCC' fill-opacity='.8' style='paint-order:stroke markers fill'/%3E%3C/g%3E%3C/svg%3E");
    --ct_bg_sidebar-item-home: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(3.7795 0 0 3.7795 -1.4376e-8 -1114)'%3E%3Cpath d='m0.39178 296.54 1.328-1.2608 1.328 1.2608h-0.40197v1.1204h-0.52917v-0.79375h-0.79375v0.79375h-0.52917v-1.1204z' fill='%23CCC' fill-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");
    --ct_bg_sidebar-item-main: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(3.7795 0 0 3.7795 1.8677e-8 -1114)'%3E%3Crect transform='matrix(.70712 -.7071 .70712 .7071 0 0)' x='-209.08' y='210.2' width='1.3096' height='1.3096' fill='%23CCC' fill-opacity='.8' style='paint-order:stroke markers fill'/%3E%3C/g%3E%3C/svg%3E");
    --ct_bg_sidebar-item-series: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.9999 3.9999v7h4.9999v-4.9999l-2-2zm2.0001 0.49999 2.4998 2.5001h-2.4998z' fill-opacity='.8' stroke-width='.99998' style='paint-order:stroke markers fill' fill='%23CCC'/%3E%3Cpath d='m2.997 1.9931v7.0053h1.004v-6.0015h2.0005v-1.0039h-3.0044z' color='%23000000' color-rendering='auto' dominant-baseline='auto' fill-opacity='.8' image-rendering='auto' shape-rendering='auto' solid-color='%23000000' stop-color='%23000000' stroke-width='3.7795' fill='%23CCC'/%3E%3C/svg%3E");
    --ct_bg_sidebar-collapse: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 5v3h7v-3zm1.0032 1h4.9938v1h-4.9938z' color='%23000000' color-rendering='auto' dominant-baseline='auto' fill-opacity='.8' image-rendering='auto' shape-rendering='auto' solid-color='%23000000' stop-color='%23000000' stroke-width='3.8' fill='%23ccc'/%3E%3Crect x='4' y='6' width='5' height='1' ry='0' fill-opacity='.30545' style='paint-order:stroke markers fill' fill='%23191919'/%3E%3C/svg%3E");
    --ct_bg_sidebar-expand: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(3.7795 0 0 3.7795 6.7592e-8 -1114)'%3E%3Cpath transform='matrix(.26458 0 0 .26458 0 294.75)' d='m5 2.9924v2h-2v3.0001h2v2h3v-2h2v-3.0001h-2v-2zm1 1h1v2h2v1h-2v2h-1v-2h-2v-1h2z' color='%23000000' color-rendering='auto' dominant-baseline='auto' fill-opacity='.8' image-rendering='auto' shape-rendering='auto' solid-color='%23000000' stop-color='%23000000' fill='%23ccc'/%3E%3C/g%3E%3Crect x='6' y='4' width='1' height='1' rx='0' ry='0' fill-opacity='.36078' style='paint-order:stroke markers fill' fill='%23191919'/%3E%3Crect x='4' y='6' width='1' height='1' rx='0' ry='0' fill-opacity='.36078' style='paint-order:stroke markers fill' fill='%23191919'/%3E%3Crect x='8' y='6' width='1' height='1' rx='0' ry='0' fill-opacity='.36078' style='paint-order:stroke markers fill' fill='%23191919'/%3E%3Crect x='6' y='8' width='1' height='1' rx='0' ry='0' fill-opacity='.36078' style='paint-order:stroke markers fill' fill='%23191919'/%3E%3C/svg%3E");
 
}
 
#search-top-box-form input[type="submit"] {
  background-color: var(--ct_col_searchbox-gradient-2);
}
 
/*ANIMATIONS*/
 
@keyframes glitch {
  1%{
    transform: rotateX(10deg) skewX(90deg);
  }
  2%{
    transform: rotateX(0deg) skewX(0deg);
  }
}
 
@keyframes glitch-2 {
  1%{
    transform: rotateX(10deg) skewX(70deg);
  }
  2%{
    transform: rotateX(0deg) skewX(0deg);
  }
}
 
/* En-tête */
#header h2 span::before {
    font-family: var(--ct_fnt_slogan-txt);
    animation: glitch-2 5s 5s infinite;
}
 
#header h1 span::before {
    animation: glitch 5s 5s infinite;
}
 
#page-title {
    animation: glitch 5s 5s infinite;
}
 
div#container-wrap {
    background-size: auto;
}
 
#account-options {
    width: fit-content;
    font-size: 0.8rem;
}
#account-options li a {
    transition: 130ms;
}
#account-options li a:hover {
    background-color: rgba(var(--rose),30%);
    text-decoration: none;
}
 
/* Sidebar */
#side-bar a {
    --ct_col_link: var(--texte);
}
 
/* Module de crédits */
.modalbox {
    background-color: var(--fond);
}
.modalbox .modalbox-title {
    background-color: rgba(var(--rose-fonce),70%);
}
 
/* Code */
.code {
    border: solid 2px rgba(var(--rose),40%);
}
.hl-identifier {
    color: var(--texte);
}
.hl-code, .hl-brackets {
    color: var(--texte);
}
.hl-reserved {
    color: rgb(var(--jaune));
}
.hl-number {
    color: rgba(var(--jaune),80%);
}
.hl-string {
    color: rgba(var(--jaune),95%);
}
.hl-special {
    color: #CCCCCC;
}
.hl-var {
    color: rgb(var(--cyan));
}
 
.hl-quotes {
  color: rgb(var(--cyan));
}
 
/* ++++++++++++++++ Ajouts temporaires en attente d'update CT ++++++++++++++++ */
 
table.wiki-content-table th {
    background-color: var(--ct_bg_table-header);
    border: var(--ct_brd_table-header);
}
 
table.page-files .options, a.action-area-close:hover {
    background-color: var(--ct_bg_body);
}
.hovertip {
    background-color: var(--fond) !important;
    color: var(--ct_col_hovertip);
    border: var(--ct_brd_hovertip) !important;
}
input.text {
    background-color: var(--ct_bg_input);
    color: var(--ct_col_input);
    border: var(--ct_brd_input);
}
input.text:hover {
    outline: var(--ct_brd_input-hover);
}
input.text:focus {
    outline: var(--ct_brd_input-outline);
}
div.buttons input, input.button, a.button, .owindow .button-bar a {
    background-color: var(--ct_bg_btn);
    color: var(--ct_col_btn);
    border: var(--ct_brd_btn);
}
div.buttons input:hover, input.button:hover, button:hover, a.button:hover, div.buttons input:focus, input.button:focus, button:focus, a.button:focus, .owindow .button-bar a:hover, .owindow .button-bar a:focus {
    background-color: var(--ct_bg_btn-hover);
    color: var(--ct_col_btn-hover);
}
#lock-info {
    background-color: var(--ct_bg_edit-info-text);
    border: var(--ct_brd_edit-info-text);
}
.owindow {
    background-color: var(--ct_bg_owindow);
    border: var(--ct_brd_owindow);
}
.owindow .title {
    background-color: var(--ct_bg_owindow-header);
    color: var(--ct_col_owindow-header);
}
 
#license-area {
color : var(--texte);
}
 
.blockquote, .borderless-tabs .yui-content blockquote, blockquote {
box-shadow : 0 0 6px rgb(var(--jaune));
}
 
hr {
filter :drop-shadow(0 0 5px rgb(var(--cyan)));
}
 
#page-title {
filter :drop-shadow(0 0 5px rgb(var(--cyan)));
}
Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License