Apri/Chiudi il menu
Toggle preferences menu
Apri/Chiudi il menu personale
Accesso non effettuato
Il tuo indirizzo IP sarà visibile pubblicamente se effettuerai modifiche.

Pagina principale: differenze tra le versioni

Da DnD Mattarollo.
 
(9 versioni intermedie di uno stesso utente non sono mostrate)
Riga 140: Riga 140:
<html>
<html>
<style>
<style>
/* Layout generale in due colonne */
.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: immagine + link */
/* 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; height:auto; flex-shrink:0;
   max-width: 150px;
}
  height: auto;
.diario-links{
   flex-shrink: 0;
   display:flex; flex-direction:column; gap:8px;
}
}


.diario-links {
/* Colonna destra: TESTO a sinistra, IMMAGINE a destra (vicinissimi) */
   display: flex;
.col-dx{
   flex-direction: column;
   display:flex;
   gap: 8px;
   align-items:center;          /* centrati verticalmente */
  justify-content:flex-end;
   gap:8px;                     /* distanza minima */
}
}
 
.col-dx img{
/* Colonna destra: link a sinistra, immagine a destra */
   max-width:150px; height:auto; flex-shrink:0;
.col-dx {
   display: flex;
  justify-content: space-between;
  align-items: center;          /* centra verticalmente */
  gap: 16px;
}
}
 
.col-dx .etichetta{
.col-dx .etichetta a {
   max-width:210px; min-width:0; /* wrapping */
   text-align: left;
  line-height: 1.2;
  text-decoration: none;
  font-weight: bold;
  color: inherit;               /* eredita il colore del tema */
}
}
 
.col-dx .etichetta a{
.col-dx img {
   display:inline-block;
   max-width: 150px;
  text-decoration:none;         /* come il link dell’Astrologa */
   height: auto;
   text-align:left; line-height:1.2;
   flex-shrink: 0;
   white-space:normal; word-break:break-word; hyphens:auto;
  /* nessun colore forzato: usa quelli standard del tema */
}
}


/* Responsive: telefono -> tutto incolonnato */
/* Responsive: su telefono prima le IMMAGINI, poi i TESTI */
@media (max-width: 600px) {
@media (max-width:600px){
   .note-viaggio {
   .note-viaggio{ display:block; }
    display: block;
  }


   .col-sx, .col-dx {
   .col-sx, .col-dx{
     display: block;
     display:block; text-align:center; margin-bottom:16px;
    text-align: center;
    margin-bottom: 16px;
   }
   }


   .col-sx img,
   .col-sx img, .col-dx img{
  .col-dx img {
     display:block; margin:0 auto 12px auto;
     display: block;
    margin: 0 auto 12px auto;
   }
   }


   .diario-links {
   .diario-links{ align-items:center; text-align:center; }
    align-items: center;
    text-align: center;
  }


   .col-dx .etichetta a {
  /* Forza ordine: immagine sopra, testo sotto */
    display: inline-block;
   .col-dx{ display:flex; flex-direction:column; gap:8px; }
    text-align: center;
    margin-bottom: 12px;
  }
}
}
</style>
</style>
Riga 227: Riga 207:
     <img src="/images/4/48/Diarioastrologa.png" alt="Diario dell'Astrologa">
     <img src="/images/4/48/Diarioastrologa.png" alt="Diario dell'Astrologa">
     <div class="diario-links">
     <div class="diario-links">
       <a href="Diario dell'Astrologa"><b>📜 Diario dell'Astrologa</b></a>
       <a href="/Diario_dell'Astrologa"><b>📜 Diario dell'Astrologa</b></a>
       <a href="Elenco degli NPC">🔖 Elenco degli NPC</a>
       <a href="/Elenco_degli_NPC">🔖 Elenco degli NPC</a>
       <a href="Elenco degli Oggetti">🔖 Elenco degli Oggetti</a>
       <a href="/Elenco_degli_Oggetti">🔖 Elenco degli Oggetti</a>
       <a href="Elenco degli Insediamenti">🔖 Elenco degli Insediamenti</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="/Elenco_dei_Luoghi_d'Interesse">🔖 Elenco dei Luoghi d'Interesse</a>
       <a href="Flora e Fauna">🔖 Flora e Fauna</a>
       <a href="/Flora_e_Fauna">🔖 Flora e Fauna</a>
     </div>
     </div>
   </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">
     <img src="/images/b/b8/Diariopirata.png" alt="Diario del Capitano">
Riga 245: Riga 225:
</div>
</div>
</html>
</html>
<br>


==La Compagnia di Verdeluna==
==La Compagnia di Verdeluna==

Versione attuale delle 15:57, 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

modifica



Note di Viaggio

modifica


La Compagnia di Verdeluna

modifica



Aušrinė Wildstar

Cirano

Lysariën Biancofiore

Marcus Harrington

Ranga

Susanoo Bluesprites