diff --git a/less/actor-styles.less b/less/actor-styles.less index 25ae5aa..edb94b2 100644 --- a/less/actor-styles.less +++ b/less/actor-styles.less @@ -202,11 +202,11 @@ line-height: 1; } - input[type="text"], - select { + input[type="text"] { flex: 1; min-width: 0; height: 20px; + line-height: 20px; font-size: 0.72rem; font-weight: 600; padding: 0 3px; @@ -233,12 +233,39 @@ } select { + flex: 1; + min-width: 0; + height: auto; + min-height: 20px; + font-size: 0.72rem; + font-weight: 600; + padding: 1px 14px 1px 3px; + line-height: 1.2; + background: rgba(35, 20, 5, 0.85); + border: 1px solid rgba(120,75,20,0.55); + border-radius: 2px; + color: #f0dfc0; + text-align: center; + text-shadow: none; appearance: none; -webkit-appearance: none; - padding-right: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 3px center; + + &:hover { + border-color: rgba(200,150,40,0.7); + background-color: rgba(50,30,10,0.9); + } + &:focus { + outline: none; + border-color: #ffd700; + box-shadow: 0 0 4px rgba(255,215,0,0.3); + } + &:disabled { + opacity: 0.6; + cursor: default; + } } // Valeur centrale (Vigueur) diff --git a/styles/mournblade-cyd2.css b/styles/mournblade-cyd2.css index 8f9e37b..0b3fa04 100644 --- a/styles/mournblade-cyd2.css +++ b/styles/mournblade-cyd2.css @@ -2582,11 +2582,11 @@ li { padding: 0; line-height: 1; } -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"], -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select { +.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"] { flex: 1; min-width: 0; height: 20px; + line-height: 20px; font-size: 0.72rem; font-weight: 600; padding: 0 3px; @@ -2597,30 +2597,53 @@ li { text-align: center; text-shadow: none; } -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover, -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover { +.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover { border-color: rgba(200, 150, 40, 0.7); background: rgba(50, 30, 10, 0.9); } -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus, +.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus { + outline: none; + border-color: #ffd700; + box-shadow: 0 0 4px rgba(255, 215, 0, 0.3); +} +.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled { + opacity: 0.6; + cursor: default; +} +.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select { + flex: 1; + min-width: 0; + height: auto; + min-height: 20px; + font-size: 0.72rem; + font-weight: 600; + padding: 1px 14px 1px 3px; + line-height: 1.2; + background: rgba(35, 20, 5, 0.85); + border: 1px solid rgba(120, 75, 20, 0.55); + border-radius: 2px; + color: #f0dfc0; + text-align: center; + text-shadow: none; + appearance: none; + -webkit-appearance: none; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 3px center; +} +.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover { + border-color: rgba(200, 150, 40, 0.7); + background-color: rgba(50, 30, 10, 0.9); +} .fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:focus { outline: none; border-color: #ffd700; box-shadow: 0 0 4px rgba(255, 215, 0, 0.3); } -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled, .fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:disabled { opacity: 0.6; cursor: default; } -.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select { - appearance: none; - -webkit-appearance: none; - padding-right: 14px; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-position: right 3px center; -} .fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field.stat-field-center { justify-content: center; }