/* ==================== (A) Fonts ==================== */ /* ==================== (A) Fonts ==================== */ @font-face { font-family: "Charlemagne"; src: url('../assets/fonts/CharlemagneStd-Bold.otf') format("otf"); } :root { /* =================== 1. ACTOR SHEET FONT STYLES =========== */ --window-header-font-family: Charlemagne; --window-header-title-font-size: 1.1rem; --window-header-title-font-weight: normal; --window-header-title-color: #f5f5f5; --major-button-font-family: Charlemagne; --major-button-font-size: 1.05rem; --major-button-font-weight: normal; --major-button-color: #dadada; --tab-header-font-family: Charlemagne; --tab-header-font-size: 1rem; --tab-header-font-weight: 700; --tab-header-color: #403f3e; --tab-header-color-active: #4a0404; --actor-input-font-size: 0.8rem; --actor-input-font-weight: 500; --actor-input-color: black; --actor-label-font-size: 0.8rem; --actor-label-font-weight: 700; --actor-label-color: #464331c4; /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ --debug-background-color-red: #ff000054; --debug-background-color-blue: #1d00ff54; --debug-background-color-green: #54ff0054; --debug-box-shadow-red: inset 0 0 2px red; --debug-box-shadow-blue: inset 0 0 2px blue; --debug-box-shadow-green: inset 0 0 2px green; } /*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/ /* Global styles & Font */ .window-app { font-family: Charlemagne; text-align: justify; font-size: 12px; letter-spacing: 1px; } /* Fonts */ .sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { font-family: "Charlemagne"; font-size: 0.8rem; } /* For title, sidebar character and scene */ .sheet nav.sheet-tabs { font-family: "Charlemagne"; font-size: 0.8rem; } /* For nav and title */ .window-app input, .fvtt-wasteland .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { font-size: 0.8rem; } .window-header { background: rgba(0, 0, 0, 0.75); } .window-app.sheet .window-content { margin: 0; padding: 0; } .strong-text { font-weight: bold; } .tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover { text-shadow: 1px 0px 0px #ff6600; } .rollable:hover, .rollable:focus { color: #000; text-shadow: 0 0 10px red; cursor: pointer; } input:disabled { color: #1c2058; } select:disabled { color: #1c2058; } table { border: 1px solid #7a7971; } .grid, .grid-2col { display: grid; grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0; padding: 0; } .grid-3col { grid-column: span 3 / span 3; grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-4col { grid-column: span 4 / span 4; grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-5col { grid-column: span 5 / span 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-6col { grid-column: span 5 / span 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-7col { grid-column: span 7 / span 7; grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-8col { grid-column: span 8 / span 8; grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-9col { grid-column: span 9 / span 9; grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid-10col { grid-column: span 10 / span 10; grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-11col { grid-column: span 11 / span 11; grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid-12col { grid-column: span 12 / span 12; grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-group-center, .flex-group-left, .flex-group-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 5px; } .flex-group-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .flex-group-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .table-create-actor { font-size: 0.8rem; } .flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-shrink { flex: 'flex-shrink'; } /* Styles limited to foundryvtt-vadentis sheets */ .fvtt-wasteland .sheet-header { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px; } .fvtt-wasteland .sheet-header .profile-img { -webkit-box-flex: 0; -ms-flex: 0 0 128px; flex: 0 0 128px; height: 128px; width: 128px; margin-right: 10px; object-fit: cover; object-position: 50% 0; } .button-img { vertical-align: baseline; width: 8%; height: 8%; max-height: 48px; border-width: 0; border: 1px solid rgba(0, 0, 0, 0); } .button-img:hover { color: rgba(255, 255, 128, 0.7); border: 1px solid rgba(255, 128, 0, 0.8); cursor: pointer; } .button-effect-img { vertical-align: baseline; width: 16px; max-height: 16px; height: 16; border-width: 0; } .small-button-container { height: 16px; width: 16px; border: 0; vertical-align: bottom; } .fvtt-wasteland .sheet-header .header-fields { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .fvtt-wasteland .sheet-header h1.charname { height: 50px; padding: 0px; margin: 5px 0; border-bottom: 0; font-weight: bold; font-size: 2rem; font-family: "Charlemagne"; } .fvtt-wasteland .sheet-header h1.charname input { width: 100%; height: 100%; margin: 0; font-weight: bold; font-family: "Charlemagne"; font-size: 2rem; } .fvtt-wasteland .sheet-tabs { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .fvtt-wasteland .sheet-body, .fvtt-wasteland .sheet-body .tab, .fvtt-wasteland .sheet-body .tab .editor { height: 100%; font-size: 0.8rem; } .editor-container { height: 100%; min-height: 100%; font-size: 0.8rem; } .editor { min-height: 400px; height: 100%; border: 2; padding: 0 3px; } .medium-editor { border: 2; height: 240px; padding: 0 3px; } .small-editor { border: 2; height: 120px; padding: 0 3px; } .fvtt-wasteland .tox .tox-editor-container { background: #fff; } .fvtt-wasteland .tox .tox-edit-area { padding: 0 8px; } .fvtt-wasteland .resource-label { font-weight: bold; text-transform: uppercase; } .fvtt-wasteland .tabs { height: 40px; color: #000000; } .fvtt-wasteland .tabs .item { line-height: 40px; font-weight: bold; } .fvtt-wasteland .tabs .item.active { text-decoration: underline; text-shadow: none; } .fvtt-wasteland .items-list { list-style: none; margin: 1px 0; padding: 0; overflow-y: auto; } .fvtt-wasteland .items-list .item-header { font-weight: bold; } .fvtt-wasteland .items-list .item { height: 30px; line-height: 24px; padding: 1px 0; border-bottom: 1px solid #BBB; } .fvtt-wasteland .items-list .item .item-image { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; margin-right: 5px; } .fvtt-wasteland .items-list .item img { display: block; } .fvtt-wasteland .items-list .item-name { margin: 0; } .fvtt-wasteland .items-list .item-controls { -webkit-box-flex: 0; -ms-flex: 0 0 86px; flex: 0 0 86px; text-align: right; } /* ======================================== */ /* Sheet */ .window-app.sheet .window-content .sheet-header { /*background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/ background: url("../assets/ui/pc_sheet_bg.webp") repeat left top; /*color: rgba(168, 139, 139, 0.5);*/ } .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] { color: rgba(36, 37, 37, 0.75); background: rgba(255, 255, 255, 0.05); border: 0 none; margin-bottom: 0.25rem; } .window-app .window-content, .window-app.sheet .window-content .sheet-body { font-size: 0.8rem; background: url("../assets/ui/pc_sheet_bg.webp") repeat left top; } /* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/ section.sheet-body { padding: 0.25rem 0.5rem; } .sheet header.sheet-header .profile-img { object-fit: cover; object-position: 50% 0; margin: 0.5rem 0 0.5rem 0.5rem; padding: 0; } .sheet nav.sheet-tabs { font-size: 0.7rem; font-weight: bold; height: 3rem; flex: 0 0 3rem; margin: 0; padding: 0 0 0 0.25rem; text-align: center; text-transform: uppercase; line-height: 1.5rem; border-top: 0 none; border-bottom: 0 none; background-color: black; color: beige; } /* background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/ nav.sheet-tabs .item { position: relative; padding: 0 0.25rem; color: beige; } nav.sheet-tabs .item:after { content: ""; position: absolute; top: 0; right: 0; height: 2rem; width: 1px; border-right: 1px dashed rgba(52, 52, 52, 0.25); } .sheet .tab[data-tab] { padding: 0; } section.sheet-body:after { content: ""; display: block; clear: both; } .sheet header.sheet-header .flex-compteurs { text-align: right; } .sheet header.sheet-header .resource-content { width: 2rem; } .select-diff { display: inline-block; text-align: left; width: 50px; } .window-app.sheet .window-content .tooltip:hover .tooltiptext { top: 2rem; left: 2rem; margin: 0; padding: 0.25rem; } .window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp { margin: 0.05rem; flex-basis: 3rem; text-align: center; } /* ======================================== */ /* Global UI elements */ /* ======================================== */ h1, h2, h3, h4 { font-weight: bold; } ul, ol { margin: 0; padding: 0; } ul, li { list-style-type: none; } .sheet li { margin: 0.01rem; padding: 0.25rem; } .header-fields li { margin: 0; padding: 0; } .alterne-list > .list-item:hover { background: rgba(100, 100, 50, 0.25); } .alterne-list > .list-item:nth-child(even) { background: rgba(80, 60, 0, 0.1); } .alterne-list > .list-item:nth-child(odd) { background: #a08264; } .specialisation-label { font-size: 0.8rem; } .carac-label, .attr-label { font-weight: bold; } .list-item { margin: 0.125rem; box-shadow: inset 0px 0px 1px #00000096; border-radius: 0.25rem; padding: 0.125rem; flex: 1 1 5rem; } .item-display-show { display: block; } .item-display-hide { display: none; } .conteneur-type { background: #c80a64; } .item-quantite { margin-left: 0.5rem; } .list-item-margin1 { margin-left: 1rem; } .list-item-margin2 { margin-left: 2rem; } .list-item-margin3 { margin-left: 3rem; } .list-item-margin4 { margin-left: 4rem; } .sheet-competence-img { width: 24px; height: 24px; flex-grow: 0; margin-right: 0.25rem; } .competence-column { flex-direction: column; align-content: flex-start; justify-content: flex-start; flex-grow: 0; flex-basis: 1; } .competence-header { align-content: flex-start; justify-content: flex-start; font-weight: bold; flex-grow: 0; } .secondaire-label, .arme-label, .generic-label, .competence-label, .devotion-label, .sort-label, .technique-label, .stat-label, .arme-label, .armure-label, .equipement-label, .description-label { flex-grow: 2; margin-left: 4px; } .roll-dialog-label { margin: 4px 0; } .short-label { flex-grow: 1; } .keyword-label { font-size: 0.85rem; } .item-sheet-label { flex-grow: 1; } .item-text-long-line { flex-grow: 3; } .score-label { flex-grow: 2; align-content: center; } .attribut-value, .carac-value { flex-grow: 0; flex-basis: 64px; margin-right: 4px; margin-left: 4px; } .sante-value, .competence-value { flex-grow: 0; flex-basis: 2rem; margin-right: 0.25rem; margin-left: 0.25rem; } .description-value { flex-grow: 0; flex-basis: 4rem; margin-right: 0.25rem; margin-left: 0.25rem; } .competence-xp { flex-grow: 0; flex-basis: 2rem; margin-right: 0.25rem; margin-left: 0.25rem; } .blessures-title { font-weight: bold; } .alchimie-title { font-weight: bold; } .blessure-data { flex-direction: row; align-content: flex-start; justify-content: flex-start; } .blessures-soins { flex-grow: 0; flex-basis: 32px; margin-right: 4px; margin-left: 4px; } .blessures-loc { flex-grow: 0; flex-basis: 96px; margin-right: 4px; margin-left: 4px; } .pointsreve-value { flex-grow: 0; flex-basis: 64px; margin-right: 4px; margin-left: 4px; } .input-sante-header, .stress-style { flex-grow: 0; flex-basis: 64px; margin-right: 4px; margin-left: 4px; } .small-label { margin-top: 5px; } .padd-right { margin-right: 8px; } .padd-left { margin-left: 8px; } .stack-left { align-items: center; flex-shrink: 1; flex-grow: 0; } .npc-stat-label { flex-grow: 2; } .packed-left { white-space: nowrap; flex-grow: 0; } .input-numeric-short { width: 40px; max-width: 40px; flex-grow: 0; flex-shrink: 0; flex-basis: 40px; margin-right: 0.25rem; margin-left: 0.25rem; } .stats-table { align-content: flex-start; } /* ======================================== */ .tokenhudext { display: flex; flex: 0 !important; font-weight: 600; } .tokenhudext.left { justify-content: flex-start; flex-direction: column; position: absolute; top: 2.75rem; right: 4rem; } .tokenhudext.right { justify-content: flex-start; flex-direction: column; position: absolute; top: 2.75rem; left: 4rem; } .control-icon.tokenhudicon { width: fit-content; height: fit-content; min-width: 6rem; flex-basis: auto; padding: 0; line-height: 1rem; margin: 0.25rem; } .control-icon.tokenhudicon.right { margin-left: 8px; } #token-hud .status-effects.active { z-index: 2; } /* ======================================== */ .item-checkbox { height: 25px; border: 1px solid #736953a6; border-left: none; font-weight: 500; font-size: 1rem; color: black; padding-top: 5px; margin-right: 0px; width: 45px; position: relative; left: 0px; text-align: center; } .flex-actions-bar { flex-grow: 2; } /* ======================================== */ /* Sidebar CSS */ #sidebar { font-size: 1rem; background-position: 100%; color: rgba(220, 220, 220, 0.75); } /* background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/ #sidebar.collapsed { height: 470px !important; } #sidebar-tabs > .collapsed, #chat-controls .chat-control-icon { color: rgba(220, 220, 220, 0.75); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); } .sidebar-tab .directory-list .entity { border-top: 1px dashed rgba(0, 0, 0, 0.25); border-bottom: 0 none; padding: 0.25rem 0; } .sidebar-tab .directory-list .entity:hover { background: rgba(0, 0, 0, 0.05); cursor: pointer; } .chat-message-header { background: rgba(220, 220, 210, 0.5); font-size: 1.1rem; height: 48px; text-align: center; vertical-align: middle; display: flex; align-items: center; } .chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { font-size: 0.9rem; } .chat-actor-name { padding: 4px; } .chat-img { width: 64px; height: 64px; } .roll-dialog-header { height: 52px; } .actor-icon { float: left; width: 48px; height: 48px; padding: 2px 6px 2px 2px; } .padding-dice { padding-top: 0.2rem; padding-bottom: 0.2rem; } .dice-image { box-sizing: border-box; border: none; border-radius: 0; max-width: 100%; } .dice-image-reroll { background-color: rgba(115, 224, 115, 0.25); border-color: #011d33; box-sizing: border-box; border: 1px; border-radius: 0%; max-width: 100%; } .chat-dice { width: 15%; height: 15%; font-size: 15px; padding: 10px; padding-bottom: 20px; padding-top: 0.2rem; padding-bottom: 0.2rem; } .div-river-full { height: 5rem; align-items: flex-start; } .div-river { align-content: center; margin-left: 8px; align-content: space-around; justify-content: space-around; } .div-center { align-self: center; } .chat-message { background: rgba(220, 220, 210, 0.5); font-size: 0.9rem; } .chat-message.whisper { background: rgba(220, 220, 210, 0.75); border: 2px solid #545469; } .chat-message .chat-icon { border: 0; padding: 2px 6px 2px 2px; float: left; width: 64px; height: 64px; } #sidebar-tabs { flex: 0 0 32px; box-sizing: border-box; margin: 0 0 5px; border-bottom: 1px solid rgba(0, 0, 0, 0); box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.5); } #sidebar-tabs > .item.active { border: 1px solid #726248; background: rgba(30, 25, 20, 0.75); box-shadow: 0 0 6px inset #726248; } #sidebar #sidebar-tabs i { display: inline-block; background-position: center; background-size: cover; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); } /*#sidebar #sidebar-tabs i.fa-comments:before, #sidebar #sidebar-tabs i.fa-fist-raised:before, #sidebar #sidebar-tabs i.fa-users:before, #sidebar #sidebar-tabs i.fa-map:before, #sidebar #sidebar-tabs i.fa-suitcase:before, #sidebar #sidebar-tabs i.fa-book-open:before, #sidebar #sidebar-tabs i.fa-th-list:before, #sidebar #sidebar-tabs i.fa-music:before, #sidebar #sidebar-tabs i.fa-atlas:before, #sidebar #sidebar-tabs i.fa-cogs:before {content: "";} #sidebar #sidebar-tabs i.fa-comments {background: url("img/ui/icon_sidebar_chat.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-fist-raised {background: url("img/ui/icon_sidebar_fight.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-users {background: url("img/ui/icon_sidebar_actor.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-map {background: url("img/ui/icon_sidebar_scene.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-suitcase {background: url("img/ui/icon_sidebar_item.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-book-open {background: url("img/ui/icon_sidebar_journal.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-th-list {background: url("img/ui/icon_sidebar_rolltable.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-music {background: url("img/ui/icon_sidebar_music.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-atlas {background: url("img/ui/icon_sidebar_compendium.svg") no-repeat;} #sidebar #sidebar-tabs i.fa-cogs {background: url("img/ui/icon_sidebar_settings.svg") no-repeat;} #combat #combat-controls { box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); } */ /*--------------------------------------------------------------------------*/ /* Control, Tool, hotbar & navigation */ #controls .scene-control, #controls .control-tool { box-shadow: 0 0 3px #000; margin: 0 0 8px; border-radius: 0; background: #1e1914; background-origin: padding-box; /* border-image: url(img/ui/footer-button.png) 10 repeat; */ border-image-width: 4px; border-image-outset: 0px; } #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { background: #482e1c; background-origin: padding-box; /* border-image: url(img/ui/footer-button.png) 10 repeat; */ border-image-width: 4px; border-image-outset: 0px; box-shadow: 0 0 3px #ff6400; } #hotbar #action-bar #macro-list { border: 1px solid #482e1c; box-shadow: 2px 2px 5px #000000; } #hotbar #action-bar .macro { border-image: url(img/ui/bg_control.jpg) 21 repeat; border-image-slice: 6 6 6 6 fill; border-image-width: 6px 6px 6px 6px; border-image-outset: 0px 0px 0px 0px; border-radius: 0px; } #hotbar .bar-controls { background: #1e1914; border: 1px solid #482e1c; } #players { /* border-image: url(img/ui/footer-button.png) 10 repeat; */ border-image-width: 4px; border-image-outset: 0px; background: #1e1914; } #navigation #scene-list .scene.nav-item.active { background: #482e1c; } #navigation #scene-list .scene.nav-item { background: #1e1914; background-origin: padding-box; /* border-image: url(img/ui/footer-button.png) 10 repeat; */ border-image-width: 4px; border-image-outset: 0px; } #navigation #scene-list .scene.view, #navigation #scene-list .scene.context { background: #482e1c; background-origin: padding-box; /* border-image: url(img/ui/footer-button.png) 10 repeat; */ border-image-width: 4px; border-image-outset: 0px; box-shadow: 0 0 3px #ff6400; } #navigation #nav-toggle { background: #1e1914; background-origin: padding-box; /* border-image: url(img/ui/footer-button.png) 10 repeat; */ border-image-width: 4px; border-image-outset: 0px; } /* Tooltip container */ .tooltip { position: relative; display: inline-block; /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext { text-align: left; background: rgba(231, 229, 226, 0.9); width: 150px; padding: 3px 0; font-size: 0.9rem; /* Position the tooltip text */ top: 1px; position: absolute; z-index: 1; /* Fade in tooltip */ visibility: hidden; opacity: 0; transition: opacity 0.3s; } .tooltip .ttt-fatigue { width: 360px; background: rgba(30, 25, 20, 0.9); border-image: url(img/ui/bg_control.jpg) 21 repeat; border-image-slice: 6 6 6 6 fill; border-image-width: 6px 6px 6px 6px; border-image-outset: 0px 0px 0px 0px; border-radius: 0px; font-size: 0.8rem; padding: 3px 0; } .tooltip .ttt-ajustements { width: 150px; background: rgba(220, 220, 210, 0.95); border-radius: 6px; font-size: 0.9rem; padding: 3px 0; } .tooltip-nobottom { border-bottom: unset; /* If you want dots under the hoverable text */ } .tooltip .ttt-xp { width: 250px; background: rgba(220, 220, 210, 0.95); border-radius: 6px; font-size: 0.9rem; padding: 3px 0; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .river-button { box-shadow: inset 0px 1px 0px 0px #a6827e; background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); background-color: #7d5d3b00; border-radius: 3px; border: 2px ridge #846109; display: inline-block; cursor: pointer; color: #ffffff; font-size: 0.8rem; padding: 2px 4px 0px 4px; text-decoration: none; text-shadow: 0px 1px 0px #4d3534; position: relative; margin: 4px; } .chat-card-button { box-shadow: inset 0px 1px 0px 0px #a6827e; background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); background-color: #7d5d3b00; border-radius: 3px; border: 2px ridge #846109; display: inline-block; cursor: pointer; color: #ffffff; font-size: 0.8rem; padding: 4px 4px 0px 4px; text-decoration: none; text-shadow: 0px 1px 0px #4d3534; position: relative; margin: 2px; } .chat-card-button:hover { background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); background-color: red; } .chat-card-button:active { position: relative; top: 1px; } .button-sheet-roll { box-shadow: inset 0px 1px 0px 0px #a6827e; background: linear-gradient(to bottom, #21374afc 5%, #152833ab 60%); background-color: #7d5d3b00; border-radius: 4px; border: 1px ridge #846109; display: inline-block; cursor: pointer; color: #ffffff; font-size: 0.8rem; padding: 1px 1px 0px 1px; text-decoration: none; text-shadow: 0px 1px 0px #4d3534; position: relative; max-height: 1.8rem; max-width: 4rem; margin-left: 4px; } .button-sheet-roll:hover { background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); background-color: red; } .button-sheet-roll:active { position: relative; top: 1px; } .plus-minus-button { box-shadow: inset 0px 1px 0px 0px #a6827e; background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); background-color: #7d5d3b00; border-radius: 3px; border: 2px ridge #846109; display: inline-block; cursor: pointer; color: #ffffff; padding: 2px 6px 0px 6px; text-decoration: none; text-shadow: 0px 1px 0px #4d3534; position: relative; margin: 3px; } .river-button:hover, .plus-minus-button:hover, .chat-card-button:hover { background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); background-color: red; } .plus-minus-button:active, .chat-card-button:active { position: relative; top: 1px; } .plus-minus { font-size: 0.9rem; font-weight: bold; } .ul-level1 { padding-left: 2rem; } .label-name { padding-top: 7px; padding-left: 4px; margin-left: 4px; min-width: 5rem; max-width: 5rem; } /*************************************************************/ .competence-name { padding-top: 7px; padding-left: 4px; margin-left: 4px; flex-grow: 2; } /*************************************************************/ .competence-niveau { flex-grow: 1; min-width: 64px; max-width: 64px; } /*************************************************************/ .arme-defensif { padding-top: 7px; padding-left: 4px; margin-left: 4px; text-align: center; flex-grow: 2; } /*************************************************************/ .button-roll-competence { min-width: 64px; max-width: 64px; background-color: #d3ddbb; padding-top: 7px; padding-left: 4px; margin-left: 4px; margin-right: 4px; border-radius: 12px; } /*************************************************************/ .button-roll-competence-empty { min-width: 64px; max-width: 64px; padding-top: 7px; padding-left: 4px; margin-left: 4px; margin-right: 4px; border-radius: 12px; } /*************************************************************/ .item-name-img { flex-grow: 1; max-width: 2rem; min-width: 2rem; max-height: 2rem; } /*************************************************************/ #pause { font-size: 2rem; } #pause > h3 { color: #CCC; } #pause > img { content: url(../assets/logos/logo_wasteland.webp); /* height: 256px;*/ width: 256px; top: -80px; left: calc(50% - 132px); } #logo { content: url(../assets/logos/logo_wasteland.webp); width: 120px; height: 40px; } .dice-cell { padding-left: 12px; padding-right: 12px; width: 60px; text-align: center; } .dice-formula, .dice-total { height: 54px; position: relative; } .item-name-label-header { flex-grow: 2; max-width: 12rem; min-width: 12rem; } .item-name-label { flex-grow: 2; max-width: 10rem; min-width: 10rem; } .item-name-label-level2 { flex-grow: 2; max-width: 9rem; min-width: 9rem; } .item-field-label-short { flex-grow: 1; max-width: 4rem; min-width: 4rem; } .item-field-label-medium { flex-grow: 1; max-width: 6rem; min-width: 6rem; } .item-field-label-long { flex-grow: 1; max-width: 12rem; min-width: 12rem; } .item-field-label-long-title { flex-grow: 1; max-width: 14rem; min-width: 14rem; } .label-padding-left { padding-left: 8px; } .item-control-end { align-self: flex-end; } .alternate-list { margin-top: 4px; flex-wrap: nowrap; } .item-filler { flex-grow: 6; flex-shrink: 7; } .item-controls-fixed { min-width: 3.2rem; max-width: 3.2rem; } .predilection-text { padding-left: 8px; font-style: italic; font-size: 0.6rem; } /* ==================== Item Sheet Styles ==================== */ /* Item header with image and name */ .fvtt-wasteland.item { /* Background pour toute la fiche d'item */ background: url("../assets/ui/pc_sheet_bg.webp") repeat; display: flex; flex-direction: column; height: 100%; padding: 0; margin: 0; /* AppV2 - Remove window content padding */ /* AppV2 - Main section structure */ /* AppV2 Item Sheets - Disabled inputs readability */ /* Inputs and selects styling */ /* Navigation tabs - Modern style */ /* Tab content */ /* Sheet body - scrollable content */ /* Form groups - comportement par défaut pour autres onglets */ /* Grid layouts */ /* Editor content */ /* Actions buttons */ /* Rollable elements */ /* Item-specific sections */ } .fvtt-wasteland.item .window-content { padding: 0; margin: 0; } .fvtt-wasteland.item section { background: url("../assets/ui/pc_sheet_bg.webp") repeat-y; color: black; display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 0; margin: 0; } .fvtt-wasteland.item input:disabled, .fvtt-wasteland.item select:disabled { color: #000000; opacity: 0.8; background-color: rgba(255, 255, 255, 0.5); } .fvtt-wasteland.item input[type="text"], .fvtt-wasteland.item input[type="number"], .fvtt-wasteland.item select { color: #000000; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #999999; margin: 0; padding: 2px 4px; font-family: "Charlemagne", serif; font-size: 0.85rem; } .fvtt-wasteland.item textarea { margin: 0; padding: 2px 4px; } .fvtt-wasteland.item input[type="checkbox"] { width: auto; height: auto; margin: 0 4px; align-self: center; } .fvtt-wasteland.item .header { flex: 0 0 auto; border-bottom: 1px solid #999; margin: 0; } .fvtt-wasteland.item .sheet-header { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0.5rem; background: url("../assets/ui/pc_sheet_bg.webp") repeat; flex: 0 0 auto; } .fvtt-wasteland.item .item-sheet-img { flex: 0 0 100px; height: 100px; border: 2px solid #999; border-radius: 4px; cursor: pointer; } .fvtt-wasteland.item .item-sheet-img img { width: 100%; height: 100%; object-fit: cover; } .fvtt-wasteland.item .item-sheet-title { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; } .fvtt-wasteland.item .item-sheet-title h1 { margin: 0; padding: 0; font-size: 1.5rem; border-bottom: none; } .fvtt-wasteland.item .item-sheet-title h1 input { background: none; border: none; font-size: 1.5rem; font-family: "Charlemagne", serif; font-weight: bold; } .fvtt-wasteland.item .item-sheet-title .item-subtitle { font-size: 0.9rem; color: #666; font-style: italic; } .fvtt-wasteland.item nav.tabs { display: flex; border-bottom: 2px solid #403f3e; margin: 0; padding: 4px 8px; background: linear-gradient(to bottom, #2a2520 0%, #1a1510 100%); flex: 0 0 auto; gap: 4px; } .fvtt-wasteland.item nav.tabs a.item { padding: 8px 16px; color: rgba(218, 218, 218, 0.85); text-decoration: none; border: 1px solid transparent; border-radius: 6px 6px 0 0; font-family: "Charlemagne", serif; font-size: 0.9rem; font-weight: normal; transition: all 0.3s ease; background: rgba(64, 63, 62, 0.3); min-width: 80px; text-align: center; } .fvtt-wasteland.item nav.tabs a.item i { display: none; } .fvtt-wasteland.item nav.tabs a.item:hover { background: rgba(74, 4, 4, 0.4); color: #f5f5f5; border-color: rgba(218, 218, 218, 0.2); } .fvtt-wasteland.item nav.tabs a.item.active { background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid transparent; color: #f5f5f5; font-weight: bold; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .fvtt-wasteland.item .tab { display: none; padding: 8px 12px; overflow-y: auto; flex: 1 1 auto; } .fvtt-wasteland.item .tab.active { display: block; } .fvtt-wasteland.item .sheet-body { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 1rem; /* Dans l'onglet details, les form-group sont horizontaux par défaut */ } .fvtt-wasteland.item .sheet-body[data-tab] { display: none; } .fvtt-wasteland.item .sheet-body[data-tab].active { display: block; } .fvtt-wasteland.item .sheet-body[data-tab="details"] { /* Pour les sections avec grilles, garder le comportement vertical */ } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; /* Checkbox avec label après (pas avant) */ /* Exception: quand le label contient lui-même le checkbox */ } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group label { font-weight: bold; font-size: 0.9rem; color: #464331; flex: 0 0 auto; min-width: 160px; margin: 0; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group input[type="text"], .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group input[type="number"], .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group select, .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group textarea { flex: 1; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group input[type="checkbox"] { flex: 0 0 auto; margin-right: 0.5rem; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group:has(input[type="checkbox"]:first-child) label { min-width: auto; flex: 1; order: 2; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group:has(input[type="checkbox"]:first-child) input[type="checkbox"] { order: 1; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .form-group label:has(input[type="checkbox"]) { min-width: auto; flex: 1; display: flex; align-items: center; gap: 0.5rem; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .grid .form-group { flex-direction: column; align-items: flex-start; gap: 0.25rem; } .fvtt-wasteland.item .sheet-body[data-tab="details"] .grid .form-group label { min-width: auto; } .fvtt-wasteland.item .form-group { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.5rem; } .fvtt-wasteland.item .form-group label { font-weight: bold; font-size: 0.9rem; color: #464331; } .fvtt-wasteland.item .form-group.horizontal { flex-direction: row; align-items: center; gap: 0.5rem; } .fvtt-wasteland.item .form-group.horizontal label { flex: 0 0 auto; min-width: 100px; } .fvtt-wasteland.item .form-group.horizontal input, .fvtt-wasteland.item .form-group.horizontal select, .fvtt-wasteland.item .form-group.horizontal textarea { flex: 1; } .fvtt-wasteland.item .grid { display: grid; gap: 0.5rem; margin: 0.5rem 0; } .fvtt-wasteland.item .grid.grid-2col { grid-template-columns: repeat(2, 1fr); } .fvtt-wasteland.item .grid.grid-3col { grid-template-columns: repeat(3, 1fr); } .fvtt-wasteland.item .grid.grid-4col { grid-template-columns: repeat(4, 1fr); } .fvtt-wasteland.item .editor-content { min-height: 200px; border: 1px solid #999; padding: 0.5rem; background: rgba(255, 255, 255, 0.9); border-radius: 4px; } .fvtt-wasteland.item .item-actions { display: flex; gap: 0.5rem; margin-top: 1rem; padding-top: 0.5rem; border-top: 1px solid #999; } .fvtt-wasteland.item .item-actions button { flex: 1; padding: 0.5rem 1rem; background: rgba(74, 4, 4, 0.8); color: white; border: 1px solid #000; border-radius: 4px; cursor: pointer; font-family: "Charlemagne", serif; font-size: 0.9rem; transition: all 0.2s; } .fvtt-wasteland.item .item-actions button:hover { background: #4a0404; box-shadow: 0 0 8px rgba(74, 4, 4, 0.6); } .fvtt-wasteland.item .item-actions button:disabled { opacity: 0.5; cursor: not-allowed; } .fvtt-wasteland.item .rollable { cursor: pointer; } .fvtt-wasteland.item .rollable:hover { color: #ff6600; text-shadow: 0 0 8px rgba(255, 102, 0, 0.8); } .fvtt-wasteland.item .item-details { display: flex; flex-direction: column; gap: 1rem; } .fvtt-wasteland.item .item-details .detail-section { padding: 0.5rem; background: rgba(255, 255, 255, 0.3); border: 1px solid #999; border-radius: 4px; } .fvtt-wasteland.item .item-details .detail-section h3 { margin: 0 0 0.5rem 0; padding-bottom: 0.25rem; border-bottom: 1px solid #999; font-size: 1.1rem; color: #2a1510; font-family: "Charlemagne", serif; font-weight: bold; } /* Specific item type styles */ .fvtt-wasteland.item.arme-content .weapon-stats, .fvtt-wasteland.item.bouclier-content .weapon-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; } .fvtt-wasteland.item.arme-content .weapon-stats .stat-box, .fvtt-wasteland.item.bouclier-content .weapon-stats .stat-box { padding: 0.5rem; background: rgba(255, 255, 255, 0.5); border: 1px solid #999; border-radius: 4px; text-align: center; } .fvtt-wasteland.item.arme-content .weapon-stats .stat-box .stat-label, .fvtt-wasteland.item.bouclier-content .weapon-stats .stat-box .stat-label { font-size: 0.8rem; color: #666; margin-bottom: 0.25rem; } .fvtt-wasteland.item.arme-content .weapon-stats .stat-box .stat-value, .fvtt-wasteland.item.bouclier-content .weapon-stats .stat-box .stat-value { font-size: 1.2rem; font-weight: bold; } .fvtt-wasteland.item.competence-content .predilections-container { margin-top: 0.5rem; } .fvtt-wasteland.item.competence-content .predilections-container .no-predilections { text-align: center; font-style: italic; color: #999; padding: 1rem; margin: 0; } .fvtt-wasteland.item.competence-content .predilections-list { list-style: none; padding: 0; margin: 0 0 0.75rem 0; display: flex; flex-direction: column; gap: 0.5rem; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; background: rgba(42, 37, 32, 0.3); border: 1px solid rgba(106, 6, 6, 0.3); border-radius: 4px; transition: background 0.2s; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item:hover { background: rgba(42, 37, 32, 0.5); border-color: rgba(106, 6, 6, 0.5); } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-main { flex: 1; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-main .predilection-name { width: 100%; padding: 0.375rem 0.5rem; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 3px; background: rgba(255, 255, 255, 0.9); font-family: inherit; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-main .predilection-name::placeholder { color: #999; font-style: italic; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-main .predilection-name:focus { outline: none; border-color: #6a0606; box-shadow: 0 0 0 2px rgba(106, 6, 6, 0.2); } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls { display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-used { display: flex; align-items: center; gap: 0.375rem; cursor: pointer; user-select: none; white-space: nowrap; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-used input[type="checkbox"] { width: 16px; height: 16px; cursor: pointer; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-used span { font-size: 0.9rem; color: rgba(218, 218, 218, 0.85); } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-used:hover span { color: #dadada; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-delete { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; background: rgba(106, 6, 6, 0.6); border: 1px solid rgba(106, 6, 6, 0.8); border-radius: 3px; cursor: pointer; transition: all 0.2s; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-delete i { color: rgba(255, 255, 255, 0.9); font-size: 0.875rem; } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-delete:hover { background: rgba(106, 6, 6, 0.9); border-color: #6a0606; transform: scale(1.05); } .fvtt-wasteland.item.competence-content .predilections-list .predilection-item .predilection-controls .predilection-delete:hover i { color: #fff; } .fvtt-wasteland.item.competence-content .add-predilection-btn { width: 100%; padding: 0.5rem 1rem; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 4px; color: rgba(218, 218, 218, 0.95); font-family: "Charlemagne", serif; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .fvtt-wasteland.item.competence-content .add-predilection-btn i { font-size: 0.875rem; } .fvtt-wasteland.item.competence-content .add-predilection-btn:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); border-color: #8a0808; color: #fff; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .fvtt-wasteland.item.competence-content .add-predilection-btn:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } /* ==================== Actor Sheet Styles ==================== */ /* Base actor sheet styling */ .fvtt-wasteland.actor { /* Background pour toute la fiche d'acteur */ background: url("../assets/ui/pc_sheet_bg.webp") repeat; /* AppV2 - Structure flex */ /* Navigation tabs - Modern style matching items */ /* Sheet body - scrollable content */ } .fvtt-wasteland.actor .window-content { height: 100%; padding: 0; margin: 0; display: flex; flex-direction: column; overflow: hidden; } .fvtt-wasteland.actor section { height: 100%; display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; background: url("../assets/ui/pc_sheet_bg.webp") repeat-y; color: black; } .fvtt-wasteland.actor .sheet-header { background: linear-gradient(to bottom, rgba(42, 37, 32, 0.95) 0%, rgba(26, 21, 16, 0.95) 100%); border-bottom: none; padding: 0.6rem 0.8rem; margin: 0; flex: 0 0 auto; overflow: visible; display: flex; gap: 0.8rem; align-items: flex-start; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); } .fvtt-wasteland.actor .sheet-header .header-portrait { flex: 0 0 auto; margin-top: -2px; } .fvtt-wasteland.actor .sheet-header .header-portrait .profile-img { width: 128px; height: 128px; border: 2px solid #6a0606; border-radius: 3px; object-fit: cover; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } .fvtt-wasteland.actor .sheet-header .header-portrait .profile-img:hover { border-color: #8a0808; box-shadow: 0 0 8px rgba(106, 6, 6, 0.6); transform: scale(1.02); } .fvtt-wasteland.actor .sheet-header .header-main { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; } .fvtt-wasteland.actor .sheet-header .header-identity .charname { margin: 0; padding: 0; } .fvtt-wasteland.actor .sheet-header .header-identity .charname input { font-family: "Charlemagne", serif; font-size: 1.1rem; font-weight: bold; color: #f5f5f5; background: rgba(0, 0, 0, 0.3); border: 1px solid #6a0606; border-radius: 3px; padding: 0.3rem 0.5rem; width: 100%; max-width: 400px; transition: all 0.3s ease; } .fvtt-wasteland.actor .sheet-header .header-identity .charname input:hover { background: rgba(0, 0, 0, 0.4); border-color: #8a0808; } .fvtt-wasteland.actor .sheet-header .header-identity .charname input:focus { outline: none; background: rgba(0, 0, 0, 0.5); border-color: #aa0a0a; box-shadow: 0 0 6px rgba(170, 10, 10, 0.4); } .fvtt-wasteland.actor .sheet-header .header-resources { display: flex; gap: 0.6rem; flex-wrap: wrap; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group { display: flex; flex-direction: column; gap: 0.2rem; background: rgba(0, 0, 0, 0.25); border: 1px solid #403f3e; border-radius: 3px; padding: 0.35rem 0.5rem; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group.bonne-aventure .resource-values { gap: 0.4rem; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group > label { font-family: "Charlemagne", serif; font-size: 0.7rem; font-weight: bold; color: rgba(218, 218, 218, 0.95); text-transform: uppercase; margin-bottom: 0.1rem; letter-spacing: 0.3px; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group .resource-values { display: flex; gap: 0.3rem; align-items: center; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group .resource-values .resource-field { display: flex; flex-direction: column; gap: 0.1rem; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group .resource-values .resource-field .resource-label { font-size: 0.6rem; color: rgba(218, 218, 218, 0.7); text-transform: uppercase; white-space: nowrap; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group .resource-values input[type="number"] { background: rgba(0, 0, 0, 0.4); border: 1px solid #6a0606; border-radius: 2px; color: #f5f5f5; padding: 0.2rem 0.3rem; font-size: 0.9rem; font-weight: bold; text-align: center; width: 50px; transition: all 0.3s ease; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group .resource-values input[type="number"]:hover { background: rgba(0, 0, 0, 0.5); border-color: #8a0808; } .fvtt-wasteland.actor .sheet-header .header-resources .resource-group .resource-values input[type="number"]:focus { outline: none; background: rgba(0, 0, 0, 0.6); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor nav.tabs { display: flex; border-bottom: none; margin: 0; padding: 4px 8px; background: linear-gradient(to bottom, #2a2520 0%, #1a1510 100%); flex: 0 0 auto; gap: 4px; } .fvtt-wasteland.actor nav.tabs a.item { padding: 8px 16px; color: rgba(218, 218, 218, 0.85); text-decoration: none; border: 1px solid transparent; border-radius: 6px 6px 0 0; font-family: "Charlemagne", serif; font-size: 0.9rem; font-weight: normal; transition: all 0.3s ease; background: rgba(64, 63, 62, 0.3); min-width: 80px; text-align: center; } .fvtt-wasteland.actor nav.tabs a.item i { display: none; } .fvtt-wasteland.actor nav.tabs a.item:hover { background: rgba(74, 4, 4, 0.4); color: #f5f5f5; border-color: rgba(218, 218, 218, 0.2); } .fvtt-wasteland.actor nav.tabs a.item.active { background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid transparent; color: #f5f5f5; font-weight: bold; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .fvtt-wasteland.actor .sheet-body { margin: 0; padding: 0.5rem; flex: 1; min-height: 0; overflow-y: auto; } .fvtt-wasteland.actor .sheet-body[data-tab] { display: none; height: auto; } .fvtt-wasteland.actor .sheet-body[data-tab].active { display: block; } .fvtt-wasteland.actor .sheet-body h3 { margin: 0.75rem 0 0.5rem 0; padding-bottom: 0.25rem; border-bottom: 2px solid #403f3e; font-size: 1.1rem; color: #2a1510; font-family: "Charlemagne", serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; } .fvtt-wasteland.actor .sheet-section { padding: 0.5rem; background: rgba(255, 255, 255, 0.3); border: 1px solid #999; border-radius: 4px; margin-bottom: 0.75rem; } .fvtt-wasteland.actor .grid { display: grid; gap: 0.75rem; } .fvtt-wasteland.actor .grid.grid-2col { grid-template-columns: 1fr 1fr; } .fvtt-wasteland.actor .grid.grid-3col { grid-template-columns: 1fr 1fr 1fr; } .fvtt-wasteland.actor .combat-stats { margin-bottom: 1rem; } .fvtt-wasteland.actor .combat-stats .grid-2col { gap: 0.5rem; } .fvtt-wasteland.actor .combat-stats .combat-stat-row { display: flex; align-items: center; background: rgba(255, 255, 255, 0.2); border: 1px solid #6a0606; border-radius: 3px; padding: 0.4rem 0.6rem; gap: 0.5rem; } .fvtt-wasteland.actor .combat-stats .combat-stat-row .stat-label { font-weight: bold; font-size: 0.85rem; color: #2a1510; min-width: 90px; flex: 0 0 auto; } .fvtt-wasteland.actor .combat-stats .combat-stat-row .stat-values { display: flex; align-items: center; gap: 0.3rem; flex: 1; } .fvtt-wasteland.actor .combat-stats .combat-stat-row .stat-values .stat-base { font-weight: bold; font-size: 0.9rem; min-width: 30px; text-align: center; } .fvtt-wasteland.actor .combat-stats .combat-stat-row .stat-values .input-numeric-short { width: 50px; text-align: center; padding: 0.2rem; border: 1px solid #6a0606; border-radius: 2px; background: rgba(255, 255, 255, 0.8); } .fvtt-wasteland.actor .combat-stats .combat-stat-row .stat-values .stat-total { font-weight: bold; font-size: 0.9rem; color: #6a0606; min-width: 40px; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-info { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section { background: rgba(255, 255, 255, 0.2); border: 1px solid #6a0606; border-radius: 4px; padding: 0.75rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section h3 { margin: 0 0 0.5rem 0; padding-bottom: 0.3rem; border-bottom: 2px solid #6a0606; font-size: 0.95rem; color: #2a1510; font-family: "Charlemagne", serif; font-weight: bold; text-transform: uppercase; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list { list-style: none; margin: 0; padding: 0; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item:hover { background: rgba(106, 6, 6, 0.05); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item label { flex: 0 0 90px; font-weight: bold; font-size: 0.85rem; color: #2a1510; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item .value { flex: 1; font-size: 0.9rem; color: #2a1510; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item .item-controls-fixed { display: flex; gap: 0.25rem; flex: 0 0 auto; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item .item-controls-fixed .item-control { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #6a0606; border-radius: 3px; background: rgba(255, 255, 255, 0.5); color: #2a1510; cursor: pointer; transition: all 0.2s ease; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item .item-controls-fixed .item-control i { font-size: 0.75rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .item-list li.item .item-controls-fixed .item-control:hover { background: rgba(106, 6, 6, 0.2); border-color: #8a0808; color: #6a0606; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .biodata-fields { display: flex; flex-direction: column; gap: 0.4rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .biodata-fields .biodata-field { display: flex; align-items: center; gap: 0.5rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .biodata-fields .biodata-field label { flex: 0 0 110px; font-weight: bold; font-size: 0.85rem; color: #2a1510; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .biodata-fields .biodata-field input[type="text"] { flex: 1; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.3rem 0.5rem; font-size: 0.9rem; color: #1a1510; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .biodata-fields .biodata-field input[type="text"]:hover { background: rgba(255, 255, 255, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] .biodata-section .biodata-fields .biodata-field input[type="text"]:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .editor-section { margin-bottom: 1rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .editor-section h3 { margin: 0 0 0.4rem 0; padding-bottom: 0.2rem; border-bottom: 2px solid #6a0606; font-size: 1rem; color: #2a1510; font-family: "Charlemagne", serif; font-weight: bold; text-transform: uppercase; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .textarea-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .textarea-grid .form-group { margin-bottom: 0; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .textarea-grid .form-group label { display: block; margin-bottom: 0.4rem; padding-bottom: 0.2rem; border-bottom: 2px solid #6a0606; font-size: 1rem; color: #2a1510; font-family: "Charlemagne", serif; font-weight: bold; text-transform: uppercase; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .textarea-grid .form-group textarea { width: 100%; min-height: 80px; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.5rem; font-size: 0.9rem; color: #1a1510; font-family: inherit; resize: vertical; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .textarea-grid .form-group textarea:hover { background: rgba(255, 255, 255, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .textarea-grid .form-group textarea:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .form-group { margin-bottom: 1rem; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .form-group label { display: block; margin-bottom: 0.4rem; padding-bottom: 0.2rem; border-bottom: 2px solid #6a0606; font-size: 1rem; color: #2a1510; font-family: "Charlemagne", serif; font-weight: bold; text-transform: uppercase; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .form-group textarea { width: 100%; min-height: 80px; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.5rem; font-size: 0.9rem; color: #1a1510; font-family: inherit; resize: vertical; } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .form-group textarea:hover { background: rgba(255, 255, 255, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="biodata"] > .form-group textarea:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor .item-list { list-style: none; margin: 0; padding: 0; } .fvtt-wasteland.actor .item-list .item { display: flex; align-items: center; padding: 0.4rem 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); gap: 0.5rem; flex-wrap: nowrap; height: auto; line-height: normal; } .fvtt-wasteland.actor .item-list .item:hover { background: rgba(106, 6, 6, 0.1); } .fvtt-wasteland.actor .item-list .item .item-img { width: 32px; height: 32px; border: 1px solid #6a0606; border-radius: 3px; object-fit: cover; flex: 0 0 32px; } .fvtt-wasteland.actor .item-list .item .item-name { min-width: 0; } .fvtt-wasteland.actor .item-list .item .item-name a { color: #2a1510; text-decoration: none; font-weight: bold; font-size: 0.9rem; white-space: nowrap; } .fvtt-wasteland.actor .item-list .item .item-name a:hover { color: #6a0606; text-decoration: underline; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] { align-items: center; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.1rem; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-info .competence-name { line-height: 1; min-width: 12rem; max-width: 12rem; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-info .competence-name a { color: #2a1510; font-weight: bold; font-size: 0.9rem; text-decoration: none; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-info .competence-name a:hover { color: #6a0606; text-decoration: underline; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-info .predilection-text { display: block; font-size: 0.7rem; color: rgba(42, 21, 16, 0.7); font-style: italic; line-height: 1; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-niveau { flex: 0 0 60px; margin-top: 4px; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.2rem 0.3rem; font-weight: bold; font-size: 0.9rem; color: #1a1510; text-align: center; height: 28px; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-niveau:hover { background: rgba(255, 255, 255, 0.6); } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-niveau:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .competence-buttons { flex: 0 0 200px; display: flex; gap: 0.35rem; margin-top: 4px; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .button-sheet-roll { padding: 0.3rem 0.6rem; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; font-size: 0.75rem; font-weight: bold; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; height: 28px; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .button-sheet-roll:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 4px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .item-filler { flex: 1 1 auto; min-width: 10px; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .item-controls-fixed { display: flex; gap: 0.25rem; flex: 0 0 auto; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .item-controls-fixed .item-control { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #6a0606; border-radius: 3px; background: rgba(255, 255, 255, 0.5); color: #2a1510; cursor: pointer; transition: all 0.2s ease; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .item-controls-fixed .item-control i { font-size: 0.75rem; } .fvtt-wasteland.actor .item-list .item[data-item-type="competence"] .item-controls-fixed .item-control:hover { background: rgba(106, 6, 6, 0.2); border-color: #8a0808; color: #6a0606; } .fvtt-wasteland.actor .item-list .item .item-detail { flex: 0 0 auto; min-width: 140px; font-size: 0.85rem; color: rgba(42, 21, 16, 0.8); font-weight: normal; text-align: right; padding-right: 0.5rem; } .fvtt-wasteland.actor .item-list .item .item-quantity-controls { display: flex; align-items: center; gap: 0.25rem; flex: 0 0 auto; } .fvtt-wasteland.actor .item-list .item .item-quantity-controls button { width: 20px; height: 20px; padding: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; cursor: pointer; transition: all 0.2s ease; } .fvtt-wasteland.actor .item-list .item .item-quantity-controls button i { font-size: 0.65rem; } .fvtt-wasteland.actor .item-list .item .item-quantity-controls button:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 4px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .item-list .item .item-quantity-controls button:active { transform: scale(0.95); } .fvtt-wasteland.actor .item-list .item .item-quantity-controls .quantity-value { min-width: 30px; text-align: center; font-weight: bold; font-size: 0.9rem; color: #2a1510; } .fvtt-wasteland.actor .item-list .item input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; cursor: pointer; margin-left: auto; } .fvtt-wasteland.actor .item-list .item .item-controls { display: flex; gap: 0.25rem; flex: 0 0 auto; margin-left: auto; } .fvtt-wasteland.actor .item-list .item .item-controls .item-control { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #6a0606; border-radius: 3px; background: rgba(255, 255, 255, 0.5); color: #2a1510; cursor: pointer; transition: all 0.2s ease; } .fvtt-wasteland.actor .item-list .item .item-controls .item-control i { font-size: 0.75rem; } .fvtt-wasteland.actor .item-list .item .item-controls .item-control:hover { background: rgba(106, 6, 6, 0.2); border-color: #8a0808; color: #6a0606; } .fvtt-wasteland.actor .item-list .item input[type="number"], .fvtt-wasteland.actor .item-list .item select { width: 50px; text-align: center; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.2rem 0.3rem; font-weight: bold; font-size: 0.9rem; color: #1a1510; } .fvtt-wasteland.actor .item-list .item input[type="number"]:hover, .fvtt-wasteland.actor .item-list .item select:hover { background: rgba(255, 255, 255, 0.6); } .fvtt-wasteland.actor .item-list .item input[type="number"]:focus, .fvtt-wasteland.actor .item-list .item select:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor button[data-action="createItem"] { margin-top: 0.5rem; padding: 0.4rem 0.8rem; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 4px; color: #f5f5f5; font-family: "Charlemagne", serif; font-size: 0.85rem; cursor: pointer; transition: all 0.3s ease; } .fvtt-wasteland.actor button[data-action="createItem"] i { margin-right: 0.3rem; } .fvtt-wasteland.actor button[data-action="createItem"]:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 6px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="pouvoir"] .item-name, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="charme"] .item-name, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="tour"] .item-name { flex: 0 0 12rem; min-width: 12rem; max-width: 12rem; } .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="pouvoir"] .button-sheet-roll, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="charme"] .button-sheet-roll, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="tour"] .button-sheet-roll { flex: 0 0 auto; width: 28px; height: 28px; padding: 0; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; font-size: 0.85rem; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; } .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="pouvoir"] .button-sheet-roll:hover, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="charme"] .button-sheet-roll:hover, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="tour"] .button-sheet-roll:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 4px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="pouvoir"] .item-filler, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="charme"] .item-filler, .fvtt-wasteland.actor .sheet-body[data-tab="pouvoirs"] .item-list .item[data-item-type="tour"] .item-filler { flex: 1 1 auto; min-width: 10px; } .fvtt-wasteland.actor .sheet-body[data-tab="equipement"] .item-list .item[data-item-type="equipement"] .item-name, .fvtt-wasteland.actor .sheet-body[data-tab="equipement"] .item-list .item[data-item-type="monnaie"] .item-name { flex: 0 0 12rem; min-width: 12rem; max-width: 12rem; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .item-name, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .item-name { flex: 0 0 12rem; min-width: 12rem; max-width: 12rem; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats { display: flex; gap: 0.75rem; align-items: center; flex: 0 0 auto; font-size: 0.85rem; font-weight: bold; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-offensif, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-offensif, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-defensif, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-defensif, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-placeholder, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-placeholder { display: flex; align-items: center; gap: 0.25rem; padding: 0.2rem 0.4rem; background: rgba(255, 255, 255, 0.3); border-radius: 3px; border: 1px solid rgba(106, 6, 6, 0.3); min-width: 50px; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-offensif i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-offensif i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-defensif i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-defensif i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-placeholder i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-placeholder i { font-size: 0.75rem; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-offensif, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-offensif { color: #6a0606; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-offensif i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-offensif i { color: #8b0000; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-defensif, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-defensif { color: #4a6017; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-defensif i, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-defensif i { color: #6b8e23; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .weapon-stats .stat-placeholder, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .weapon-stats .stat-placeholder { background: transparent; border: 1px dashed rgba(106, 6, 6, 0.2); visibility: hidden; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .button-sheet-roll, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .button-sheet-roll { flex: 0 0 auto; width: 28px; height: 28px; padding: 0; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; font-size: 0.85rem; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .button-sheet-roll:hover, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .button-sheet-roll:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 4px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="arme"] .item-filler, .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .item-list .item[data-item-type="protection"] .item-filler { flex: 1 1 auto; min-width: 10px; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.5rem 0; margin-bottom: 0.5rem; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row button { margin: 0; flex: 1; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row .button-sheet-roll-large { min-width: 8rem; max-width: 10rem; padding: 0.4rem 0.6rem; font-size: 0.85rem; white-space: nowrap; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; font-weight: bold; cursor: pointer; transition: all 0.2s ease; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row .button-sheet-roll-large:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 4px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row .mounted-checkbox { display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.6rem; white-space: nowrap; background: rgba(106, 6, 6, 0.1); border: 1px solid #6a0606; border-radius: 3px; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row .mounted-checkbox label { margin: 0; font-size: 0.85rem; font-weight: bold; color: #2a1510; } .fvtt-wasteland.actor .sheet-body[data-tab="combat"] .action-buttons-row .mounted-checkbox input[type="checkbox"] { margin: 0; cursor: pointer; accent-color: #6a0606; } .fvtt-wasteland.actor .sheet-body[data-tab="competences"] .competences-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(106, 6, 6, 0.3); } .fvtt-wasteland.actor .sheet-body[data-tab="competences"] .competences-header h3 { margin: 0; } .fvtt-wasteland.actor .sheet-body[data-tab="competences"] .competences-header .reset-predilections-button { padding: 0.4rem 0.8rem; background: linear-gradient(to bottom, #5a4a3a 0%, #3a2a1a 100%); border: 2px solid #8b7355; border-radius: 3px; color: #e8dcc4; font-size: 0.85rem; font-weight: bold; font-family: "Charlemagne", serif; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); } .fvtt-wasteland.actor .sheet-body[data-tab="competences"] .competences-header .reset-predilections-button:hover { background: linear-gradient(to bottom, #6a5a4a 0%, #4a3a2a 100%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2); border-color: #c9a86a; } .fvtt-wasteland.actor .sheet-body[data-tab="competences"] .competences-header .reset-predilections-button i { margin-right: 0.5rem; } .fvtt-wasteland.actor .form-group { display: flex; align-items: center; gap: 0.5rem; padding: 0.3rem 0; } .fvtt-wasteland.actor .form-group label { flex: 0 0 100px; font-weight: bold; font-size: 0.85rem; color: #2a1510; } .fvtt-wasteland.actor .form-group input[type="number"], .fvtt-wasteland.actor .form-group input[type="text"] { flex: 0 0 100px; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.25rem 0.4rem; font-weight: bold; font-size: 0.9rem; text-align: center; color: #1a1510; } .fvtt-wasteland.actor .form-group input[type="number"]:hover, .fvtt-wasteland.actor .form-group input[type="text"]:hover { background: rgba(255, 255, 255, 0.6); } .fvtt-wasteland.actor .form-group input[type="number"]:focus, .fvtt-wasteland.actor .form-group input[type="text"]:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .fvtt-wasteland.actor .form-group .value-display { flex: 0 0 100px; font-weight: bold; font-size: 0.9rem; color: #2a1510; text-align: center; } .fvtt-wasteland.actor .form-group .btn-adjust { width: 24px; height: 24px; padding: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; cursor: pointer; transition: all 0.2s ease; flex: 0 0 24px; } .fvtt-wasteland.actor .form-group .btn-adjust i { font-size: 0.7rem; } .fvtt-wasteland.actor .form-group .btn-adjust:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 4px rgba(106, 6, 6, 0.6); } .fvtt-wasteland.actor .form-group .btn-adjust:active { transform: scale(0.95); } /* Actor-specific styles will be added as we migrate actor sheets */ /* ============================================ */ /* WASTELAND ROLL DIALOG STYLES */ /* ============================================ */ .wasteland-roll-dialog { background: url("../assets/ui/pc_sheet_bg.webp") repeat; } .wasteland-roll-dialog .window-content { background: transparent; } .wasteland-roll-dialog .dialog-header { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border-bottom: 2px solid #6a0606; margin: -0.5rem -0.5rem 0.5rem -0.5rem; } .wasteland-roll-dialog .dialog-header .actor-icon { width: 48px; height: 48px; border: 2px solid #6a0606; border-radius: 4px; object-fit: cover; } .wasteland-roll-dialog .dialog-header .dialog-title { flex: 1; color: #f5f5f5; } .wasteland-roll-dialog .dialog-header .dialog-title h3 { margin: 0 0 0.15rem 0; font-size: 1rem; font-family: "Charlemagne", serif; font-weight: bold; text-transform: uppercase; } .wasteland-roll-dialog .dialog-header .dialog-title .competence-name { font-size: 0.85rem; color: rgba(255, 255, 255, 0.9); font-style: italic; } .wasteland-roll-dialog .dialog-header .dialog-title .competence-name .attribut-info { color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; } .wasteland-roll-dialog .dialog-content { padding: 0 0.5rem 0.5rem 0.5rem; /* Weapon Section */ /* Combat Modifiers */ } .wasteland-roll-dialog .dialog-content .form-group { margin-bottom: 0.4rem; } .wasteland-roll-dialog .dialog-content .form-group label { display: block; margin-bottom: 0.2rem; font-weight: bold; font-size: 0.85rem; color: #2a1510; font-family: "Charlemagne", serif; } .wasteland-roll-dialog .dialog-content .form-group select, .wasteland-roll-dialog .dialog-content .form-group input[type="number"] { width: 100%; background: rgba(255, 255, 255, 0.5); border: 1px solid #6a0606; border-radius: 3px; padding: 0.3rem 0.4rem; font-size: 0.85rem; color: #1a1510; } .wasteland-roll-dialog .dialog-content .form-group select:hover, .wasteland-roll-dialog .dialog-content .form-group input[type="number"]:hover { background: rgba(255, 255, 255, 0.6); } .wasteland-roll-dialog .dialog-content .form-group select:focus, .wasteland-roll-dialog .dialog-content .form-group input[type="number"]:focus { outline: none; background: rgba(255, 255, 255, 0.7); border-color: #aa0a0a; box-shadow: 0 0 4px rgba(170, 10, 10, 0.3); } .wasteland-roll-dialog .dialog-content .form-group select:disabled, .wasteland-roll-dialog .dialog-content .form-group input[type="number"]:disabled { opacity: 0.6; cursor: not-allowed; } .wasteland-roll-dialog .dialog-content .modifiers-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; margin-bottom: 0.4rem; } .wasteland-roll-dialog .dialog-content .attributes-section { background: rgba(106, 6, 6, 0.1); border: 1px solid #6a0606; border-radius: 4px; padding: 0.5rem; margin-bottom: 0.5rem; } .wasteland-roll-dialog .dialog-content .attributes-section label { color: #6a0606; } .wasteland-roll-dialog .dialog-content .special-option { margin-top: 0.5rem; padding: 0.5rem; background: rgba(106, 6, 6, 0.05); border: 2px solid #6a0606; border-radius: 4px; } .wasteland-roll-dialog .dialog-content .special-option .checkbox-label { display: flex; align-items: center; gap: 0.4rem; margin: 0; cursor: pointer; } .wasteland-roll-dialog .dialog-content .special-option .checkbox-label.highlight span { font-weight: bold; color: #6a0606; font-family: "Charlemagne", serif; font-size: 0.85rem; } .wasteland-roll-dialog .dialog-content .special-option .checkbox-label input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; accent-color: #6a0606; } .wasteland-roll-dialog .dialog-content .special-option .checkbox-label span { flex: 1; font-size: 0.85rem; color: #2a1510; } .wasteland-roll-dialog .dialog-content .weapon-section { background: rgba(139, 101, 8, 0.1); padding: 0.5rem; border-radius: 4px; border: 1px solid rgba(139, 101, 8, 0.4); margin-bottom: 0.5rem; } .wasteland-roll-dialog .dialog-content .weapon-section .weapon-info { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.5rem; background: rgba(139, 101, 8, 0.15); border-radius: 3px; margin-bottom: 0.5rem; } .wasteland-roll-dialog .dialog-content .weapon-section .weapon-info .weapon-label { font-weight: bold; font-size: 0.9rem; color: #2a1510; font-family: "Charlemagne", serif; } .wasteland-roll-dialog .dialog-content .weapon-section .weapon-info .weapon-bonus { font-size: 0.85rem; color: #8b0000; font-weight: bold; } .wasteland-roll-dialog .dialog-content .weapon-section .defense-info { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.5rem; background: rgba(0, 100, 0, 0.1); border-radius: 3px; margin-bottom: 0.5rem; } .wasteland-roll-dialog .dialog-content .weapon-section .defense-info .defense-label { font-size: 0.85rem; color: #2a1510; font-weight: bold; } .wasteland-roll-dialog .dialog-content .weapon-section .defense-info .defense-value { font-size: 1rem; color: #006400; font-weight: bold; } .wasteland-roll-dialog .dialog-content .combat-modifiers, .wasteland-roll-dialog .dialog-content .ranged-combat-section { background: rgba(139, 69, 19, 0.1); padding: 0.5rem; border-radius: 4px; border: 1px solid rgba(139, 69, 19, 0.4); margin-bottom: 0.5rem; } .wasteland-roll-dialog .dialog-content .combat-modifiers h4, .wasteland-roll-dialog .dialog-content .ranged-combat-section h4 { margin: 0 0 0.5rem 0; color: #2a1510; font-size: 0.9rem; font-weight: bold; font-family: "Charlemagne", serif; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .wasteland-roll-dialog .dialog-content .combat-modifiers .checkbox-label, .wasteland-roll-dialog .dialog-content .ranged-combat-section .checkbox-label { display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.4rem; cursor: pointer; border-radius: 3px; margin-bottom: 0.3rem; transition: background 0.2s ease; } .wasteland-roll-dialog .dialog-content .combat-modifiers .checkbox-label:hover, .wasteland-roll-dialog .dialog-content .ranged-combat-section .checkbox-label:hover { background: rgba(255, 255, 255, 0.2); } .wasteland-roll-dialog .dialog-content .combat-modifiers .checkbox-label input[type="checkbox"], .wasteland-roll-dialog .dialog-content .ranged-combat-section .checkbox-label input[type="checkbox"] { width: auto; margin: 0; cursor: pointer; accent-color: #8b4513; } .wasteland-roll-dialog .dialog-content .combat-modifiers .checkbox-label span, .wasteland-roll-dialog .dialog-content .ranged-combat-section .checkbox-label span { color: #2a1510; font-size: 0.85rem; user-select: none; } .wasteland-roll-dialog .dialog-content .combat-modifiers .info-message, .wasteland-roll-dialog .dialog-content .ranged-combat-section .info-message { padding: 0.4rem 0.6rem; background: rgba(201, 168, 106, 0.2); border-left: 3px solid rgba(201, 168, 106, 0.8); border-radius: 3px; font-size: 0.85rem; color: #2a1510; margin-bottom: 0.5rem; font-style: italic; } .wasteland-roll-dialog .dialog-content .modifiers-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 0.6rem; } .wasteland-roll-dialog .dialog-buttons { display: flex; gap: 0.4rem; padding: 0.5rem; border-top: 1px solid #6a0606; margin: 0.5rem -0.5rem -0.5rem -0.5rem; background: rgba(255, 255, 255, 0.1); } .wasteland-roll-dialog .dialog-buttons button { flex: 1; padding: 0.5rem 0.75rem; background: linear-gradient(to bottom, #4a0404 0%, #3a0303 100%); border: 1px solid #6a0606; border-radius: 3px; color: #f5f5f5; font-size: 0.85rem; font-weight: bold; font-family: "Charlemagne", serif; cursor: pointer; transition: all 0.2s ease; } .wasteland-roll-dialog .dialog-buttons button:hover { background: linear-gradient(to bottom, #5a0505 0%, #4a0404 100%); box-shadow: 0 0 6px rgba(106, 6, 6, 0.6); } .wasteland-roll-dialog .dialog-buttons button.default { border-width: 2px; border-color: #aa0a0a; } .wasteland-roll-dialog .dialog-buttons button i { margin-right: 0.4rem; } /* ============================================ */ /* WASTELAND CHAT MESSAGE STYLES */ /* Post-Apocalyptic Theme */ /* ============================================ */ .wasteland-chat-result { background: linear-gradient(135deg, rgba(50, 40, 30, 0.95) 0%, rgba(30, 25, 20, 0.95) 100%); border: 2px solid #8b7355; border-radius: 2px; overflow: hidden; font-family: "Charlemagne", serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1); position: relative; } .wasteland-chat-result::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.03) 2px, rgba(0, 0, 0, 0.03) 4px); pointer-events: none; opacity: 0.5; } .wasteland-chat-result .chat-result-header { background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%); border-bottom: 2px solid #8b7355; padding: 0.5rem; display: flex; align-items: center; gap: 0.625rem; position: relative; box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.4); } .wasteland-chat-result .chat-result-header::after { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 0%, #6a0606 20%, #8b7355 40%, #6a0606 60%, transparent 100%); } .wasteland-chat-result .chat-result-header .actor-icon { width: 48px; height: 48px; border-radius: 2px; border: 2px solid #8b7355; object-fit: cover; flex-shrink: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); filter: contrast(1.1) saturate(0.9); } .wasteland-chat-result .chat-result-header .header-info { flex: 1; } .wasteland-chat-result .chat-result-header .header-info .actor-name { margin: 0; color: #e8dcc4; font-size: 1.1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); font-family: "Charlemagne", serif; letter-spacing: 0.5px; } .wasteland-chat-result .chat-result-header .header-info .action-title { color: #c9a86a; font-size: 0.9rem; margin-top: 0.125rem; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); font-style: italic; } .wasteland-chat-result .chat-result-header .header-info .action-title i { margin-right: 0.25rem; color: #8b7355; } .wasteland-chat-result .result-main { background: linear-gradient(180deg, rgba(230, 220, 200, 0.9) 0%, rgba(210, 200, 180, 0.9) 100%); padding: 0.25rem 0.5rem; border-bottom: 1px solid rgba(139, 115, 85, 0.5); position: relative; } .wasteland-chat-result .result-main.damage { background: linear-gradient(180deg, rgba(200, 180, 160, 0.95) 0%, rgba(180, 160, 140, 0.95) 100%); } .wasteland-chat-result .result-main .result-display { display: flex; justify-content: space-around; align-items: center; gap: 0.5rem; margin-bottom: 0.1875rem; } .wasteland-chat-result .result-main .result-display .dice-result, .wasteland-chat-result .result-main .result-display .total-result, .wasteland-chat-result .result-main .result-display .difficulty { text-align: center; flex: 1; background: linear-gradient(180deg, rgba(50, 40, 30, 0.7) 0%, rgba(40, 30, 20, 0.8) 100%); padding: 0.25rem 0.375rem; border-radius: 2px; border: 2px solid #8b7355; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3); } .wasteland-chat-result .result-main .result-display .dice-result i, .wasteland-chat-result .result-main .result-display .total-result i, .wasteland-chat-result .result-main .result-display .difficulty i { color: #c9a86a; font-size: 1rem; display: block; margin-bottom: 0.125rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } .wasteland-chat-result .result-main .result-display .dice-result span, .wasteland-chat-result .result-main .result-display .total-result span, .wasteland-chat-result .result-main .result-display .difficulty span { display: block; font-weight: bold; } .wasteland-chat-result .result-main .result-display .dice-result .dice-value, .wasteland-chat-result .result-main .result-display .total-result .dice-value, .wasteland-chat-result .result-main .result-display .difficulty .dice-value, .wasteland-chat-result .result-main .result-display .dice-result .total-value, .wasteland-chat-result .result-main .result-display .total-result .total-value, .wasteland-chat-result .result-main .result-display .difficulty .total-value, .wasteland-chat-result .result-main .result-display .dice-result .difficulty-value, .wasteland-chat-result .result-main .result-display .total-result .difficulty-value, .wasteland-chat-result .result-main .result-display .difficulty .difficulty-value { font-size: 1.5rem; color: #e8dcc4; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); font-weight: bold; line-height: 1.2; } .wasteland-chat-result .result-main .result-display .dice-result .total-label, .wasteland-chat-result .result-main .result-display .total-result .total-label, .wasteland-chat-result .result-main .result-display .difficulty .total-label, .wasteland-chat-result .result-main .result-display .dice-result .difficulty-label, .wasteland-chat-result .result-main .result-display .total-result .difficulty-label, .wasteland-chat-result .result-main .result-display .difficulty .difficulty-label { font-size: 0.75rem; color: #c9a86a; text-transform: uppercase; font-weight: bold; line-height: 1.1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } .wasteland-chat-result .result-main .damage-display .damage-total { text-align: center; background: linear-gradient(180deg, rgba(60, 50, 40, 0.8) 0%, rgba(50, 40, 30, 0.9) 100%); padding: 0.5rem; border-radius: 2px; border: 2px solid #8b7355; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.4); } .wasteland-chat-result .result-main .damage-display .damage-total i { color: #c9a86a; font-size: 1.2rem; display: block; margin-bottom: 0.25rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } .wasteland-chat-result .result-main .damage-display .damage-total .damage-label { display: block; font-size: 0.85rem; color: #c9a86a; text-transform: uppercase; font-weight: bold; margin-bottom: 0.25rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } .wasteland-chat-result .result-main .damage-display .damage-total .damage-value { display: block; font-size: 2rem; color: #e8dcc4; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(200, 0, 0, 0.3); font-weight: bold; line-height: 1.2; } .wasteland-chat-result .result-main .result-badge-container { display: flex; justify-content: center; margin-top: 0.25rem; } .wasteland-chat-result .result-main .result-badge-container .result-badge { padding: 0.25rem 0.75rem; border-radius: 2px; font-weight: bold; font-size: 0.9rem; text-transform: uppercase; text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.4); } .wasteland-chat-result .result-main .result-badge-container .result-badge i { margin-right: 0.375rem; } .wasteland-chat-result .result-main .result-badge-container .result-badge.heroique { background: linear-gradient(135deg, #c9a86a 0%, #8b7355 100%); color: #1a1a1a; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); border-color: #8b7355; } .wasteland-chat-result .result-main .result-badge-container .result-badge.success { background: linear-gradient(135deg, #6b8e23 0%, #4a6017 100%); color: #e8dcc4; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); border-color: #4a6017; } .wasteland-chat-result .result-main .result-badge-container .result-badge.failure { background: linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 100%); color: #c9a86a; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); border-color: #3a2a1a; } .wasteland-chat-result .result-main .result-badge-container .result-badge.dramatique { background: linear-gradient(135deg, #4a0404 0%, #2a0202 100%); color: #e8dcc4; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); border-color: #6a0606; } .wasteland-chat-result .result-details { padding: 0.5rem; background: linear-gradient(180deg, rgba(70, 60, 50, 0.6) 0%, rgba(60, 50, 40, 0.7) 100%); border-top: 1px solid rgba(139, 115, 85, 0.3); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-result .result-details .details-section { display: flex; flex-direction: column; gap: 0.1875rem; } .wasteland-chat-result .result-details .details-section .detail-row { display: flex; justify-content: space-between; padding: 0.1875rem 0.375rem; background: linear-gradient(90deg, rgba(230, 220, 200, 0.6) 0%, rgba(210, 200, 180, 0.5) 100%); border-radius: 1px; font-size: 0.85rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border-left: 2px solid #8b7355; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .wasteland-chat-result .result-details .details-section .detail-row.bonus { background: linear-gradient(90deg, rgba(200, 220, 180, 0.7) 0%, rgba(180, 200, 160, 0.6) 100%); border-left-color: #6b8e23; } .wasteland-chat-result .result-details .details-section .detail-row.malus { background: linear-gradient(90deg, rgba(220, 180, 160, 0.7) 0%, rgba(200, 160, 140, 0.6) 100%); border-left-color: #8b4513; } .wasteland-chat-result .result-details .details-section .detail-row.rune { background: linear-gradient(90deg, rgba(190, 180, 210, 0.7) 0%, rgba(170, 160, 190, 0.6) 100%); border-left-color: #6a5acd; } .wasteland-chat-result .result-details .details-section .detail-row .detail-label { color: #2a1f15; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-result .result-details .details-section .detail-row .detail-value { color: #2a1f15; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-result .result-effects { padding: 0.5rem; background: linear-gradient(180deg, rgba(80, 70, 60, 0.5) 0%, rgba(70, 60, 50, 0.6) 100%); border-top: 1px solid rgba(139, 115, 85, 0.4); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-result .result-effects .effect-success, .wasteland-chat-result .result-effects .effect-warning, .wasteland-chat-result .result-effects .effect-failure, .wasteland-chat-result .result-effects .effect-damage, .wasteland-chat-result .result-effects .effect-heroic { padding: 0.3125rem 0.5rem; margin-bottom: 0.3125rem; background: linear-gradient(90deg, rgba(230, 220, 200, 0.8) 0%, rgba(210, 200, 180, 0.7) 100%); border-radius: 1px; border-left: 3px solid; font-size: 0.85rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3); } .wasteland-chat-result .result-effects .effect-success i, .wasteland-chat-result .result-effects .effect-warning i, .wasteland-chat-result .result-effects .effect-failure i, .wasteland-chat-result .result-effects .effect-damage i, .wasteland-chat-result .result-effects .effect-heroic i { margin-right: 0.375rem; } .wasteland-chat-result .result-effects .effect-success:last-child, .wasteland-chat-result .result-effects .effect-warning:last-child, .wasteland-chat-result .result-effects .effect-failure:last-child, .wasteland-chat-result .result-effects .effect-damage:last-child, .wasteland-chat-result .result-effects .effect-heroic:last-child { margin-bottom: 0; } .wasteland-chat-result .result-effects .effect-success { border-left-color: #6b8e23; color: #2a1f15; } .wasteland-chat-result .result-effects .effect-heroic { border-left-color: #c9a86a; color: #2a1f15; font-weight: bold; background: linear-gradient(90deg, rgba(201, 168, 106, 0.3) 0%, rgba(230, 220, 200, 0.8) 100%); } .wasteland-chat-result .result-effects .effect-warning { border-left-color: #d97706; color: #2a1f15; } .wasteland-chat-result .result-effects .effect-failure { border-left-color: #8b4513; color: #2a1f15; } .wasteland-chat-result .result-effects .effect-damage { border-left-color: #6a0606; color: #2a1f15; background: linear-gradient(90deg, rgba(200, 100, 100, 0.3) 0%, rgba(210, 200, 180, 0.7) 100%); } .wasteland-chat-result .damage-button-section { padding: 0.5rem; background: linear-gradient(180deg, rgba(100, 70, 60, 0.5) 0%, rgba(80, 60, 50, 0.6) 100%); border-top: 1px solid rgba(139, 115, 85, 0.5); } .wasteland-chat-result .damage-button-section .chat-card-button { width: 100%; padding: 0.5rem; background: linear-gradient(to bottom, #6a0606 0%, #4a0404 100%); border: 2px solid #8b7355; border-radius: 2px; color: #e8dcc4; font-size: 0.9rem; font-weight: bold; font-family: "Charlemagne", serif; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); } .wasteland-chat-result .damage-button-section .chat-card-button:hover { background: linear-gradient(to bottom, #8a0808 0%, #5a0505 100%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2); border-color: #c9a86a; } .wasteland-chat-result .damage-button-section .chat-card-button i { margin-right: 0.5rem; } .wasteland-chat-result .predilection-reroll-section { padding: 0.75rem; background: linear-gradient(135deg, rgba(139, 115, 85, 0.3) 0%, rgba(100, 80, 60, 0.4) 100%); border: 2px solid #8b7355; border-radius: 2px; margin: 0.5rem; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3); } .wasteland-chat-result .predilection-reroll-section .fa-dice { display: none; } .wasteland-chat-result .predilection-reroll-section .predilection-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(139, 115, 85, 0.5); } .wasteland-chat-result .predilection-reroll-section .predilection-header i { color: #c9a86a; font-size: 1.1rem; } .wasteland-chat-result .predilection-reroll-section .predilection-header .predilection-title { color: #e8dcc4; font-weight: bold; font-size: 1rem; font-family: "Charlemagne", serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); } .wasteland-chat-result .predilection-reroll-section .predilection-results { display: flex; gap: 0.75rem; margin-bottom: 0.75rem; } .wasteland-chat-result .predilection-reroll-section .predilection-results .predilection-roll { flex: 1; padding: 0.5rem; background: linear-gradient(90deg, rgba(230, 220, 200, 0.4) 0%, rgba(210, 200, 180, 0.3) 100%); border-radius: 2px; border-left: 2px solid #8b7355; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; position: relative; } .wasteland-chat-result .predilection-reroll-section .predilection-results .predilection-roll.kept { background: linear-gradient(90deg, rgba(200, 220, 180, 0.6) 0%, rgba(180, 200, 160, 0.5) 100%); border-left-color: #6b8e23; box-shadow: 0 0 8px rgba(107, 142, 35, 0.3); } .wasteland-chat-result .predilection-reroll-section .predilection-results .predilection-roll .roll-label { color: #2a1f15; font-weight: bold; font-size: 0.75rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-result .predilection-reroll-section .predilection-results .predilection-roll .roll-value { color: #2a1f15; font-weight: 700; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-result .predilection-reroll-section .predilection-results .predilection-roll i.fa-check-circle { color: #6b8e23; font-size: 1.1rem; margin-left: 0.25rem; } .wasteland-chat-result .predilection-reroll-section .predilection-kept { padding: 0.5rem; background: linear-gradient(90deg, rgba(200, 220, 180, 0.7) 0%, rgba(180, 200, 160, 0.6) 100%); border: 1px solid #6b8e23; border-radius: 2px; text-align: center; color: #2a1f15; font-size: 0.95rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .wasteland-chat-result .predilection-reroll-section .predilection-kept i { color: #6b8e23; } .wasteland-chat-result .predilection-reroll-section .predilection-kept .kept-label { font-weight: 600; } .wasteland-chat-result .predilection-reroll-section .predilection-kept strong { font-size: 1.1rem; font-weight: 700; } .wasteland-chat-result .predilection-section { padding: 0.5rem; background: linear-gradient(180deg, rgba(100, 90, 70, 0.5) 0%, rgba(80, 70, 60, 0.6) 100%); border-top: 1px solid rgba(139, 115, 85, 0.5); } .wasteland-chat-result .predilection-section .chat-card-button { width: 100%; padding: 0.5rem; background: linear-gradient(to bottom, #5a4a3a 0%, #3a2a1a 100%); border: 2px solid #8b7355; border-radius: 2px; color: #e8dcc4; font-size: 0.9rem; font-weight: bold; font-family: "Charlemagne", serif; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); } .wasteland-chat-result .predilection-section .chat-card-button:hover { background: linear-gradient(to bottom, #6a5a4a 0%, #4a3a2a 100%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2); border-color: #c9a86a; } .wasteland-chat-result .predilection-section .chat-card-button i { margin-right: 0.5rem; } /* ============================================ */ /* WASTELAND ITEM CHAT POSTS */ /* ============================================ */ .wasteland-chat-item { background: linear-gradient(135deg, rgba(50, 40, 30, 0.95) 0%, rgba(30, 25, 20, 0.95) 100%); border: 2px solid #8b7355; border-radius: 2px; overflow: hidden; font-family: "Charlemagne", serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1); position: relative; } .wasteland-chat-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.03) 2px, rgba(0, 0, 0, 0.03) 4px); pointer-events: none; opacity: 0.5; } .wasteland-chat-item .chat-item-header { background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%); border-bottom: 2px solid #8b7355; padding: 0.5rem; display: flex; align-items: center; gap: 0.625rem; position: relative; box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.4); } .wasteland-chat-item .chat-item-header::after { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent 0%, #6a0606 20%, #8b7355 40%, #6a0606 60%, transparent 100%); } .wasteland-chat-item .chat-item-header .item-icon { width: 48px; height: 48px; border-radius: 2px; border: 2px solid #8b7355; object-fit: cover; flex-shrink: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); filter: contrast(1.1) saturate(0.9); } .wasteland-chat-item .chat-item-header .header-info { flex: 1; } .wasteland-chat-item .chat-item-header .header-info .item-name { margin: 0; color: #e8dcc4; font-size: 1.1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); font-weight: bold; letter-spacing: 0.5px; } .wasteland-chat-item .chat-item-header .header-info .item-type { margin-top: 0.25rem; color: #c9a86a; font-size: 0.85rem; display: flex; align-items: center; gap: 0.375rem; text-transform: capitalize; } .wasteland-chat-item .chat-item-header .header-info .item-type i { color: #8b7355; font-size: 0.9rem; } .wasteland-chat-item .chat-item-body { padding: 0.75rem; position: relative; z-index: 1; } .wasteland-chat-item .chat-item-body .item-description { color: #e8dcc4; font-size: 0.9rem; line-height: 1.5; margin-bottom: 0.75rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .wasteland-chat-item .chat-item-body .item-description p { margin: 0.5rem 0; } .wasteland-chat-item .chat-item-body .item-description p:first-child { margin-top: 0; } .wasteland-chat-item .chat-item-body .item-description p:last-child { margin-bottom: 0; } .wasteland-chat-item .chat-item-body .item-properties { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.5rem; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(139, 115, 85, 0.3); } .wasteland-chat-item .chat-item-body .item-properties .property { background: linear-gradient(90deg, rgba(230, 220, 200, 0.6) 0%, rgba(210, 200, 180, 0.5) 100%); padding: 0.375rem 0.5rem; border-radius: 1px; border-left: 2px solid #8b7355; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; align-items: center; } .wasteland-chat-item .chat-item-body .item-properties .property .property-label { color: #2a1f15; font-weight: bold; font-size: 0.85rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wasteland-chat-item .chat-item-body .item-properties .property .property-value { color: #2a1f15; font-weight: 600; font-size: 0.9rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /* ============================================ */ /* WASTELAND WELCOME MESSAGE */ /* ============================================ */ .wasteland-welcome-message { background: linear-gradient(135deg, rgba(61, 47, 31, 0.15) 0%, rgba(42, 31, 21, 0.2) 100%); border: 2px solid #6a0606; border-radius: 8px; padding: 0; margin: 8px 0; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(201, 168, 106, 0.1); font-family: "Charlemagne", serif; } .wasteland-welcome-message .welcome-header { background: linear-gradient(135deg, #6a0606 0%, #4a0404 100%); padding: 10px; text-align: center; border-bottom: 2px solid #c9a86a; position: relative; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .wasteland-welcome-message .welcome-header .welcome-icon { font-size: 1.8rem; color: #c9a86a; margin-bottom: 4px; text-shadow: 0 0 10px rgba(201, 168, 106, 0.5); animation: pulse 2s ease-in-out infinite; } .wasteland-welcome-message .welcome-header .welcome-title { margin: 4px 0 2px 0; font-size: 1.3rem; font-weight: bold; color: #e8dcc4; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); font-family: "Charlemagne", serif; letter-spacing: 0.5px; } .wasteland-welcome-message .welcome-header .welcome-subtitle { font-size: 0.9rem; color: #c9a86a; font-style: italic; margin-top: 2px; line-height: 1.2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .wasteland-welcome-message .welcome-content { padding: 12px; background: linear-gradient(180deg, rgba(230, 220, 200, 0.9) 0%, rgba(210, 200, 180, 0.85) 100%); } .wasteland-welcome-message .welcome-content .welcome-section { display: flex; gap: 10px; margin-bottom: 10px; padding: 8px; background: rgba(255, 255, 255, 0.5); border-radius: 4px; border: 1px solid #c9a86a; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .wasteland-welcome-message .welcome-content .welcome-section:last-child { margin-bottom: 0; } .wasteland-welcome-message .welcome-content .welcome-section .section-icon { flex-shrink: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6a0606 0%, #4a0404 100%); color: #c9a86a; border-radius: 50%; font-size: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .wasteland-welcome-message .welcome-content .welcome-section .section-icon i { line-height: 1; } .wasteland-welcome-message .welcome-content .welcome-section .section-text { flex: 1; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .wasteland-welcome-message .welcome-content .welcome-section .section-text strong { display: block; color: #3d2f1f; margin-bottom: 4px; font-size: 0.95rem; font-weight: 700; } .wasteland-welcome-message .welcome-content .welcome-section .section-text p { margin: 0; line-height: 1.4; color: #2a1f15; font-size: 0.9rem; } .wasteland-welcome-message .welcome-content .welcome-section .section-text .welcome-link { display: inline-block; margin-top: 4px; color: #6a0606; font-weight: 600; text-decoration: none; transition: all 0.2s ease; font-size: 0.9rem; } .wasteland-welcome-message .welcome-content .welcome-section .section-text .welcome-link i { margin-right: 4px; } .wasteland-welcome-message .welcome-content .welcome-section .section-text .welcome-link:hover { color: #8b0606; text-shadow: 0 0 4px rgba(106, 6, 6, 0.3); } .wasteland-welcome-message .welcome-footer { background: linear-gradient(135deg, #4a0404 0%, #6a0606 100%); padding: 8px; text-align: center; color: #c9a86a; font-style: italic; font-size: 0.95rem; border-top: 1px solid #8b7355; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); font-family: "Charlemagne", serif; } .wasteland-welcome-message .welcome-footer i { margin: 0 8px; opacity: 0.7; font-size: 0.85rem; } .wasteland-welcome-message .welcome-footer span { vertical-align: middle; } @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.9; } } /*# sourceMappingURL=wasteland.css.map */ /*# sourceMappingURL=wasteland.css.map */