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.
 
(17 versioni intermedie di uno stesso utente non sono mostrate)
Riga 140: Riga 140:
<html>
<html>
<style>
<style>
.diario-wrapper {
.note-viaggio{
   display: flex;
   display:grid;
   flex-wrap: wrap;
   grid-template-columns:1fr 1fr;
   align-items: flex-start;
  gap:24px;
   gap: 20px;
   align-items:start;
   margin-bottom: 20px;
   margin-bottom:20px;
   font-family:inherit;
}
}


.diario-wrapper img {
/* Colonna sinistra */
   max-width: 150px;
.col-sx{
  height: auto;
  display:flex;
   flex-shrink: 0;
  align-items:flex-start;
  gap:20px;
}
.col-sx img{
   max-width:150px; height:auto; flex-shrink:0;
}
.diario-links{
   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{
  max-width:150px; height:auto; flex-shrink:0;
}
.col-dx .etichetta{
  max-width:210px; min-width:0; /* wrapping */
}
.col-dx .etichetta a{
  display:inline-block;
  text-decoration:none;        /* come il link dell’Astrologa */
  text-align:left; line-height:1.2;
  white-space:normal; word-break:break-word; hyphens:auto;
  /* nessun colore forzato: usa quelli standard del tema */
}
}


@media (max-width: 600px) {
/* Responsive: su telefono prima le IMMAGINI, poi i TESTI */
   .diario-wrapper {
@media (max-width:600px){
    flex-direction: column;
   .note-viaggio{ display:block; }
     align-items: center;
 
    text-align: center;
  .col-sx, .col-dx{
     display:block; text-align:center; margin-bottom:16px;
   }
   }


   .diario-links {
   .col-sx img, .col-dx img{
     align-items: center;
     display:block; margin:0 auto 12px auto;
   }
   }
  .diario-links{ align-items:center; text-align:center; }
  /* Forza ordine: immagine sopra, testo sotto */
  .col-dx{ display:flex; flex-direction:column; gap:8px; }
}
}
</style>
</style>


<div class="diario-wrapper">
<div class="note-viaggio">
   <img src="/images/4/48/Diarioastrologa.png" alt="Diario dell'Astrologa">
   <!-- Colonna sinistra -->
  <div class="diario-links">
  <div class="col-sx">
    <a href="Diario dell'Astrologa"><b>📜Diario dell'Astrologa</b></a>
    <img src="/images/4/48/Diarioastrologa.png" alt="Diario dell'Astrologa">
    <a href="Elenco degli NPC">🔖Elenco degli NPC</a>
    <div class="diario-links">
    <a href="Elenco degli Oggetti">🔖Elenco degli Oggetti</a>
      <a href="/Diario_dell'Astrologa"><b>📜 Diario dell'Astrologa</b></a>
    <a href="Elenco degli Insediamenti">🔖Elenco degli Insediamenti</a>
      <a href="/Elenco_degli_NPC">🔖 Elenco degli NPC</a>
    <a href="Elenco dei Luoghi d'Interesse">🔖Elenco dei Luoghi d'Interesse</a>
      <a href="/Elenco_degli_Oggetti">🔖 Elenco degli Oggetti</a>
    <a href="Flora e Fauna">🔖Flora e Fauna</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 (testo a sinistra, immagine a destra) -->
  <div class="col-dx">
    <div class="etichetta">
      <a href="Diario_di_Marcus_Harrington"><b>Diario di Bordo di Marcus Harrington</b></a>
    </div>
    <img src="/images/b/b8/Diariopirata.png" alt="Diario del Capitano">
   </div>
   </div>
</div>
</div>
</html>
</html>
<br>


==La Compagnia di Verdeluna==
==La Compagnia di Verdeluna==
<br>
<br>
<style>
{| style="text-align:center; width:100%;"
  .char-grid {
|-
    display: grid;
| [[File:Ausrine.png|100px|link=Ausrine]]<br>[[Ausrine|Aušrinė Wildstar]]
    grid-template-columns: repeat(3, 1fr); /* desktop: 3 colonne */
| [[File:Cirano.png|100px|link=Cirano]]<br>[[Cirano]]
    gap: 15px;
| [[File:Lysarien Biancofiore.png|100px|link=Lysarien Biancofiore]]<br>[[Lysarien Biancofiore|Lysariën Biancofiore]]
    text-align: center;
|-
  }
| [[File:Marcus.png|100px|link=Marcus Harrington]]<br>[[Marcus Harrington]]
  .char-grid div {
| [[File:Ranga.png|100px|link=Ranga]]<br>[[Ranga]]
    font-family: 'IM Fell English', serif;
| [[File:Susanoo.png|100px|link=Susanoo Bluesprites]]<br>[[Susanoo Bluesprites]]
    color: white;
|}
    font-size: 1.1em;
  }
  /* Mobile: 2 per riga */
  @media (max-width: 768px) {
    .char-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
</style>
 
<div class="char-grid">
  <div>
    [[File:Ausrine.png|100px|link=Ausrine]]<br>
    [[Ausrine|Aušrinė Wildstar]]
  </div>
  <div>
    [[File:Cirano.png|100px|link=Cirano]]<br>
    [[Cirano]]
  </div>
  <div>
    [[File:Lysarien Biancofiore.jpg|100px|link=Lysarien Biancofiore]]<br>
    [[Lysarien Biancofiore|Lysariën Biancofiore]]
  </div>
  <div>
    [[File:Marcus.png|100px|link=Marcus Harrington]]<br>
    [[Marcus Harrington]]
  </div>
  <div>
    [[File:Ranga.png|100px|link=Ranga]]<br>
    [[Ranga]]
  </div>
  <div>
    [[File:Susanoo.png|100px|link=Susanoo Bluesprites]]<br>
    [[Susanoo Bluesprites]]
  </div>
</div>
 
<br>
<br>



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