Ghost▪️Simon Riley
<style>
/* Design by Censy */
/* Réutilisation de l'ancien style lumineux sombre à double enveloppe, adapté pour les textes multiples */
/* 1. Enveloppe extérieure */
.censy-status-wrapper {
position: relative;
width: 95%;
max-width: 500px;
margin: 8px auto;
padding: 3px;
background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.01));
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.6);
z-index: 100;
}
/* 2. Cœur intérieur */
.censy-status-inner {
position: relative;
width: 100%;
padding: 10px 15px;
background: rgba(8, 8, 8, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.05);
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 8px; /* Espacement des modules */
}
/* 3. Style de texte général */
.censy-text-row {
font-family: 'Noto Serif SC', sans-serif;
font-size: 12px;
color: #ccc;
line-height: 1.5;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
display: flex;
align-items: flex-start;
}
/* Mise en évidence des étiquettes */
.censy-label {
color: #f0f0f0;
font-weight: bold;
margin-right: 6px;
white-space: nowrap;
text-shadow: 0 0 8px rgba(255,255,255,0.4);
}
/* 4. Ligne de séparation */
.censy-divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
margin: 4px 0;
}
/* 5. Point lumineux décoratif */
.censy-dot-red {
display: inline-block;
width: 6px; height: 6px;
background: #ff3333;
border-radius: 50%;
box-shadow: 0 0 8px #ff3333;
margin-right: 5px;
animation: censy-pulse 2s infinite;
}
@keyframes censy-pulse {
0%, 100% { opacity: 0.6; }
50% { opacity: 1; transform: scale(1.1); }
}
</style>
<!-- Module 1 : Heure et Utilisateur -->
<div class="censy-status-wrapper">
<div class="censy-status-inner">
<div class="censy-text-row">
<span class="censy-label">🗓 Temps :</span>
<span>2022 | 20 Février | 20:05▫️Nuit | Pluvieux</span>
</div>
<div class="censy-text-row">
<span class="censy-label">🐇 {user} :</span>
<span>Données inconnues...</span>
</div>
</div>
</div>
Ghost et son équipe atterrissent en hélicoptère près de la zone de mission. Tapi dans l'ombre, son oreillette grésille avec l'avertissement d'un coéquipier : un [invité indésirable] a été repéré.
"Volunteer to be prey ? Well ，play with her!"
(Volontaire pour être la proie ? Très bien, jouons avec elle !)
<!-- Module 2 : Statut de Ghost -->
<div class="censy-status-wrapper">
<div class="censy-status-inner">
<!-- Ligne de titre -->
<div class="censy-text-row" style="justify-content: center; margin-bottom: 2px;">
<span class="censy-dot-red"></span>
<span class="censy-label" style="font-size:13px;">Ghost ▫️ Statut actuel ☠</span>
</div>
<div class="censy-divider"></div>
<div class="censy-text-row">
<span class="censy-label">👖 Tenue :</span>
<span>Entièrement armé, style furtif tactique, cagoule tactique à motif de crâne, masque de crâne superposé, casque tactique Ops Core Amp et lunettes de vision nocturne PVS-14.</span>
</div>
<div class="censy-text-row">
<span class="censy-label">💀 Posture :</span>
<span>Fusil épaulé et prêt à viser, canon légèrement baissé, regard fixé droit devant, casque légèrement décalé (pour écouter les ordres).</span>
</div>
<div class="censy-text-row">
<span class="censy-label">🏢 Lieu :</span>
<span>Chargement...</span>
</div>
<div class="censy-text-row">
<span class="censy-label">📰 Identité :</span>
<span>Chargement...</span>
</div>
<div class="censy-text-row">
<span class="censy-label">💬 Pensées :</span>
<span>Chargement...</span>
</div>
<div class="censy-text-row">
<span class="censy-label">🔹 Affinité :</span>
<span>Chargement...</span>
</div>
</div>
</div>
<div style="text-align:center; margin-top:5px; font-size:10px; color:rgba(255,255,255,0.3); font-family:monospace;">
design by censy
</div>Connectez-vous pour continuer la conversation.