« Fichier:HeraldiqueLegionBloodAngels6.jpg » et « Bac à sable » : différence entre les pages

De Omnis Bibliotheca
(Différence entre les pages)
Aller à :navigation, rechercher
(Maintenance script a téléversé Fichier:HeraldiqueLegionBloodAngels6.jpg)
Balise : Téléversement via le serveur
 
mAucun résumé des modifications
 
Ligne 1 : Ligne 1 :
{{copyright}}
{{#css:
.special-message-wrapper {
    position: relative;
    max-width: 100%;
    width: 800px;
    height: 400px;
    margin: auto;
    overflow: hidden;
    --smw-deep: 34px;
    --smw-border-width: 25px;
    --smw-color-1: #093435;
    --smw-color-2: #333333;
}
.special-message-inner-wrapper {
    position: absolute;
    top: var(--smw-deep);
    left: var(--smw-deep);
    width: calc(100% - calc(2 * var(--smw-deep)));
    height: calc(100% - calc(2 * var(--smw-deep)));
    perspective: 1400px;
    transform-style: preserve-3d;
    perspective-origin: center center;
}
.special-message-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 71%;
    transform-origin: center top !important;
    transform: rotateX(-25deg) translateZ(-45px);
    box-shadow: inset 0 2px 1px -1px var(--smw-color-1);
    background: radial-gradient(var(--smw-color-1),black) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.special-message-top-main {
    font-size: 50px;
    text-shadow: 0 0 15px black, 0 0 15px black, 0 0 25px black, 0 0 50px white;
}
.special-message-top-sub {
    font-size: 25px;
    max-width: 200px;
    text-align: center;
    color: #ffffffa0 !important;
    text-shadow: 0 0 2px black, 0 0 1px #ff3030, 0 0 5px #ff5f30, 0 0 5px #ff6130 !important;
}
.special-message-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38%;
    transform-origin: center bottom !important;
    transform: translateZ(-70px) rotateX(30deg);
    box-shadow: inset 0 0 25px black, inset 0 0 5px #000000, inset 0 0 0 5px #141414, inset 0 0 15px 20px #00000025, inset 0 0 20px black, inset 0 0 0 20px #101010, inset 0 0 15px 20px #00000075;
    background-image: linear-gradient(#00000030 1px,transparent 2px,transparent 100%),linear-gradient(90deg,#00000030 1px,transparent 2px,transparent 100%),radial-gradient(#3fffff30, transparent 70%);
    background-size: 100% 5px,5px 100%,100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.special-message-middle-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    z-index: 0 !important;
    transform: translateZ(-130px);
    box-shadow: inset 1px 1px #ffffff03, inset 0 0 0 1px #272727, 0 4px 3px black, inset 0 0 10px black, inset 0 0 200px black, inset 0 0 200px black, 0 -5px 5px -1px black, 0 -5px #393939;
    background: radial-gradient(#207373, transparent), linear-gradient(135deg,#717978a0,#414444a0,#575b5ba0,#232625a0,#3c4240a0,#1f2322a0,#717978a0,#414444a0,#575b5ba0,#232625a0,#3c4240a0,#1f2322a0) #2f2d2d !important;
}
.special-message-side-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 250px;
    height: 105%;
    transform-origin: left bottom !important;
    transform: translateZ(-70px) rotateY(90deg) rotateZ(-25deg);
    box-shadow: inset 0 2px 1px -1px var(--smw-color-1);
    background: radial-gradient(var(--smw-color-1),black) !important;
}
.special-message-side-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 250px;
    height: 105%;
    transform-origin: right bottom !important;
    transform: translateZ(-70px) rotateY(-90deg) rotateZ(25deg);
    box-shadow: inset 0 2px 1px -1px var(--smw-color-1);
    background: radial-gradient(var(--smw-color-1),black) !important;
}
.special-message-outer-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    perspective: 1400px;
    transform-style: preserve-3d;
    perspective-origin: center center;
    pointer-events: none;
}
.special-message-outer-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform-origin: center top !important;
    transform: rotateX(-25deg);
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--smw-border-width)) 100%, calc(100% - var(--smw-border-width)) var(--smw-border-width), var(--smw-border-width) var(--smw-border-width), var(--smw-border-width) 100%, 0 100%);
    border-radius: 15px 15px 0 0;
    box-shadow: inset 0 2px 1px -1px var(--smw-color-2);
    background: radial-gradient(var(--smw-color-2),black) !important;
}
.special-message-outer-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    transform-origin: center top !important;
    transform: rotateX(-25deg) translateY(250px) rotateX(25deg);
    clip-path: polygon(0 0, var(--smw-border-width) 0, var(--smw-border-width) calc(100% - var(--smw-border-width)), calc(100% - var(--smw-border-width)) calc(100% - var(--smw-border-width)), calc(100% - var(--smw-border-width)) 0, 100% 0, 100% 100%, 0 100%);
    border-radius: 0 0 15px 15px;
    box-shadow: inset 0 -2px 1px -1px var(--smw-color-2);
    background: radial-gradient(var(--smw-color-2),black) !important;
}
}}
<div class="special-message-wrapper">
<div class="special-message-inner-wrapper">
<div class="special-message-top">
<div class="special-message-top-main text-gothic">Omnis Biblotheca</div>
<div class="special-message-top-sub">Wiki non-officiel sur l'univers</div>
</div>
<div class="special-message-bottom">Warhammer 40.000</div>
<div class="special-message-side-left"></div>
<div class="special-message-side-right"></div>
<div class="special-message-middle-bar"></div>
</div>
<div class="special-message-outer-wrapper">
<div class="special-message-outer-top"></div>
<div class="special-message-outer-bottom"></div>
</div>
</div>

Version du 13 juin 2023 à 18:47

Omnis Biblotheca
Wiki non-officiel sur l'univers
Warhammer 40.000

Historique du fichier

Cliquer sur une date et heure pour voir le fichier tel qu'il était à ce moment-là.

Date et heureVignetteDimensionsUtilisateurCommentaire
actuel29 mai 2023 à 21:53Vignette pour la version du 29 mai 2023 à 21:53300 × 250 (27 kio)Maintenance script (discussion | contributions)== Description == Importing file

La page suivante utilise ce fichier :

Métadonnées