Thème du Royaume d'Univers'Île

Included page "theme-du-royaume-d-univers-ile" does not exist (create it now)

How to Install:

Just gets placed the following at the TOP of the page.

---

[[include :lefilet:theme-du-royaume-d-univers-ile lang=fr]]

---

• http://lefilet.wikidot.com/theme-du-royaume-d-univers-ile

---

Titre

Titre de Niveau 2

Emblème de la famille royale.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut consequat semper viverra nam. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Justo laoreet sit amet cursus sit. Nunc consequat interdum varius sit. Donec pretium vulputate sapien nec sagittis. Cras semper auctor neque vitae tempus quam. Convallis a cras semper auctor neque.

Malesuada proin libero nunc consequat interdum varius sit amet mattis. Aliquam purus sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc aliquet bibendum enim facilisis gravida. Dignissim sodales ut eu sem. Amet nisl suscipit adipiscing bibendum est ultricies integer quis. Massa id neque aliquam vestibulum morbi blandit cursus risus. Semper auctor neque vitae tempus. Ornare aenean euismod elementum nisi quis. Viverra mauris in aliquam sem fringilla. Condimentum mattis pellentesque id nibh. Id aliquet lectus proin nibh nisl.

Eleifend quam adipiscing vitae proin sagittis. Mauris vitae ultricies leo integer malesuada nunc vel risus commodo. Ut lectus arcu bibendum at varius vel pharetra vel. Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis. Ultricies lacus sed turpis tincidunt id aliquet risus feugiat. Tortor condimentum lacinia quis vel. Dolor purus non enim praesent elementum facilisis leo vel. Eros donec ac odio tempor orci dapibus ultrices in iaculis. Et malesuada fames ac turpis. Ipsum suspendisse ultrices gravida dictum. In fermentum et sollicitudin ac. Parturient montes nascetur ridiculus mus mauris vitae.

---

en-tête	en-tête	en-tête	en-tête
contenu-de-la-cellule	contenu-de-la-cellule	contenu-de-la-cellule	contenu-de-la-cellule

Un lien (Un lien que vous avez probablement déjà visité)

+ Un collapsible

Intérieur du collapsible

---

Un onglet

/*
    Thème du Royaume d'Univers'Île
    [2019 Wikidot Theme]
    Créé par DrMacro et 7happy7
    Basé sur le thème SCP Sigma 9 créé par Aelanna et Dr Devan
*/
 
@import url('https://fonts.googleapis.com/css?family=Bigshot+One&display=swap');
@import url(//db.onlinewebfonts.com/c/1646cde4cb82668c6d24c9f33e67e4ea?family=Poor+Richard);
 
:root {
    --univ-main-color-base: 255,204,102;
    --univ-accent-color-base: 50,0,30;
    --univ-sub-color-base: 185,127,70;
 
    --univ-main-color: rgba(var(--univ-main-color-base),.8);
    --univ-accent-color: rgba(var(--univ-accent-color-base),.8);
    --univ-sub-color: rgba(var(--univ-sub-color-base),.8);
 
    --univ-shadow: 0 1px 10px var(--univ-accent-color);
 
    --univ-font: 'Bigshot One', cursive;
 
    --menu-x: 0.75rem;
    --menu-y: 0.75rem;
    --menu-height: 1.8rem;
    --menu-span-height: calc(var(--menu-height) / 5);
    --menu-trans: calc(var(--menu-span-height) * 2);
 
    --side-width: 17em;
}
 
.page-rate-widget-box {
    align-items: center;
    background-color: none;
    border-radius: 0;
    display: inline-flex;
    margin: 0!important;
}
.page-rate-widget-box * {
    --univ-rate-bg: none;
    background-color: var(--univ-rate-bg)!important;
    border-radius: 0!important;
    border-width: 0!important;
    display: inline-block;
}
.page-rate-widget-box .btn a,
.page-rate-widget-box .rate-points {
    padding: .35em .5em!important;
}
.page-rate-widget-box .btn {
    --univ-rate-bg: var(--univ-main-color);
}
.page-rate-widget-box .rate-points {
    --univ-rate-bg: var(--univ-accent-color);
    color: var(--univ-main-color)!important;
    text-shadow: 0 2px 5px var(--univ-accent-color);
}
 
#page-title {
    background: var(--univ-accent-color);
    border: none;
    color: var(--univ-main-color);
    letter-spacing: .075em;
    padding: .35em 0;
    text-align: center;
    text-shadow: 0 2px 5px var(--univ-accent-color);
}
#page-title, h1, h2, h3, h4, h5, h6 {
    font-family: var(--univ-font);
}
 
.scp-image-block {
    border: none;
    box-shadow: var(--univ-shadow);
}
.scp-image-block .scp-image-caption {
    background-color: var(--univ-accent-color);
    border-top: none;
    color: #fff;
    font-size: 1.08em;
    padding: .75em 0;
    text-shadow: 0 2px 5px var(--univ-accent-color);
}
.scp-image-block .scp-image-caption a {
    font-style: italic;
    font-weight: bold;
}
 
table.wiki-content-table th {
    border: 1px solid var(--univ-accent-color);
    background-color: var(--univ-accent-color);
    color: var(--univ-main-color);
    text-shadow: 0 2px 5px var(--univ-accent-color);
}
table.wiki-content-table td {
    border: 1px solid var(--univ-accent-color);
}
 
/* HEADER */
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url("http://lefilet.wdfiles.com/local--files/hidden%3Auni-2/scp_macro_01.png");
    background-size: cover;
    background-position: 50% 50%;
}
 
div#container-wrap {
    background-image: url(none);
}
 
div#extra-div-2 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background-color: #5c1d24;
    background-image: linear-gradient(to bottom,
      #5C1D24,
      #42151a);
} /* Red-top bar */
 
#header {
    background: url("http://lefilet.wdfiles.com/local--files/hidden%3Auni-2/logo2.png") 15px 40px no-repeat;
    background-size: 6rem;
    filter: drop-shadow(2px 2px 5px var(--univ-accent-color));
    justify-content: center;
}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
}
 
#header h1 a::before {
    color: var(--univ-main-color);
    content: "Royaume d'Univers'Île";
    font-size: 80%;
    font-family: var(--univ-font);
    font-weight: 800;
    text-shadow: none;
    -webkit-text-stroke-color: var(--univ-accent-color);
    -webkit-text-stroke-width: .75px;
}
 
#header h1 a span{
    visibility: hidden;
}
 
#header h2 span {
    color: transparent;
    text-shadow: 0px 0px 0px;
}
 
#header h2 span::before {
    content: "Pour la Gloire de Marien II";
    color: var(--univ-main-color);
    font-family: var(--univ-font);
    font-weight: 800;
    font-size: 150%;
    text-shadow: none;
    -webkit-text-stroke-color: var(--univ-accent-color);
    -webkit-text-stroke-width: 0.9px;
}
 
/* BODY */
body {
    background-color: #ffcc66;
    background-image: linear-gradient(
        #ffb626,
        #ffcc66 500px);
    font-family: var(--univ-font);
    font-size: .85em;
    letter-spacing: .075em;
}
 
blockquote {
    background: var(--univ-main-color);
    border: 1px solid rgba(var(--univ-accent-color-base),.3);
    box-shadow: var( --univ-shadow);
}
 
#u-side-bar {
    clear: none;
    float: none;
    position: absolute;
    top: 0.5em;
    left: -20em;
    width: var(--side-width);
    padding: 0;
    border: none;
    display: block;
}
.fader {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fader a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
 
.open-menu {
    display: none;
}
@media (max-width: 767px) {
    .open-menu {
        display: inline-block;
        opacity: 1;
        transition: all 0.5s ease-in-out!important;
    }
    .open-menu a {
        border: none;
        font-size: 0;
    }
    .open-menu a:hover {
        box-shadow: none;
    }
    .open-menu a.menu-trigger,
    .open-menu a.menu-trigger span {
        display: inline-block;
        box-sizing: border-box;
    }
    .open-menu .menu-trigger {
        background-color: transparent!important;
        top: unset;
        bottom: unset;
        top: var(--menu-y);
        left: var(--menu-x);
        margin: 0 auto;
        width: calc(var(--menu-height) * 1.2);
        height: var(--menu-height);
        position: fixed;
        z-index: 999;
    }
    .open-menu .menu-trigger span {
        opacity: 1;
        position: absolute;
        left: 0;
        width: 100%;
        height: var(--menu-span-height);
        background-color: rgba(255,255,255,.7);
        box-shadow: 0 0 5px #888;
    }
    .open-menu a.menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .open-menu a.menu-trigger span:nth-of-type(2) {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .open-menu a.menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
 
    #u-side-bar {
        position: fixed;
        top: 0;
        left: -25em;
        height: 100%;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        transition: left 0.5s ease-in-out 0.1s;
    }
    #u-side-bar:target {
        left: 0;
    }
    #u-side-bar:target ~ .fader {
        display: block;
    }
    #u-side-bar:target ~ .open-menu {
        opacity: 0;
    }
}
 
@media (max-width: 479px) {
    #u-side-bar {
        left: -25em;
    }
    #u-side-bar:target {
        left: 0;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    #u-side-bar {
        left: -27em;
    }
    #u-side-bar:target {
        left: -2em;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #u-side-bar {
        left: -20em;
    }
}
 
#side-bar,
#top-bar .open-menu {
    display: none!important;
}
 
#u-side-bar p {
    margin: 0;
}
#u-side-bar .side-wrap {
    filter: drop-shadow(var(--univ-shadow));
}
#u-side-bar .side-wrap:after {
    content: "";
    display: block;
    position: relative;
    border-top: 3em solid var(--univ-accent-color);
    border-left: calc(var(--side-width) / 2) solid transparent;
    border-right: calc(var(--side-width) / 2) solid transparent;
}
#u-side-bar .side-block {
    --side-bg: var(--univ-accent-color);
    background: var(--side-bg)!important;
    border: none;
    border-radius: 0;
    color: var(--univ-main-color);
    margin: 0;
    padding: 10px;
}
#u-side-bar .side-block[style] {
    --side-bg: var(--univ-sub-color);
}
#u-side-bar .heading {
    border-bottom: solid 1px var(--univ-main-color);
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
}
#u-side-bar .menu-item {
    margin: 2px 0;
}
#u-side-bar a, #side-bar a:visited {
    color: var(--univ-main-color);
    text-shadow: 0 1px 3px var(--univ-accent-color);
}
 
/* Code */
.code {
    border-color: #666;
    background-color: transparent;
    font-size: 14px;
}
 
.hl-code,
.hl-identifier,
.hl-brackets {
    color: var(--univ-main-color);
}
 
/* Tab */
div.yui-navset {
    box-shadow: var(--univ-shadow);
}
div.yui-navset ul.yui-nav {
    display: flex;
    flex-wrap: wrap;
    border: none;
}
div.yui-navset ul.yui-nav li {
    width: 40%;
    flex-grow: 1;
    margin: 0!important;
    padding: 0!important;
    line-height: 141%;
}
div.yui-navset ul.yui-nav li a {
    width: calc(100% - 4px);
    text-align: center;
    background-color: var(--univ-accent-color)!important;
    background-image: none!important;
    color: var(--univ-main-color);
    margin: 0!important;
    padding: 0!important;
    border: 2px outset var(--univ-main-color);
}
.yui-navset .yui-nav .selected a {
    background: #901!important;
    color: #fff;
    border-radius: 0;
}
div.yui-navset ul.yui-nav li a em {
    border: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 0;
}
div.yui-navset ul.yui-nav li.selected a em {
    padding: 0.25em 0.75em; /* heck! */
}
div.yui-navset ul.yui-nav li.selected a,
div.yui-navset ul.yui-nav li.selected a em {
    border-color: var(--univ-main-color);
}
div.yui-navset {
    border: none;
}
div.yui-navset div.yui-content {
    border: 2px outset var(--univ-main-color);
    background-color: var(--univ-accent-color);
    color: var(--univ-main-color);
    padding: 0;
    -webkit-text-stroke-color: var(--univ-main-color);
    -webkit-text-stroke-width: .35px;
}
 
#page-content .yui-navset .yui-content > div {
    border: 2px solid;
    opacity: 0;
    margin: .5em;
    padding: .25em .5em;
}
#page-content .yui-navset .yui-content > div[style*="none"] {
    animation: none;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
    opacity: 0;
    animation: appear 0.4s ease-in-out 0s forwards;
}
@keyframes appear {to {opacity: 1;}}

Un autre onglet

Hé regarde, il y a plus de texte ici.

Surprenant.

Un onglet long

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

C'est un onglet long. Il contient beaucoup de texte.

Cet onglet vide a un nom très long pour une raison étrange. Je me demande bien pourquoi.

Onglet vide

J'ai menti, cet onglet n'est pas vide.

Onglet vide

J'ai menti, cet onglet n'est pas vide.

Onglet vide

J'ai menti, cet onglet n'est pas vide.