Thème Memoria
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 thème est celui du canon In Memoria, Adytum. Pour l'utiliser sur votre article, copiez le code suivant en haut du code de votre page :
[[include theme:memoria]]
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:memoria]]
Le Grand Sceau d'Adytum
Pour mettre le fond blanc-gris qui permet de voir le texte de votre article au-dessus du fond, utilisez ce code :
[[div class="textbox"]]
Texte de votre article
[[/div]]
Pour les "écritures" Solomonari :
[[div class="type1"]]
Vous devrez utiliser les symboles "@@@@" pour séparer les paragraphes.
[[>]]
[[span style="font-family: var(--body-font); font-size: var(--base-font-size); color: black;"]]- //Ceci est l'"origine du texte"//[[/span]]
[[/>]]
[[/div]]
Vous devrez utiliser les symboles "@@@@" pour séparer les paragraphes.
- Ceci est l'"origine du texte"
La police de titre est Nanum Brush Script.
La police manuscrite est Calligraffitti.
/* Thème Wikidot 2020 Basé sur le thème Sigma 9 créé par Aelanna Basé un thème Black Highlighter créé par MalyceGraves Adapté en Sigma 9 pour la branche hispanophone par morhadow Réadapté pour la branche francophone par Dr Lekter Images utilisées dans le thème créées par MalyceGraves et placées sous CC BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap'); :root { /* 2 Header */ --ct_cnt_alt-header-txt: "In Memoria, Adytum"; --ct_cnt_alt-slogan-txt: "Échos de Kalmaktama"; --ct_fnt_header-txt: 'Nanum Brush Script', cursive; --ct_fnt_slogan-txt: var(--ct_fnt_header-txt); --ct_col_slogan-txt: rgb(255,255,255); --ct_fns_alt-header-txt: 43.8px; --ct_fns_alt-slogan-txt: 15px; --ct_fns_header-txt: 0; --ct_fns_slogan-txt: 0; --ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Amemoria/TitleLogo.png); /* Divs perso */ --body-font: 'Calligraffitti', cursive; --base-font-size: 1em; } /* 2 Header */ #header { background-size: 100px; background-position: 0.7rem 2.3rem; } /* Haut de page */ #breadcrumbs { color: rgb(var(--very-light-gray-monochrome)); } #breadcrumbs a { background: rgba(0,0,0,0.5); } #page-title { display: none } @supports(--css:variables) { :root { --medium-accent: 100, 46, 44; --header-gradient-color-bottom: var(--medium-accent); --black-monochrome: 12, 12, 12; --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); --gradient-header: linear-gradient(0deg, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 90%, rgb(var(--header-gradient-color-top))); --background-gradient-distance: 75rem; --very-light-gray-monochrome: 215, 215, 215; --background-gradient-color: var(--very-light-gray-monochrome); --gradient-background: linear-gradient(180deg, rgba(var(--background-gradient-color), 1) 0, rgba(var(--background-gradient-color), 0.987) -webkit-calc(0.008*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) -webkit-calc(0.029*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) -webkit-calc(0.064*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) -webkit-calc(0.11*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) -webkit-calc(0.166*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) -webkit-calc(0.231*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.550) -webkit-calc(0.304*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.450) -webkit-calc(0.383*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) -webkit-calc(0.467*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) -webkit-calc(0.554*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) -webkit-calc(0.644*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) -webkit-calc(0.735*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) -webkit-calc(0.825*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) -webkit-calc(0.914*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) var(--background-gradient-distance)); --gradient-background: linear-gradient(180deg, rgba(var(--background-gradient-color), 1) 0, rgba(var(--background-gradient-color), 0.987) -moz-calc(0.008*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) -moz-calc(0.029*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) -moz-calc(0.064*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) -moz-calc(0.11*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) -moz-calc(0.166*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) -moz-calc(0.231*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.550) -moz-calc(0.304*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.450) -moz-calc(0.383*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) -moz-calc(0.467*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) -moz-calc(0.554*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) -moz-calc(0.644*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) -moz-calc(0.735*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) -moz-calc(0.825*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) -moz-calc(0.914*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) var(--background-gradient-distance)); --gradient-background: linear-gradient(180deg, rgba(var(--background-gradient-color), 1) 0, rgba(var(--background-gradient-color), 0.987) calc(0.008*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.951) calc(0.029*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.896) calc(0.064*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.825) calc(0.11*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.741) calc(0.166*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.648) calc(0.231*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.550) calc(0.304*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.450) calc(0.383*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.352) calc(0.467*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.259) calc(0.554*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.175) calc(0.644*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.104) calc(0.735*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.049) calc(0.825*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0.013) calc(0.914*var(--background-gradient-distance)), rgba(var(--background-gradient-color), 0) var(--background-gradient-distance)); --header-height-on-desktop: 7.5rem; --topbar-height-on-desktop: 1.875rem; --header-background-image-size: 100% var(--header-height-on-desktop); --final-header-height-on-desktop: -webkit-calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop)); --final-header-height-on-desktop: -moz-calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop)); --final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop)); --white-monochrome: 252, 252, 252; --swatch-background: var(--white-monochrome); } } @supports (background-blend-mode: screen) { div#extra-div-1 { width: 100%; height: calc(100% - var(--final-header-height-on-desktop)); position: absolute; top: calc(var(--final-header-height-on-desktop)); left: 0; z-index: -1; background-color: rgba(222, 222, 222, 1); background-color: rgba(var(--swatch-background), 1); mask: var(--gradient-background); -webkit-mask: var(--gradient-background); background-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Amemoria/background.jpg), var(--gradient-background); background-size: 100%, 80% var(--background-gradient-distance); background-blend-mode: difference; background-repeat: repeat, repeat-x; pointer-events: none; } } /* .block-right */ .scp-image-block { padding: 1em !important; background: linear-gradient(to bottom, rgb(48, 48, 52), rgb(100, 46, 44)); } .type1 { display: block; overflow: hidden; font-family: 'Calligraffitti', cursive; font-style: normal; font-size: 170%; color: rgb(57, 0, 0); background-attachment: scroll; background: url('http://fondationscp.wdfiles.com/local--files/theme%3Amemoria/textback.jpg'); background-clip: border-box; background-color: rgb(222, 222, 222); background-origin: padding-box; background-repeat: repeat; background-size: 100%; border-radius: 10px; padding: 10px 10px; margin-bottom: 10px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) } .textbox { border-radius: 10px; padding: 10px 10px; margin-bottom: 10px; background-color: rgba(244, 244, 244); }
révision de page: 19, édité la dernière fois: 28 Aug 2021 18:19
