perco/mountycrawl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.8.0 : habillage pack parchemin officiel MountyHall

Browse Source 
- Assets du pack (img/mh/) : fond2, tableau1/2, interfacehaut_small,
  interfacebas2, bg_equipement (source : mountyhall.com/MH_Pack/packMH_parchemin)
- style.css rethémé : fond lin, panneaux crème #FFFFEE à bordure noire,
  bandeaux tableau2/#EBEDAB, liens #990000, boutons olive #666633 outset,
  en-tête et pied en boiseries, Trebuchet MS

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
perco
2026-06-12 00:21:32 +02:00
co-authored by Claude Fable 5
parent 61a8cee0fc
commit c769880303
9 changed files with 231 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+5
View File
@@ -152,6 +152,11 @@ non affilié au jeu original de Mountyhall SARL.
## Versions ## Versions
- **1.8.0** (2026-06-12) — Habillage « pack parchemin » officiel de MountyHall
(https://www.mountyhall.com/MH_Pack/packMH_parchemin/) : fond lin, tableaux
crème à bordure noire (tableau1/2.jpg), liens rouge sombre #990000, boutons
olive #666633 façon `mh_form_submit`, bandeaux en boiseries (interfacehaut),
police Trebuchet MS. Assets dans `img/mh/`.
- **1.7.1** (2026-06-12) — Les bonus ATT/ESQ/DEG/REG de l'équipement sont des bonus - **1.7.1** (2026-06-12) — Les bonus ATT/ESQ/DEG/REG de l'équipement sont des bonus
**fixes** ajoutés aux jets, jamais des dés supplémentaires (un Gourdin donne **fixes** ajoutés aux jets, jamais des dés supplémentaires (un Gourdin donne
DEG +5 sur le jet, pas +5D3). DEG +5 sur le jet, pas +5D3).
css/style.css
+225 -181
View File
@@ -1,24 +1,34 @@
/* Thème « pack parchemin » MountyHall — assets officiels repris de
* https://www.mountyhall.com/MH_Pack/packMH_parchemin/ (img/mh/).
* Palette du pack : fond lin (fond2.jpg), tableaux crème #FFFFEE à bordure
* noire (tableau1/2.jpg), liens #990000, boutons olive #666633, texte noir,
* boiseries sombres pour les bandeaux, police Trebuchet MS. */
* { box-sizing: border-box; margin: 0; padding: 0; } * { box-sizing: border-box; margin: 0; padding: 0; }
body { body {
background: #1a140e; background: #f0f0f0 url("../img/mh/fond2.jpg");
color: #e8d9b0; color: #000000;
font-family: Georgia, "Times New Roman", serif; font-family: "Trebuchet MS", "Times New Roman", Times, serif;
font-size: 13px;
min-height: 100vh; min-height: 100vh;
padding-bottom: 1.75rem; padding-bottom: 1.75rem;
} }
a { color: #990000; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
.app-footer { .app-footer {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: 5px 12px; padding: 4px 12px;
text-align: center; text-align: center;
font-size: 0.72em; font-size: 0.72em;
color: #6a5a40; color: #ffffcc;
background: rgba(26, 20, 14, 0.92); background: #1a140e url("../img/mh/interfacebas2.jpg");
border-top: 1px solid #3a3020; border-top: 1px solid #000000;
z-index: 200; z-index: 200;
} }
@@ -35,27 +45,27 @@ body {
.create-box { .create-box {
max-width: 760px; max-width: 760px;
background: #2a2014; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 3px solid #6b5430; border: 1px solid #000000;
border-radius: 10px;
padding: 30px; padding: 30px;
text-align: center; text-align: center;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
} }
.create-box h1 { color: #8fbf5a; font-size: 2.2em; } .create-box h1 { color: #990000; font-size: 2.2em; }
.subtitle { color: #b89c6a; font-style: italic; margin: 6px 0 14px; } .subtitle { color: #666633; font-style: italic; margin: 6px 0 14px; }
.lore { margin: 10px 0 20px; line-height: 1.5; color: #d8c79a; } .lore { margin: 10px 0 20px; line-height: 1.5; color: #333300; }
#troll-name { #troll-name {
width: 60%; width: 60%;
padding: 10px; padding: 9px;
font-size: 1.1em; font-size: 1.1em;
background: #1a140e; background: #FFFFEE;
border: 2px solid #6b5430; border: 1px solid #1E2A63;
border-radius: 6px; color: #000000;
color: #e8d9b0;
text-align: center; text-align: center;
margin-bottom: 18px; margin-bottom: 18px;
font-family: inherit;
} }
#race-list { #race-list {
@@ -67,30 +77,39 @@ body {
} }
.race-card { .race-card {
background: #1f1810; background: #FFFFEE;
border: 2px solid #4a3a20; border: 1px solid #000000;
border-radius: 8px;
padding: 12px; padding: 12px;
cursor: pointer; cursor: pointer;
transition: border-color .15s, background .15s; transition: background .15s;
} }
.race-card:hover { border-color: #8fbf5a; } .race-card:hover { background: #EBEDAB; }
.race-card.selected { border-color: #8fbf5a; background: #28341c; } .race-card.selected {
.race-card h4 { color: #8fbf5a; margin-bottom: 4px; } background: #EBEDAB url("../img/mh/tableau2.jpg");
.race-card .race-desc { font-size: .85em; color: #c9b685; line-height: 1.35; } border: 2px solid #990000;
.race-card .race-stats { font-size: .78em; color: #8a7a55; margin-top: 6px; font-family: monospace; } padding: 11px;
}
.race-card h4 { color: #990000; margin-bottom: 4px; }
.race-card .race-desc { font-size: .85em; color: #333300; line-height: 1.35; }
.race-card .race-stats { font-size: .78em; color: #666633; margin-top: 6px; font-family: monospace; }
.big-btn { .big-btn {
background: #4a6b2a; background: #666633;
color: #f0e6c0; color: #FFFFFF;
border: 2px solid #8fbf5a; border-style: outset;
border-radius: 8px; border-width: 2px;
padding: 12px 26px; border-top-color: #CCCC00;
font-size: 1.15em; border-left-color: #CCCC00;
border-right-color: #330000;
border-bottom-color: #330000;
padding: 10px 26px;
font-size: 1.1em;
font-family: inherit; font-family: inherit;
font-weight: bold;
cursor: pointer; cursor: pointer;
} }
.big-btn:hover { background: #5d8535; } .big-btn:hover { background: #7a7a3d; }
.big-btn:active { border-style: inset; }
/* ---------- Écran de jeu ---------- */ /* ---------- Écran de jeu ---------- */
header { header {
@@ -98,11 +117,12 @@ header {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 8px 16px; padding: 8px 16px;
background: #2a2014; background: #1a140e url("../img/mh/interfacehaut_small.jpg");
border-bottom: 2px solid #6b5430; background-size: auto 100%;
border-bottom: 2px solid #000000;
} }
header h1 { font-size: 1.3em; color: #8fbf5a; } header h1 { font-size: 1.3em; color: #FFFFCC; text-shadow: 1px 1px 2px #000; }
#depth-label { font-size: 1.1em; color: #d8a040; font-weight: bold; } #depth-label { font-size: 1.05em; color: #FFCC33; font-weight: bold; text-shadow: 1px 1px 2px #000; }
#layout { #layout {
display: flex; display: flex;
@@ -114,26 +134,28 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
#panel-left, #panel-right { #panel-left, #panel-right {
width: 230px; width: 230px;
flex-shrink: 0; flex-shrink: 0;
background: #2a2014; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 2px solid #6b5430; border: 1px solid #000000;
border-radius: 8px;
padding: 10px; padding: 10px;
font-size: .9em; font-size: .9em;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
} }
#panel-left h2 { color: #8fbf5a; font-size: 1.05em; margin-bottom: 8px; } #panel-left h2 { color: #990000; font-size: 1.05em; margin-bottom: 8px; }
#panel-left h3, #panel-right h3 { #panel-left h3, #panel-right h3 {
color: #d8a040; color: #000000;
font-size: .95em; font-size: .95em;
margin: 12px 0 6px; margin: 12px 0 6px;
border-bottom: 1px solid #4a3a20; padding: 2px 6px;
background: #EBEDAB url("../img/mh/tableau2.jpg");
border: 1px solid #000000;
} }
.panel-tabs { .panel-tabs {
display: flex; display: flex;
gap: 4px; gap: 4px;
margin: 8px 0 10px; margin: 8px 0 10px;
border-bottom: 1px solid #4a3a20; border-bottom: 1px solid #000000;
padding-bottom: 6px; padding-bottom: 6px;
} }
.panel-tab { .panel-tab {
@@ -141,17 +163,16 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
padding: 5px 4px; padding: 5px 4px;
font-size: 0.78em; font-size: 0.78em;
font-family: inherit; font-family: inherit;
background: #1f1810; background: #FFFFEE;
border: 1px solid #4a3a20; border: 1px solid #666633;
border-radius: 5px 5px 0 0; color: #333300;
color: #a89568;
cursor: pointer; cursor: pointer;
} }
.panel-tab:hover { color: #e8d9b0; border-color: #6b5430; } .panel-tab:hover { background: #EBEDAB; }
.panel-tab.active { .panel-tab.active {
background: #28341c; background: #EBEDAB url("../img/mh/tableau2.jpg");
border-color: #8fbf5a; border-color: #990000;
color: #8fbf5a; color: #990000;
font-weight: bold; font-weight: bold;
} }
.fx-badge { .fx-badge {
@@ -160,93 +181,99 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
padding: 0 4px; padding: 0 4px;
margin-left: 2px; margin-left: 2px;
border-radius: 8px; border-radius: 8px;
background: #8fbf5a; background: #990000;
color: #1a140e; color: #FFFFCC;
font-size: 0.85em; font-size: 0.85em;
font-weight: bold; font-weight: bold;
} }
.fx-badge.hidden { display: none; } .fx-badge.hidden { display: none; }
#stats div { display: flex; justify-content: space-between; padding: 2px 0; } #stats div { display: flex; justify-content: space-between; padding: 2px 0; }
#stats .stat-val { font-family: monospace; color: #f0e6c0; } #stats .stat-val { font-family: monospace; color: #000000; font-weight: bold; }
#stats .stat-hint { color: #8a7a55; font-size: 0.82em; font-family: Georgia, serif; } #stats .stat-hint { color: #666633; font-size: 0.82em; font-family: inherit; font-weight: normal; }
#effects-panel { margin-top: 4px; } #effects-panel { margin-top: 4px; }
.fx-empty { color: #8a7a55; font-style: italic; font-size: 0.88em; line-height: 1.4; } .fx-empty { color: #666633; font-style: italic; font-size: 0.88em; line-height: 1.4; }
.fx-total { .fx-total {
background: #1f1810; background: #EBEDAB url("../img/mh/tableau2.jpg");
border: 1px solid #4a3a20; border: 1px solid #000000;
border-radius: 6px;
padding: 8px; padding: 8px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.fx-total-title { color: #d8a040; font-size: 0.85em; margin-bottom: 6px; font-weight: bold; } .fx-total-title { color: #990000; font-size: 0.85em; margin-bottom: 6px; font-weight: bold; }
.fx-total .fx-mod { margin: 0 6px 4px 0; } .fx-total .fx-mod { margin: 0 6px 4px 0; }
.fx-card { .fx-card {
background: #1f1810; background: #FFFFEE;
border: 1px solid #4a3a20; border: 1px solid #000000;
border-radius: 6px;
padding: 8px; padding: 8px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.fx-card-buff { border-color: #5d8535; } .fx-card-buff { border-color: #008040; border-width: 2px; }
.fx-card-debuff { border-color: #a04848; } .fx-card-debuff { border-color: #990000; border-width: 2px; }
.fx-card-head { .fx-card-head {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 6px; gap: 6px;
color: #e8d9b0; color: #000000;
font-size: 0.88em; font-size: 0.88em;
margin-bottom: 4px; margin-bottom: 4px;
font-weight: bold;
} }
.fx-turns { color: #8a7a55; font-size: 0.9em; white-space: nowrap; } .fx-turns { color: #666633; font-size: 0.9em; white-space: nowrap; font-weight: normal; }
.fx-card-mods { display: flex; flex-wrap: wrap; gap: 4px; } .fx-card-mods { display: flex; flex-wrap: wrap; gap: 4px; }
.fx-mod { .fx-mod {
display: inline-block; display: inline-block;
font-size: 0.78em; font-size: 0.78em;
font-family: monospace; font-family: monospace;
padding: 2px 5px; padding: 2px 5px;
border-radius: 4px; border: 1px solid #CBC5AD;
background: #2a2014; background: #FFFFFF;
color: #c9b685; color: #333300;
} }
.fx-card-buff .fx-mod { color: #8fbf5a; } .fx-card-buff .fx-mod { color: #008040; }
.fx-card-debuff .fx-mod { color: #d88080; } .fx-card-debuff .fx-mod { color: #990000; }
.hp-bar-wrap { background: #3a2a1a; border-radius: 4px; height: 14px; margin: 6px 0; overflow: hidden; } .hp-bar-wrap { background: #CBC5AD; border: 1px solid #000; height: 14px; margin: 6px 0; overflow: hidden; }
.hp-bar { background: #b03030; height: 100%; transition: width .2s; } .hp-bar { background: #CC0000; height: 100%; transition: width .2s; }
.hp-bar.high { background: #5d8535; } .hp-bar.high { background: #008040; }
.hp-bar.mid { background: #d8a040; } .hp-bar.mid { background: #CC9900; }
#improve button, #inventory button, #actions button { #improve button, #inventory button, #actions button {
display: block; display: block;
width: 100%; width: 100%;
margin: 4px 0; margin: 4px 0;
padding: 6px 8px; padding: 5px 8px;
background: #1f1810; background: #666633;
border: 1px solid #6b5430; border-style: outset;
border-radius: 5px; border-width: 1px;
color: #e8d9b0; border-top-color: #CCCC00;
border-left-color: #CCCC00;
border-right-color: #330000;
border-bottom-color: #330000;
color: #FFFFFF;
font-family: inherit; font-family: inherit;
font-size: .92em; font-size: .9em;
cursor: pointer; cursor: pointer;
text-align: left; text-align: left;
} }
#improve button:hover:not(:disabled), #improve button:hover:not(:disabled),
#inventory button:hover:not(:disabled), #inventory button:hover:not(:disabled),
#actions button:hover:not(:disabled) { border-color: #8fbf5a; background: #28341c; } #actions button:hover:not(:disabled) { background: #7a7a3d; }
#improve button:active:not(:disabled),
#inventory button:active:not(:disabled),
#actions button:active:not(:disabled) { border-style: inset; }
#improve button:disabled, #inventory button:disabled, #actions button:disabled { #improve button:disabled, #inventory button:disabled, #actions button:disabled {
opacity: .4; cursor: default; opacity: .45; cursor: default;
} }
#panel-center { flex-grow: 1; text-align: center; } #panel-center { flex-grow: 1; text-align: center; }
#map { #map {
background: #0d0a06; background: #0d0a06;
border: 2px solid #6b5430; border: 2px solid #000000;
border-radius: 6px;
image-rendering: pixelated; image-rendering: pixelated;
max-width: 100%; max-width: 100%;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
} }
#pa-bar { margin: 8px 0; font-size: 1.3em; letter-spacing: 4px; } #pa-bar { margin: 8px 0; font-size: 1.3em; letter-spacing: 4px; }
@@ -259,21 +286,27 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
} }
#actions button { width: auto; display: inline-block; } #actions button { width: auto; display: inline-block; }
.help p { font-size: .8em; color: #a89568; margin: 3px 0; } .help p { font-size: .8em; color: #666633; margin: 3px 0; }
/* ---------- Menu & communauté ---------- */ /* ---------- Menu & communauté ---------- */
.menu-row { margin-top: 14px; display: flex; gap: 10px; justify-content: center; } .menu-row { margin-top: 14px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.menu-btn { .menu-btn {
background: #1f1810; background: #666633;
color: #d8c79a; color: #FFFFFF;
border: 2px solid #6b5430; border-style: outset;
border-radius: 8px; border-width: 1px;
padding: 8px 16px; border-top-color: #CCCC00;
border-left-color: #CCCC00;
border-right-color: #330000;
border-bottom-color: #330000;
padding: 7px 14px;
font-family: inherit; font-family: inherit;
font-size: .95em; font-size: .92em;
font-weight: bold;
cursor: pointer; cursor: pointer;
} }
.menu-btn:hover { border-color: #8fbf5a; } .menu-btn:hover { background: #7a7a3d; }
.menu-btn:active { border-style: inset; }
#level-list { margin: 16px 0; text-align: left; max-height: 50vh; overflow-y: auto; } #level-list { margin: 16px 0; text-align: left; max-height: 50vh; overflow-y: auto; }
.level-row { .level-row {
@@ -281,16 +314,15 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
width: 100%; width: 100%;
margin: 6px 0; margin: 6px 0;
padding: 10px 12px; padding: 10px 12px;
background: #1f1810; background: #FFFFEE;
border: 2px solid #4a3a20; border: 1px solid #000000;
border-radius: 8px; color: #000000;
color: #e8d9b0;
font-family: inherit; font-family: inherit;
font-size: .95em; font-size: .95em;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
} }
.level-row:hover { border-color: #8fbf5a; background: #28341c; } .level-row:hover { background: #EBEDAB; }
/* ---------- Éditeur ---------- */ /* ---------- Éditeur ---------- */
#ed-layout { #ed-layout {
@@ -302,36 +334,42 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
#ed-palette { #ed-palette {
width: 250px; width: 250px;
flex-shrink: 0; flex-shrink: 0;
background: #2a2014; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 2px solid #6b5430; border: 1px solid #000000;
border-radius: 8px;
padding: 10px; padding: 10px;
font-size: .9em; font-size: .9em;
max-height: 80vh; max-height: 80vh;
overflow-y: auto; overflow-y: auto;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
} }
#ed-palette h3 { #ed-palette h3 {
color: #d8a040; color: #000000;
font-size: .95em; font-size: .95em;
margin: 10px 0 6px; margin: 10px 0 6px;
border-bottom: 1px solid #4a3a20; padding: 2px 6px;
background: #EBEDAB url("../img/mh/tableau2.jpg");
border: 1px solid #000000;
} }
#ed-palette button, #ed-palette select { #ed-palette button, #ed-palette select {
display: block; display: block;
width: 100%; width: 100%;
margin: 3px 0; margin: 3px 0;
padding: 6px 8px; padding: 5px 8px;
background: #1f1810; background: #FFFFEE;
border: 1px solid #6b5430; border: 1px solid #666633;
border-radius: 5px; color: #000000;
color: #e8d9b0;
font-family: inherit; font-family: inherit;
font-size: .92em; font-size: .92em;
cursor: pointer; cursor: pointer;
text-align: left; text-align: left;
} }
#ed-palette button:hover { border-color: #8fbf5a; } #ed-palette button:hover { background: #EBEDAB; }
#ed-palette button.selected { border-color: #8fbf5a; background: #28341c; } #ed-palette button.selected {
background: #EBEDAB url("../img/mh/tableau2.jpg");
border: 1px solid #990000;
color: #990000;
font-weight: bold;
}
#ed-main { flex-grow: 1; text-align: center; } #ed-main { flex-grow: 1; text-align: center; }
#ed-map { cursor: crosshair; } #ed-map { cursor: crosshair; }
@@ -339,17 +377,17 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
#ed-meta input { #ed-meta input {
padding: 8px 10px; padding: 8px 10px;
font-size: 1em; font-size: 1em;
background: #1a140e; background: #FFFFEE;
border: 2px solid #6b5430; border: 1px solid #1E2A63;
border-radius: 6px; color: #000000;
color: #e8d9b0;
width: 40%; width: 40%;
font-family: inherit;
} }
#ed-actions { display: flex; gap: 10px; justify-content: center; } #ed-actions { display: flex; gap: 10px; justify-content: center; }
#ed-status { margin: 10px 0; min-height: 1.2em; font-size: .95em; } #ed-status { margin: 10px 0; min-height: 1.2em; font-size: .95em; }
.ed-warn { color: #e06060; } .ed-warn { color: #FF0000; }
.ed-ok { color: #8fbf5a; } .ed-ok { color: #008040; }
.ed-note { font-size: .8em; color: #a89568; } .ed-note { font-size: .8em; color: #666633; }
/* ---------- Règles des talents ---------- */ /* ---------- Règles des talents ---------- */
.header-right { display: flex; align-items: center; gap: 12px; } .header-right { display: flex; align-items: center; gap: 12px; }
@@ -360,8 +398,8 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
padding: 10px 16px 40px; padding: 10px 16px 40px;
} }
.rules-race { .rules-race {
color: #8fbf5a; color: #990000;
border-bottom: 2px solid #4a3a20; border-bottom: 2px solid #000000;
margin: 24px 0 12px; margin: 24px 0 12px;
font-size: 1.4em; font-size: 1.4em;
} }
@@ -371,53 +409,53 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
gap: 14px; gap: 14px;
} }
.rules-fiche { .rules-fiche {
background: #2a2014; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 2px solid #6b5430; border: 1px solid #000000;
border-radius: 8px;
padding: 14px; padding: 14px;
font-size: .92em; font-size: .92em;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
} }
.rules-fiche-title { .rules-fiche-title {
color: #d8a040; color: #000000;
font-weight: bold; font-weight: bold;
font-size: 1.1em; font-size: 1.1em;
text-align: center; text-align: center;
border-bottom: 1px solid #4a3a20; background: #EBEDAB url("../img/mh/tableau2.jpg");
padding-bottom: 6px; border: 1px solid #000000;
padding: 4px 6px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.rules-fiche table { width: 100%; border-collapse: collapse; margin-bottom: 8px; } .rules-fiche table { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.rules-fiche td { padding: 2px 6px; vertical-align: top; } .rules-fiche td { padding: 2px 6px; vertical-align: top; }
.rules-fiche td:first-child { color: #a89568; width: 45%; } .rules-fiche td:first-child { color: #666633; width: 45%; }
.rules-section { .rules-section {
color: #8fbf5a; color: #990000;
font-weight: bold; font-weight: bold;
margin: 10px 0 4px; margin: 10px 0 4px;
letter-spacing: 1px; letter-spacing: 1px;
} }
.rules-text { color: #d8c79a; line-height: 1.5; } .rules-text { color: #000000; line-height: 1.5; }
.rules-flavor { font-style: italic; color: #b9a878; } .rules-flavor { font-style: italic; color: #666633; }
.rules-myinfo { .rules-myinfo {
background: #1f2a14; background: #FFFFFF;
border: 2px solid #5d8535; border: 2px solid #008040;
border-radius: 8px;
padding: 10px; padding: 10px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.rules-myinfo-title { .rules-myinfo-title {
color: #8fbf5a; color: #008040;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
border-bottom: 1px solid #41551f; border-bottom: 1px solid #008040;
padding-bottom: 4px; padding-bottom: 4px;
margin-bottom: 6px; margin-bottom: 6px;
} }
.rules-myinfo table { width: 100%; } .rules-myinfo table { width: 100%; }
.rules-myinfo td { padding: 2px 6px; } .rules-myinfo td { padding: 2px 6px; }
.rules-myinfo td:first-child { color: #a89568; width: 45%; } .rules-myinfo td:first-child { color: #666633; width: 45%; }
#ed-help { max-width: 600px; margin: 0 auto; } #ed-help { max-width: 600px; margin: 0 auto; }
#equipment div, #inventory .empty { font-size: .88em; padding: 2px 0; color: #c9b685; } #equipment div, #inventory .empty { font-size: .88em; padding: 2px 0; color: #333300; }
#bottom-row { #bottom-row {
display: flex; display: flex;
@@ -428,68 +466,69 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
#log { #log {
flex: 1 1 55%; flex: 1 1 55%;
background: #14100a; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 2px solid #4a3a20; border: 1px solid #000000;
border-radius: 8px;
padding: 8px 12px; padding: 8px 12px;
height: 190px; height: 190px;
overflow-y: auto; overflow-y: auto;
font-size: .85em; font-size: .85em;
font-family: monospace; font-family: monospace;
line-height: 1.45; line-height: 1.45;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
} }
#combat-detail { #combat-detail {
flex: 1 1 45%; flex: 1 1 45%;
background: #14100a; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 2px solid #4a3a20; border: 1px solid #000000;
border-radius: 8px;
padding: 8px 12px; padding: 8px 12px;
height: 190px; height: 190px;
overflow-y: auto; overflow-y: auto;
font-size: .85em; font-size: .85em;
line-height: 1.5; line-height: 1.5;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
} }
#combat-detail .cd-header { #combat-detail .cd-header {
color: #d8a040; color: #000000;
font-weight: bold; font-weight: bold;
border-bottom: 1px solid #4a3a20; border-bottom: 1px solid #000000;
margin-bottom: 6px; margin-bottom: 6px;
position: sticky; position: sticky;
top: 0; top: 0;
background: #14100a; background: #EBEDAB url("../img/mh/tableau2.jpg");
padding: 1px 4px;
} }
#combat-detail .cd-empty { color: #6a5c40; font-style: italic; } #combat-detail .cd-empty { color: #666633; font-style: italic; }
.cd-block { .cd-block {
border-bottom: 1px dashed #3a2f1c; border-bottom: 1px dashed #CBC5AD;
padding: 6px 0; padding: 6px 0;
color: #cbb98c; color: #333300;
} }
.cd-block .cd-title { color: #8fbf5a; font-weight: bold; } .cd-block .cd-title { color: #990000; font-weight: bold; }
.cd-val { color: #e0b070; font-weight: bold; } .cd-val { color: #993300; font-weight: bold; }
.cd-good { color: #8fbf5a; font-weight: bold; } .cd-good { color: #008040; font-weight: bold; }
.cd-bad { color: #e06060; font-weight: bold; } .cd-bad { color: #CC0000; font-weight: bold; }
#log .l-combat { color: #e0b070; } #log .l-combat { color: #993300; }
#log .l-bad { color: #e06060; } #log .l-bad { color: #CC0000; }
#log .l-good { color: #8fbf5a; } #log .l-good { color: #008040; }
#log .l-info { color: #9a8a65; } #log .l-info { color: #666666; }
/* ---------- Trésors du Hall (potions & parchemins) ---------- */ /* ---------- Trésors du Hall (potions, parchemins & équipement) ---------- */
#treasures-body { #treasures-body {
max-width: 1100px; max-width: 1100px;
margin: 0 auto; margin: 0 auto;
padding: 10px 16px 40px; padding: 10px 16px 40px;
} }
.tz-intro, .tz-note { .tz-intro, .tz-note {
color: #b9a878; color: #333300;
line-height: 1.5; line-height: 1.5;
font-size: .92em; font-size: .92em;
} }
.tz-intro a { color: #d8a040; } .tz-intro a { color: #990000; }
.tz-note { font-style: italic; margin-top: 18px; } .tz-note { font-style: italic; margin-top: 18px; }
.tz-section { .tz-section {
color: #8fbf5a; color: #990000;
border-bottom: 2px solid #4a3a20; border-bottom: 2px solid #000000;
margin: 24px 0 12px; margin: 24px 0 12px;
font-size: 1.3em; font-size: 1.3em;
} }
@@ -499,35 +538,40 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
gap: 12px; gap: 12px;
} }
.tz-card { .tz-card {
background: #2a2014; background: #FFFFEE url("../img/mh/tableau1.jpg");
border: 2px solid #6b5430; border: 1px solid #000000;
border-left: 6px solid var(--tz-color, #6b5430); border-left: 6px solid var(--tz-color, #666633);
border-radius: 8px;
padding: 10px 12px; padding: 10px 12px;
font-size: .92em; font-size: .92em;
} }
.tz-name { color: #d8a040; font-weight: bold; } .tz-name { color: #000000; font-weight: bold; }
.tz-meta { color: #a89568; font-size: .88em; margin: 4px 0 8px; } .tz-meta { color: #666633; font-size: .88em; margin: 4px 0 8px; }
.tz-meta b { color: #d8c79a; } .tz-meta b { color: #000000; }
.tz-fx-list { display: flex; flex-wrap: wrap; gap: 4px; } .tz-fx-list { display: flex; flex-wrap: wrap; gap: 4px; }
.tz-fx { .tz-fx {
background: #1f1810; background: #FFFFFF;
border: 1px solid #4a3a20; border: 1px solid #CBC5AD;
border-radius: 4px;
padding: 2px 7px; padding: 2px 7px;
color: #d8c79a; color: #333300;
font-size: .9em; font-size: .9em;
} }
.tz-good { color: #8fbf5a; } .tz-good { color: #008040; }
.tz-bad { color: #d88080; } .tz-bad { color: #990000; }
/* ---------- Équipement 6 emplacements ---------- */ /* ---------- Équipement 6 emplacements ---------- */
.eq-line { margin-bottom: 6px; line-height: 1.3; } .eq-line { margin-bottom: 6px; line-height: 1.3; }
.eq-slot { .eq-slot {
display: inline-block; display: inline-block;
min-width: 72px; min-width: 72px;
color: #a89568; color: #666633;
font-size: .85em; font-size: .85em;
} }
.eq-mods { color: #8a7a55; font-size: .78em; margin-left: 72px; } .eq-mods { color: #666633; font-size: .78em; margin-left: 72px; }
.tz-subsection { color: #d8a040; margin: 16px 0 8px; font-size: 1.05em; } .tz-subsection {
color: #000000;
background: #EBEDAB url("../img/mh/tableau2.jpg");
border: 1px solid #000000;
padding: 3px 8px;
margin: 16px 0 8px;
font-size: 1.05em;
}
img/mh/bg_equipement.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

img/mh/fond2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

img/mh/interfacebas2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

img/mh/interfacehaut_small.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

img/mh/tableau1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

img/mh/tableau2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

js/game.js
+1 -1
View File
@@ -4,7 +4,7 @@
"use strict"; "use strict";
const APP_VERSION = "1.7.1"; const APP_VERSION = "1.8.0";
/* Alpha : maîtrise initiale haute pour les tests. Remettre 15 % / 15 % à la v1.0 officielle. */ /* Alpha : maîtrise initiale haute pour les tests. Remettre 15 % / 15 % à la v1.0 officielle. */
const START_COMP_PCT = 90; const START_COMP_PCT = 90;