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.
 
(6 versioni intermedie di uno stesso utente non sono mostrate)
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;
  height: auto;
  flex-shrink: 0;
}
}
.diario-links {
.diario-links{
   display: flex;
   display:flex; flex-direction:column; gap:8px;
  flex-direction: column;
  gap: 8px;
}
}


/* Colonna destra: ETICHETTA a sinistra, IMMAGINE a destra */
/* Colonna destra: TESTO a sinistra, IMMAGINE a destra (vicinissimi) */
.col-dx {
.col-dx{
   display: flex;
   display:flex;
   align-items: center;     /* centra verticalmente */
   align-items:center;           /* centrati verticalmente */
   justify-content: flex-end;
   justify-content:flex-end;
   gap: 16px;               /* distanza ravvicinata tra testo e immagine */
   gap:8px;                     /* distanza minima */
}
}
.col-dx img {
.col-dx img{
   max-width: 150px;
   max-width:150px; height:auto; flex-shrink:0;
  height: auto;
  flex-shrink: 0;
}
}
.col-dx .etichetta {
.col-dx .etichetta{
   max-width: 260px;         /* limita larghezza per andare a capo */
   max-width:210px; min-width:0; /* wrapping */
  min-width: 0;             /* abilita wrapping in flex */
}
}
.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 */
  font-weight: bold;
   text-align:left; line-height:1.2;
  color: inherit;
   white-space:normal; word-break:break-word; hyphens:auto;
   text-align: left;
   /* nessun colore forzato: usa quelli standard del tema */
  line-height: 1.2;
   white-space: normal;     /* consente l’andata a capo */
  word-break: break-word;  /* spezza parole lunghissime se serve */
  hyphens: auto;
}
}


/* Ordina: etichetta prima, immagine dopo (senza cambiare l'HTML) */
/* Responsive: su telefono prima le IMMAGINI, poi i TESTI */
.col-dx .etichetta { order: -1; }
@media (max-width:600px){
.col-dx img { order: 0; }
  .note-viaggio{ display:block; }


/* Responsive: telefono -> immagine sopra, link sotto */
   .col-sx, .col-dx{
@media (max-width: 600px) {
     display:block; text-align:center; margin-bottom:16px;
  .note-viaggio { display: block; }
 
   .col-sx, .col-dx {
     display: block;
    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;
  }


   /* Su mobile rimetti il link sotto l'immagine e centrato */
   /* Forza ordine: immagine sopra, testo sotto */
   .col-dx .etichetta { order: 1; max-width: none; }
   .col-dx{ display:flex; flex-direction:column; gap:8px; }
  .col-dx .etichetta a { display: block; text-align: center; margin-top: 8px; }
}
}
</style>
</style>
Riga 230: 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">
    <img src="/images/b/b8/Diariopirata.png" alt="Diario del Capitano">
     <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 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