Pagina principale: differenze tra le versioni
Da DnD Mattarollo.
Altre azioni
| Riga 140: | Riga 140: | ||
<html> | <html> | ||
<style> | <style> | ||
. | /* Layout generale in due colonne */ | ||
.note-viaggio { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap: 24px; | |||
align-items: start; | |||
margin-bottom: 20px; | |||
font-family: inherit; | |||
} | |||
/* Colonna sinistra: immagine + link */ | |||
.col-sx { | |||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
gap: 20px; | gap: 20px; | ||
} | } | ||
. | .col-sx img { | ||
max-width: 150px; | max-width: 150px; | ||
height: auto; | height: auto; | ||
| Riga 160: | Riga 169: | ||
} | } | ||
/* Colonna destra: link a sinistra, immagine a destra */ | |||
.col-dx { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; /* centra verticalmente */ | |||
gap: 16px; | |||
} | |||
.col-dx .etichetta a { | |||
text-align: left; | |||
line-height: 1.2; | |||
text-decoration: none; | |||
font-weight: bold; | |||
color: inherit; /* eredita il colore del tema */ | |||
} | |||
.col-dx img { | |||
max-width: 150px; | |||
height: auto; | |||
flex-shrink: 0; | |||
} | |||
/* Responsive: telefono -> tutto incolonnato */ | |||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
. | .note-viaggio { | ||
display: block; | |||
} | |||
.col-sx, .col-dx { | |||
display: block; | |||
text-align: center; | text-align: center; | ||
margin-bottom: 16px; | |||
} | |||
.col-sx img, | |||
.col-dx img { | |||
display: block; | |||
margin: 0 auto 12px auto; | |||
} | } | ||
.diario-links { | .diario-links { | ||
align-items: center; | align-items: center; | ||
text-align: center; | |||
} | |||
.col-dx .etichetta a { | |||
display: inline-block; | |||
text-align: center; | |||
margin-bottom: 12px; | |||
} | } | ||
} | } | ||
</style> | </style> | ||
<div class=" | <div class="note-viaggio"> | ||
<img src="/images/4/48/Diarioastrologa.png" alt="Diario dell'Astrologa"> | <!-- Colonna sinistra --> | ||
<div class="col-sx"> | |||
<img src="/images/4/48/Diarioastrologa.png" alt="Diario dell'Astrologa"> | |||
<div class="diario-links"> | |||
<a href="Diario dell'Astrologa"><b>📜 Diario dell'Astrologa</b></a> | |||
<a href="Elenco degli NPC">🔖 Elenco degli NPC</a> | |||
<a href="Elenco degli Oggetti">🔖 Elenco degli Oggetti</a> | |||
<a href="Elenco degli Insediamenti">🔖 Elenco degli Insediamenti</a> | |||
<a href="Elenco dei Luoghi d'Interesse">🔖 Elenco dei Luoghi d'Interesse</a> | |||
<a href="Flora e Fauna">🔖 Flora e Fauna</a> | |||
</div> | |||
</div> | |||
<!-- Colonna destra --> | |||
<div class="col-dx"> | |||
<div class="etichetta"> | |||
<a href="Note di Viaggio">📔 Note di Viaggio</a> | |||
</div> | |||
<img src="/images/4/48/Diarioastrologa.png" alt="Diario duplicato"> | |||
</div> | </div> | ||
</div> | </div> | ||
</html> | |||
<br> | <br> | ||
Versione delle 15:21, 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 |