321 lines
5.9 KiB
CSS
321 lines
5.9 KiB
CSS
/** To deal with wrong menu background */
|
|
:root{
|
|
--color-bg-option: #352516;
|
|
}
|
|
.wfrp4-fr-message {
|
|
font-size: 1.4rem;
|
|
color: darkolivegreen;
|
|
align-self: center;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Styles pour le module de voyage TravelV2 */
|
|
.voyage-main-title {
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
.voyage-route-title {
|
|
font-size: 1.15em;
|
|
font-weight: bold;
|
|
margin-top: 0.8em;
|
|
margin-bottom: 0.3em;
|
|
color: #4a5568;
|
|
}
|
|
|
|
.voyage-section-title {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
.voyage-destinations-title {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
.voyage-separator {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
border: 0;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
/* Styles pour le module Inn (Auberge) */
|
|
.wfrp4e-inn-help h3,
|
|
.wfrp4e-inn-list h3 {
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
color: #8b4513;
|
|
border-bottom: 2px solid #d2691e;
|
|
padding-bottom: 0.3em;
|
|
}
|
|
|
|
.wfrp4e-inn-help ul,
|
|
.wfrp4e-inn-list ul {
|
|
margin-left: 1.5em;
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.wfrp4e-inn-help li,
|
|
.wfrp4e-inn-table-list li {
|
|
margin: 0.3em 0;
|
|
}
|
|
|
|
.wfrp4e-inn-help hr {
|
|
margin: 1em 0;
|
|
border: 0;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
.wfrp4e-inn-help code {
|
|
background-color: #f5f5f5;
|
|
padding: 0.2em 0.4em;
|
|
border-radius: 3px;
|
|
font-family: monospace;
|
|
color: #d63384;
|
|
}
|
|
|
|
.wfrp4e-inn-help h4 {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
margin: 0.8em 0 0.5em 0;
|
|
color: var(--color-warm);
|
|
}
|
|
|
|
/* Grille de boutons pour les tables */
|
|
.wfrp4e-inn-table-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
gap: 0.5em;
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.inn-table-btn {
|
|
display: block;
|
|
padding: 0.6em 0.8em;
|
|
background: rgba(139, 69, 19, 0.12);
|
|
border: 2px solid rgba(139, 69, 19, 0.35);
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 0.95em;
|
|
color: var(--color-warm);
|
|
transition: all 0.2s;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.inn-table-btn:hover {
|
|
background: rgba(139, 69, 19, 0.2);
|
|
border-color: rgba(139, 69, 19, 0.5);
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.inn-table-btn i {
|
|
margin-right: 0.4em;
|
|
color: var(--color-warm-3);
|
|
}
|
|
|
|
/* Anciens styles - à supprimer ou garder pour compatibilité */
|
|
.wfrp4e-inn-table-list {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.wfrp4e-inn-table-list li {
|
|
margin: 0.5em 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.wfrp4e-inn-table-list a.action-link {
|
|
display: inline-block;
|
|
padding: 0.3em 0.8em;
|
|
background-color: #8b4513;
|
|
color: white;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.wfrp4e-inn-table-list a.action-link:hover {
|
|
background-color: #a0522d;
|
|
}
|
|
|
|
.wfrp4e-inn-table-list a.action-link i {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.inn-keyword {
|
|
font-size: 0.85em;
|
|
color: var(--color-grey2);
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Styles pour les résultats de jets d'auberge - Thème WFRP4e */
|
|
.wfrp4e-inn-result {
|
|
margin: 0.3em 0;
|
|
}
|
|
|
|
.wfrp4e-inn-result .message-header {
|
|
text-shadow: 0px 0px 1px #00000087;
|
|
border: 2px solid rgba(62, 0, 0, 0.3);
|
|
padding: 0.4em 0.6em;
|
|
margin-bottom: 0.5em;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.wfrp4e-inn-result .flavor-text {
|
|
color: var(--color-warm);
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.wfrp4e-inn-result .message-header i {
|
|
margin-right: 0.3em;
|
|
color: var(--color-warm-3);
|
|
}
|
|
|
|
.inn-dish-name {
|
|
font-size: 1.15em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding: 0.6em;
|
|
margin: 0.3em 0;
|
|
background: rgba(255, 255, 255, 0.3);
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.inn-roll-info {
|
|
text-align: center;
|
|
font-size: 0.85em;
|
|
color: var(--color-grey2);
|
|
margin-top: 0.4em;
|
|
padding: 0.3em;
|
|
}
|
|
|
|
.inn-roll-info i {
|
|
margin-right: 0.2em;
|
|
}
|
|
|
|
/* Styles pour le choix de menu */
|
|
.wfrp4e-inn-menu-choice {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.wfrp4e-inn-menu-choice h3 {
|
|
color: var(--color-warm);
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
|
|
.inn-menu-buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5em;
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.inn-menu-btn {
|
|
display: block;
|
|
padding: 0.6em 1em;
|
|
background: rgba(139, 69, 19, 0.1);
|
|
border: 2px solid rgba(139, 69, 19, 0.3);
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.inn-menu-btn:hover {
|
|
background: rgba(139, 69, 19, 0.2);
|
|
border-color: rgba(139, 69, 19, 0.5);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.inn-menu-btn i {
|
|
margin-right: 0.4em;
|
|
color: var(--color-warm-3);
|
|
}
|
|
|
|
.inn-menu-desc {
|
|
display: block;
|
|
font-size: 0.85em;
|
|
font-weight: normal;
|
|
color: var(--color-grey2);
|
|
margin-top: 0.2em;
|
|
}
|
|
|
|
/* Styles pour le résultat de menu */
|
|
.wfrp4e-inn-menu-result {
|
|
margin: 0.3em 0;
|
|
}
|
|
|
|
.wfrp4e-inn-menu-result .message-header {
|
|
text-shadow: 0px 0px 1px #00000087;
|
|
border: 2px solid rgba(62, 0, 0, 0.3);
|
|
padding: 0.4em 0.6em;
|
|
margin-bottom: 0.5em;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.wfrp4e-inn-menu-result .flavor-text {
|
|
color: var(--color-warm);
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.inn-menu-items {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.3em;
|
|
}
|
|
|
|
.inn-menu-item {
|
|
padding: 0.5em;
|
|
background: rgba(255, 255, 255, 0.3);
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.inn-menu-item i {
|
|
margin-right: 0.4em;
|
|
color: var(--color-warm-3);
|
|
}
|
|
|
|
.inn-menu-item strong {
|
|
color: var(--color-warm);
|
|
}
|
|
|
|
/* Bouton rapide Menu dans l'aide */
|
|
.inn-menu-quick-btn {
|
|
display: block;
|
|
padding: 0.7em 1em;
|
|
background: rgba(139, 69, 19, 0.15);
|
|
border: 2px solid rgba(139, 69, 19, 0.4);
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 1.05em;
|
|
color: var(--color-warm);
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.inn-menu-quick-btn:hover {
|
|
background: rgba(139, 69, 19, 0.25);
|
|
border-color: rgba(139, 69, 19, 0.6);
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.inn-menu-quick-btn i {
|
|
margin-right: 0.5em;
|
|
color: var(--color-warm-3);
|
|
}
|