Add competence roll

This commit is contained in:
2022-06-04 21:06:01 +02:00
parent eda51dec7f
commit 2ee6c285ea
11 changed files with 189 additions and 62 deletions

View File

@ -1,15 +1,23 @@
/* ==================== (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.3rem;
--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: 1.0rem;
--tab-header-font-weight: 700;
--tab-header-color: #403f3e;
@ -43,9 +51,11 @@
/* 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: 1.0rem;
} /* For title, sidebar character and scene */
.sheet nav.sheet-tabs {
font-family: "Charlemagne";
font-size: 0.8rem;
} /* For nav and title */
.window-app input, .foundryvtt-vadentis .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 {
@ -1181,6 +1191,44 @@ ul, li {
border: 2px ridge #846109;
}
/*************************************************************/
.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;
}
/*************************************************************/
.button-roll-competence {
min-width: 64px;
max-width: 64px;
background-color: rgb(211, 221, 187);
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;