Pagina principale: differenze tra le versioni
Da DnD Mattarollo.
Altre azioni
| Riga 155: | Riga 155: | ||
gap: 20px; | gap: 20px; | ||
} | } | ||
.col-sx img { | .col-sx img { | ||
max-width: 150px; | max-width: 150px; | ||
| Riga 161: | Riga 160: | ||
flex-shrink: 0; | flex-shrink: 0; | ||
} | } | ||
.diario-links { | .diario-links { | ||
display: flex; | display: flex; | ||
| Riga 168: | Riga 166: | ||
} | } | ||
/* Colonna destra: | /* Colonna destra: ETICHETTA a sinistra, IMMAGINE a destra */ | ||
.col-dx { | .col-dx { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; /* centra verticalmente */ | ||
justify-content: flex-end; | |||
justify-content: flex-end; /* immagine | gap: 16px; /* distanza ravvicinata tra testo e immagine */ | ||
} | } | ||
.col-dx img { | .col-dx img { | ||
max-width: 150px; | max-width: 150px; | ||
| Riga 181: | Riga 178: | ||
flex-shrink: 0; | flex-shrink: 0; | ||
} | } | ||
.col-dx .etichetta { | |||
max-width: 360px; /* limita larghezza per andare a capo */ | |||
min-width: 0; /* abilita wrapping in flex */ | |||
} | |||
.col-dx .etichetta a { | .col-dx .etichetta a { | ||
display: inline-block; | |||
text-decoration: none; | text-decoration: none; | ||
font-weight: bold; | font-weight: bold; | ||
| Riga 188: | Riga 189: | ||
text-align: left; | text-align: left; | ||
line-height: 1.2; | line-height: 1.2; | ||
white-space: normal; /* consente l’andata a capo */ | |||
word-break: break-word; /* spezza parole lunghissime se serve */ | |||
hyphens: auto; | |||
} | } | ||
/* Responsive */ | /* Ordina: etichetta prima, immagine dopo (senza cambiare l'HTML) */ | ||
.col-dx .etichetta { order: -1; } | |||
.col-dx img { order: 0; } | |||
/* Responsive: telefono -> immagine sopra, link sotto */ | |||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.note-viaggio { | .note-viaggio { display: block; } | ||
.col-sx, .col-dx { | .col-sx, .col-dx { | ||
| Riga 213: | Riga 219: | ||
} | } | ||
.col-dx { | /* Su mobile rimetti il link sotto l'immagine e centrato */ | ||
.col-dx .etichetta { order: 1; max-width: none; } | |||
.col-dx .etichetta a { display: block; text-align: center; margin-top: 8px; } | |||
.col-dx .etichetta a { | |||
} | } | ||
</style> | </style> | ||
| Riga 248: | Riga 248: | ||
</div> | </div> | ||
</html> | </html> | ||
==La Compagnia di Verdeluna== | ==La Compagnia di Verdeluna== | ||
Versione delle 15:25, 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 |