« Fichier:HeraldiqueLegionBloodAngels6.jpg » et « Bac à sable » : différence entre les pages
De Omnis Bibliotheca
(Différence entre les pages)
(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 : | ||
{{ | {{#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
Historique du fichier
Cliquer sur une date et heure pour voir le fichier tel qu'il était à ce moment-là.
Date et heure | Vignette | Dimensions | Utilisateur | Commentaire | |
---|---|---|---|---|---|
actuel | 29 mai 2023 à 21:53 | 300 × 250 (27 kio) | Maintenance script (discussion | contributions) | == Description == Importing file |
Vous ne pouvez pas remplacer ce fichier.
Utilisation du fichier
La page suivante utilise ce fichier :