Pagina principale: differenze tra le versioni
Da DnD Mattarollo.
Altre azioni
| Riga 140: | Riga 140: | ||
<html> | <html> | ||
<style> | <style> | ||
.note-viaggio { | .note-viaggio{ | ||
display: grid; | display:grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns:1fr 1fr; | ||
gap: 24px; | gap:24px; | ||
align-items: start; | align-items:start; | ||
margin-bottom: 20px; | margin-bottom:20px; | ||
font-family: inherit; | font-family:inherit; | ||
} | } | ||
/* Colonna sinistra */ | /* Colonna sinistra */ | ||
.col-sx { | .col-sx{ | ||
display: flex; | display:flex; | ||
align-items: flex-start; | align-items:flex-start; | ||
gap: 20px; | gap:20px; | ||
} | } | ||
.col-sx img { | .col-sx img{ | ||
max-width: 150px; | max-width:150px; height:auto; flex-shrink:0; | ||
} | } | ||
.diario-links { | .diario-links{ | ||
display: flex; | display:flex; flex-direction:column; gap:8px; | ||
} | } | ||
/* Colonna destra: | /* Colonna destra: TESTO a sinistra, IMMAGINE a destra (vicinissimi) */ | ||
.col-dx { | .col-dx{ | ||
display: flex; | display:flex; | ||
align-items: center; | align-items:center; /* centrati verticalmente */ | ||
justify-content: flex-end; | justify-content:flex-end; | ||
gap: | gap:4px; /* distanza minima */ | ||
} | } | ||
.col-dx img { | .col-dx img{ | ||
max-width: 150px; | max-width:150px; height:auto; flex-shrink:0; | ||
} | } | ||
.col-dx .etichetta { | .col-dx .etichetta{ | ||
max-width: 210px; | max-width:210px; min-width:0; /* wrapping */ | ||
} | } | ||
.col-dx .etichetta a { | .col-dx .etichetta a{ | ||
display: inline-block; | display:inline-block; | ||
text-decoration: none; | text-decoration:none; /* come il link dell’Astrologa */ | ||
text-align:left; line-height:1.2; | |||
text-align: left; | white-space:normal; word-break:break-word; hyphens:auto; | ||
/* nessun colore forzato: usa quelli standard del tema */ | |||
white-space: normal; | |||
} | } | ||
/* | /* Responsive: su telefono prima le IMMAGINI, poi i TESTI */ | ||
@media (max-width:600px){ | |||
. | .note-viaggio{ display:block; } | ||
.col-sx, .col-dx{ | |||
display:block; text-align:center; margin-bottom:16px; | |||
.col-sx, .col-dx { | |||
display: block; | |||
} | } | ||
.col-sx img, | .col-sx img, .col-dx img{ | ||
display:block; margin:0 auto 12px auto; | |||
display: block; | |||
} | } | ||
.diario-links { | .diario-links{ align-items:center; text-align:center; } | ||
/* Forza ordine: immagine sopra, testo sotto */ | |||
.col-dx | .col-dx{ display:flex; flex-direction:column; gap:8px; } | ||
} | } | ||
</style> | </style> | ||
| Riga 240: | Riga 216: | ||
</div> | </div> | ||
<!-- Colonna destra --> | <!-- Colonna destra (testo a sinistra, immagine a destra) --> | ||
<div class="col-dx"> | <div class="col-dx"> | ||
<div class="etichetta"> | <div class="etichetta"> | ||
<a href="Diario di Marcus Harrington">📔 Diario di Bordo di Marcus Harrington</a> | <a href="Diario di Marcus Harrington"><b>📔 Diario di Bordo di Marcus Harrington</b></a> | ||
</div> | </div> | ||
<img src="/images/b/b8/Diariopirata.png" alt="Diario del Capitano"> | |||
</div> | </div> | ||
</div> | </div> | ||
Versione delle 15:32, 9 set 2025
Benvenuti nella Wiki della campagna "Fate of Hesperia"
Consulta la guida utente per maggiori informazioni sull'uso di questa wiki.
Per informazioni su come formattare le pagine consulta questa semplice guida: Guida alla Formattazione.
Utilizza la barra di ricerca a sinistra per trovare pagine o argomenti specifici.
Per iniziare
- Informazioni sul continente di Hesperia
- Tutte le Categorie
Note di Viaggio
La Compagnia di Verdeluna
 Aušrinė Wildstar |
 Cirano |
 Lysariën Biancofiore |
 Marcus Harrington |
 Ranga |
 Susanoo Bluesprites |