public/fvtt-ecryme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 26 Wiki Activity

Update internal system with dynamic message

Browse Source
This commit is contained in:
LeRatierBretonnien
2025-10-17 15:14:29 +02:00
parent 0fadd0783c
commit a8cc2dce4b
3 changed files with 2910 additions and 2616 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
postcss/ecryme.css
View File

@@ -46,13 +46,29 @@
}
/* Fonts */
.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
.sheet header.sheet-header h1 input,
.window-app .window-header,
#actors .directory-list,
#navigation #scene-list .scene.nav-item {
font-size: 1.0rem;
} /* For title, sidebar character and scene */
}
/* For title, sidebar character and scene */
.sheet nav.sheet-tabs {
font-size: 0.8rem;
} /* For nav and title */
.window-app input, .fvtt-ecryme .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 {
}
/* For nav and title */
.window-app input,
.fvtt-ecryme .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;
}
@@ -64,15 +80,19 @@
margin: 0;
padding: 0;
}
.strong-text {
font-weight: bold;
}
.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
.tabs .item.active,
.blessures-list li ul li:first-child:hover,
a:hover {
text-shadow: 1px 0px 0px #ff6600;
}
.rollable:hover, .rollable:focus {
.rollable:hover,
.rollable:focus {
color: #000;
text-shadow: 0 0 10px red;
cursor: pointer;
@@ -86,12 +106,17 @@ input:hover {
input:disabled {
color: #1c2058;
}
select:disabled {
color: #1c2058;
}
table {border: 1px solid #7a7971;}
.grid, .grid-2col {
table {
border: 1px solid #7a7971;
}
.grid,
.grid-2col {
display: grid;
grid-column: span 2 / span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -235,6 +260,7 @@ table {border: 1px solid #7a7971;}
object-position: 50% 0;
border-width: 0px;
}
.profile-img-container {
margin-right: 0.2rem;
max-width: 140px;
@@ -407,7 +433,8 @@ li.folder > .folder-header h3 {
/*background: #494e6b;*/
}
input[type="text"], select[type="text"] {
input[type="text"],
select[type="text"] {
background: white;
color: #494e6b;
}
@@ -416,14 +443,22 @@ select {
background: white;
color: #494e6b;
}
/* background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
/*color: rgba(168, 139, 139, 0.5);*/
.window-app.sheet .window-content .sheet-header select[type="text"], .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-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"] {
.window-app.sheet .window-content .sheet-header select[type="text"],
.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-body input[type="text"],
.window-app.sheet .window-content .sheet-body input[type="number"],
.window-app.sheet .window-content .sheet-body select[type="text"] {
color: rgba(19, 18, 18, 0.95);
/*color: #494e6b;*/
}
.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"] {
.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(19, 18, 18, 0.95);
background: url("../images/ui/fond_carnet_01.webp");
border: 1 none;
@@ -431,7 +466,9 @@ select {
margin-left: 2px;
}
.window-app.sheet .window-content .sheet-body input[type="password"], .window-app.sheet .window-content .sheet-body input[type="date"], .window-app.sheet .window-content .sheet-body input[type="time"] {
.window-app.sheet .window-content .sheet-body input[type="password"],
.window-app.sheet .window-content .sheet-body input[type="date"],
.window-app.sheet .window-content .sheet-body input[type="time"] {
color: rgba(19, 18, 18, 0.95);
background: url("../images/ui/fond_carnet_01.webp");
border: 1 none;
@@ -439,7 +476,8 @@ select {
margin-left: 2px;
}
.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select {
.window-app.sheet .window-content .sheet-body select,
.window-app.sheet .window-content .sheet-header select {
color: rgba(19, 18, 18, 0.95);
background: #fff;
border: 1 none;
@@ -447,7 +485,8 @@ select {
margin-left: 2px;
}
.window-app .window-content, .window-app.sheet .window-content .sheet-body{
.window-app .window-content,
.window-app.sheet .window-content .sheet-body {
font-size: 0.8rem;
/*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/
background: url("../images/ui/fond_carnet_01.webp");
@@ -456,7 +495,9 @@ select {
/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/
section.sheet-body{padding: 0.25rem 0.5rem;}
section.sheet-body {
padding: 0.25rem 0.5rem;
}
.sheet header.sheet-header .profile-img {
object-fit: cover;
@@ -508,8 +549,13 @@ section.sheet-body:after {
clear: both;
}
.sheet header.sheet-header .flex-compteurs {text-align: right;}
.sheet header.sheet-header .resource-content {width: 2rem;}
.sheet header.sheet-header .flex-compteurs {
text-align: right;
}
.sheet header.sheet-header .resource-content {
width: 2rem;
}
.select-diff {
display: inline-block;
@@ -524,7 +570,8 @@ section.sheet-body:after {
padding: 0.25rem;
}
.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp {
.window-app.sheet .window-content .carac-value,
.window-app.sheet .window-content .competence-xp {
margin: 0.05rem;
flex-basis: 3rem;
text-align: center;
@@ -535,15 +582,21 @@ section.sheet-body:after {
/* ======================================== */
h1, h2, h3, h4 {
h1,
h2,
h3,
h4 {
font-weight: bold;
}
ul, ol {
ul,
ol {
margin: 0;
padding: 0;
}
ul, li {
ul,
li {
list-style-type: none;
}
@@ -551,6 +604,7 @@ ul, li {
margin: 0.010rem;
padding: 0.25rem;
}
.header-fields li {
margin: 0;
padding: 0;
@@ -559,9 +613,11 @@ ul, li {
.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.10);
}
.alterne-list>.list-item:nth-child(odd) {
background: rgb(160, 130, 100, 0.05);
}
@@ -584,36 +640,45 @@ ul, li {
display: flex !important;
color: rgba(19, 18, 18, 0.95);
}
.list-item-shadow {
background: rgba(87, 60, 32, 0.35);
flex-grow: 0;
flex-wrap: nowrap;
justify-content: flex-start;
}
.list-item-shadow2 {
background: rgba(87, 60, 32, 0.25);
flex-grow: 0;
flex-wrap: nowrap;
justify-content: flex-start;
}
.item-display-show {
display: block;
}
.item-display-hide {
display: none;
}
.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;
}
@@ -626,6 +691,7 @@ ul, li {
flex-grow: 0;
margin-right: 0.25rem;
}
.competence-column {
flex-direction: column;
align-content: flex-start;
@@ -633,6 +699,7 @@ ul, li {
flex-grow: 0;
flex-basis: 1;
}
.competence-header {
align-content: flex-start;
justify-content: flex-start;
@@ -644,16 +711,20 @@ ul, li {
flex-grow: 2;
margin-left: 4px;
}
.status-header-label {
margin-left: 2px;
}
.roll-dialog-label {
margin: 4px 0;
min-width: 96px;
}
.short-label {
flex-grow: 1;
}
.keyword-label {
font-size: 0.85rem;
}
@@ -678,6 +749,7 @@ ul, li {
margin-right: 4px;
margin-left: 4px;
}
.sante-value,
.competence-value {
flex-grow: 0;
@@ -685,26 +757,32 @@ ul, li {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.description-value {
flex-grow: 0;
flex-basis: 4rem;
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.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;
}
.packed-left {
white-space: nowrap;
flex-grow: 0;
@@ -730,6 +808,7 @@ ul, li {
flex: 0 !important;
font-weight: 600;
}
.tokenhudext.left {
justify-content: flex-start;
flex-direction: column;
@@ -737,6 +816,7 @@ ul, li {
top: 2.75rem;
right: 4rem;
}
.tokenhudext.right {
justify-content: flex-start;
flex-direction: column;
@@ -744,6 +824,7 @@ ul, li {
top: 2.75rem;
left: 4rem;
}
.control-icon.tokenhudicon {
width: fit-content;
height: fit-content;
@@ -753,12 +834,15 @@ ul, li {
line-height: 1rem;
margin: 0.25rem;
}
.control-icon.tokenhudicon.right {
margin-left: 8px;
}
#token-hud .status-effects.active {
z-index: 2;
}
.token-sheet .window-content .flexcol .sheet-tabs {
font-size: 0.8rem;
}
@@ -782,6 +866,7 @@ ul, li {
.skill-label {
font-size: 0.7rem;
}
.skill-good-checkbox {
max-height: 10px;
max-width: 10px;
@@ -809,7 +894,8 @@ ul, li {
height: 470px !important;
}
#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
#sidebar-tabs>.collapsed,
#chat-controls .chat-control-icon {
color: rgba(19, 18, 18, 0.95);
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
}
@@ -824,6 +910,7 @@ ul, li {
background: rgba(0, 0, 0, 0.05);
cursor: pointer;
}
.chat-message-header {
background: rgba(220, 220, 210, 0.5);
font-size: 1.1rem;
@@ -834,9 +921,15 @@ ul, li {
align-items: center;
}
.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to {
.message-chat-center {
text-align: center;
}
.chat-message .message-header .flavor-text,
.chat-message .message-header .whisper-to {
font-size: 0.9rem;
}
.chat-result-text,
.chat-actor-name {
font-weight: bold;
@@ -844,12 +937,15 @@ ul, li {
font-size: 1.2rem;
padding: 4px;
}
.chat-result-success {
color: darkgreen;
}
.chat-result-failure {
color: darkred;
}
.chat-img {
width: 64px;
height: 64px;
@@ -927,6 +1023,7 @@ ul, li {
width: auto;
height: auto;
}
.small-ability-icon {
border: 0;
padding: 2px 2px 2px 2px;
@@ -935,6 +1032,7 @@ ul, li {
width: auto;
height: auto;
}
.combat-icon {
border: 0;
padding: 2px 2px 2px 2px;
@@ -969,7 +1067,8 @@ ul, li {
/*--------------------------------------------------------------------------*/
/* Control, Tool, hotbar & navigation */
#controls .scene-control, #controls .control-tool {
#controls .scene-control,
#controls .control-tool {
box-shadow: 0 0 3px #000;
margin: 0 0 8px;
border-radius: 0;
@@ -980,7 +1079,10 @@ ul, li {
border-image-outset: 0px;
}
#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
#controls .scene-control.active,
#controls .control-tool.active,
#controls .scene-control:hover,
#controls .control-tool:hover {
background: rgba(72, 46, 28, 1);
background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1026,7 +1128,8 @@ ul, li {
border-image-outset: 0px;
}
#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
#navigation #scene-list .scene.view,
#navigation #scene-list .scene.context {
background: rgba(72, 46, 28, 1);
background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1071,7 +1174,8 @@ ul, li {
.tooltip-nobottom {
border-bottom: unset; /* If you want dots under the hoverable text */
border-bottom: unset;
/* If you want dots under the hoverable text */
}
/* Show the tooltip text when you mouse over the tooltip container */
@@ -1101,6 +1205,7 @@ ul, li {
background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
background-color: red;
}
.chat-card-button:active {
position: relative;
top: 1px;
@@ -1146,14 +1251,14 @@ ul, li {
/*************************************************************/
#pause
{
#pause {
font-size: 2rem;
}
#pause > h3
{
#pause>h3 {
color: #CCC
}
#pause>img {
content: url(../images/ui/ecryme_logo_small_01.webp);
height: 200px;
@@ -1184,23 +1289,28 @@ ul, li {
.status-small-label {
font-size: 0.65rem;
}
.no-grow {
flex-grow: 1;
max-width: 32px;
}
.status-col-name {
max-width: 72px;
}
.img-no-border {
max-width: 48px;
max-height: 48px;
border: 0px;
}
.items-title-bg {
margin-top: 6px;
color: rgba(19, 18, 18, 0.95);
}
.impact-box {
border-width: 2px;
border-color: #000000;
@@ -1209,6 +1319,7 @@ ul, li {
margin: 4px;
padding: 4px;
}
.impact-title {
font-size: bold;
display: flex;
@@ -1224,140 +1335,169 @@ ul, li {
font-family: MailartRubberstamp;
margin-left: 4px;
}
.lock-icon {
width: 16px;
height: 16px;
}
.item-sheet-img {
width: 64px;
height: auto;
border: 0;
}
.item-name-img {
flex-grow: 1;
max-width: 2rem;
min-width: 2rem;
}
.item-name-label-header {
flex-grow: 2;
max-width: 12rem;
min-width: 12rem;
}
.item-name-label-header-long {
flex-grow: 2;
max-width: 14rem;
min-width: 14rem;
}
.item-name-label-header-long2 {
flex-grow: 2;
max-width: 24rem;
min-width: 24rem;
}
.item-name-label {
flex-grow: 2;
max-width: 10rem;
min-width: 10rem;
}
.item-name-label-long {
margin-top: 4px;
flex-grow: 2;
max-width: 12rem;
min-width: 12rem;
}
.item-name-label-short {
margin-top: 4px;
flex-grow: 1;
max-width: 4rem;
min-width: 4rem;
}
.item-name-label-medium {
margin-top: 4px;
flex-grow: 2;
max-width: 6rem;
min-width: 6rem;
}
.item-name-label-medium2 {
margin-top: 4px;
flex-grow: 0;
max-width: 10rem;
min-width: 10rem;
}
.item-name-label-free {
margin-top: 4px;
align-self: flex-start;
}
.item-name-label-long2 {
margin-top: 4px;
flex-grow: 2;
max-width: 22rem;
min-width: 22rem;
}
.item-name-label-level2 {
flex-grow: 2;
max-width: 9rem;
min-width: 9rem;
}
.item-field-label-short {
margin-top: 4px;
flex-grow: 1;
max-width: 4rem;
min-width: 4rem;
}
.item-field-label-short-header {
margin-top: 4px;
flex-grow: 1;
max-width: 2.2rem;
min-width: 2.2rem;
}
.item-field-label-medium {
flex-grow: 1;
max-width: 6rem;
min-width: 6rem;
}
.item-field-skill {
flex-grow: 1;
max-width: 6.8rem;
min-width: 6.8rem;
}
.item-field-label-long {
flex-grow: 1;
max-width: 10rem;
min-width: 10rem;
}
.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: 2rem;
max-width: 2rem;
}
.item-controls-fixed-full {
min-width: 3rem;
max-width: 3rem;
}
.attribute-label {
font-weight: bold;
}
.flexrow-no-expand {
flex-grow: 0;
}
.flexrow-start {
justify-content: flex-start;
align-content: flex-start;
align-self: flex-start;
}
.item-input-small {
max-width: 16px;
max-height: 12px;
}
.character-summary-rollable {
text-decoration: underline;
}
@@ -1365,6 +1505,7 @@ ul, li {
.ecryme-roll-dialog .window-header {
border-radius: 10px 10px 0% 0%;
}
.ecryme-roll-dialog .window-content {
border-radius: 0% 0% 10px 10px;
}
@@ -1381,16 +1522,19 @@ ul, li {
.bonus-spec {
max-width: 48px;
}
.confront-bonus-container {
position: relative;
flex-grow: 1;
text-align: center;
color: black;
}
.pool-list {
align-items: center;
justify-content: center;
}
.confront-bonus-centered {
position: absolute;
top: 50%;
@@ -1404,12 +1548,14 @@ ul, li {
.dice-spec {
max-width: 64px;
}
.confront-dice-container {
position: relative;
flex-grow: 1;
text-align: center;
color: black;
}
.confront-dice-centered {
position: absolute;
top: 50%;
@@ -1419,6 +1565,7 @@ ul, li {
font-family: MailartRubberstamp;
transform: translate(-50%, -55%);
}
.confront-area {
margin: 2px;
padding: 4px;

209
styles/ecryme.css
View File

@@ -46,13 +46,29 @@
}
/* Fonts */
.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
.sheet header.sheet-header h1 input,
.window-app .window-header,
#actors .directory-list,
#navigation #scene-list .scene.nav-item {
font-size: 1.0rem;
} /* For title, sidebar character and scene */
}
/* For title, sidebar character and scene */
.sheet nav.sheet-tabs {
font-size: 0.8rem;
} /* For nav and title */
.window-app input, .fvtt-ecryme .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 {
}
/* For nav and title */
.window-app input,
.fvtt-ecryme .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;
}
@@ -64,15 +80,19 @@
margin: 0;
padding: 0;
}
.strong-text {
font-weight: bold;
}
.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
.tabs .item.active,
.blessures-list li ul li:first-child:hover,
a:hover {
text-shadow: 1px 0px 0px #ff6600;
}
.rollable:hover, .rollable:focus {
.rollable:hover,
.rollable:focus {
color: #000;
text-shadow: 0 0 10px red;
cursor: pointer;
@@ -86,12 +106,17 @@ input:hover {
input:disabled {
color: #1c2058;
}
select:disabled {
color: #1c2058;
}
table {border: 1px solid #7a7971;}
.grid, .grid-2col {
table {
border: 1px solid #7a7971;
}
.grid,
.grid-2col {
display: grid;
grid-column: span 2 / span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -212,6 +237,7 @@ table {border: 1px solid #7a7971;}
object-position: 50% 0;
border-width: 0px;
}
.profile-img-container {
margin-right: 0.2rem;
max-width: 140px;
@@ -376,7 +402,8 @@ li.folder > .folder-header h3 {
/*background: #494e6b;*/
}
input[type="text"], select[type="text"] {
input[type="text"],
select[type="text"] {
background: white;
color: #494e6b;
}
@@ -385,14 +412,22 @@ select {
background: white;
color: #494e6b;
}
/* background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
/*color: rgba(168, 139, 139, 0.5);*/
.window-app.sheet .window-content .sheet-header select[type="text"], .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-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"] {
.window-app.sheet .window-content .sheet-header select[type="text"],
.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-body input[type="text"],
.window-app.sheet .window-content .sheet-body input[type="number"],
.window-app.sheet .window-content .sheet-body select[type="text"] {
color: rgba(19, 18, 18, 0.95);
/*color: #494e6b;*/
}
.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"] {
.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(19, 18, 18, 0.95);
background: url("../images/ui/fond_carnet_01.webp");
border: 1 none;
@@ -400,7 +435,9 @@ select {
margin-left: 2px;
}
.window-app.sheet .window-content .sheet-body input[type="password"], .window-app.sheet .window-content .sheet-body input[type="date"], .window-app.sheet .window-content .sheet-body input[type="time"] {
.window-app.sheet .window-content .sheet-body input[type="password"],
.window-app.sheet .window-content .sheet-body input[type="date"],
.window-app.sheet .window-content .sheet-body input[type="time"] {
color: rgba(19, 18, 18, 0.95);
background: url("../images/ui/fond_carnet_01.webp");
border: 1 none;
@@ -408,7 +445,8 @@ select {
margin-left: 2px;
}
.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select {
.window-app.sheet .window-content .sheet-body select,
.window-app.sheet .window-content .sheet-header select {
color: rgba(19, 18, 18, 0.95);
background: #fff;
border: 1 none;
@@ -416,7 +454,8 @@ select {
margin-left: 2px;
}
.window-app .window-content, .window-app.sheet .window-content .sheet-body{
.window-app .window-content,
.window-app.sheet .window-content .sheet-body {
font-size: 0.8rem;
/*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/
background: url("../images/ui/fond_carnet_01.webp");
@@ -425,7 +464,9 @@ select {
/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/
section.sheet-body{padding: 0.25rem 0.5rem;}
section.sheet-body {
padding: 0.25rem 0.5rem;
}
.sheet header.sheet-header .profile-img {
-o-object-fit: cover;
@@ -481,8 +522,13 @@ section.sheet-body:after {
clear: both;
}
.sheet header.sheet-header .flex-compteurs {text-align: right;}
.sheet header.sheet-header .resource-content {width: 2rem;}
.sheet header.sheet-header .flex-compteurs {
text-align: right;
}
.sheet header.sheet-header .resource-content {
width: 2rem;
}
.select-diff {
display: inline-block;
@@ -497,7 +543,8 @@ section.sheet-body:after {
padding: 0.25rem;
}
.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp {
.window-app.sheet .window-content .carac-value,
.window-app.sheet .window-content .competence-xp {
margin: 0.05rem;
flex-basis: 3rem;
text-align: center;
@@ -508,15 +555,21 @@ section.sheet-body:after {
/* ======================================== */
h1, h2, h3, h4 {
h1,
h2,
h3,
h4 {
font-weight: bold;
}
ul, ol {
ul,
ol {
margin: 0;
padding: 0;
}
ul, li {
ul,
li {
list-style-type: none;
}
@@ -524,6 +577,7 @@ ul, li {
margin: 0.010rem;
padding: 0.25rem;
}
.header-fields li {
margin: 0;
padding: 0;
@@ -532,9 +586,11 @@ ul, li {
.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.10);
}
.alterne-list>.list-item:nth-child(odd) {
background: rgb(160, 130, 100, 0.05);
}
@@ -557,36 +613,45 @@ ul, li {
display: flex !important;
color: rgba(19, 18, 18, 0.95);
}
.list-item-shadow {
background: rgba(87, 60, 32, 0.35);
flex-grow: 0;
flex-wrap: nowrap;
justify-content: flex-start;
}
.list-item-shadow2 {
background: rgba(87, 60, 32, 0.25);
flex-grow: 0;
flex-wrap: nowrap;
justify-content: flex-start;
}
.item-display-show {
display: block;
}
.item-display-hide {
display: none;
}
.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;
}
@@ -599,6 +664,7 @@ ul, li {
flex-grow: 0;
margin-right: 0.25rem;
}
.competence-column {
flex-direction: column;
align-content: flex-start;
@@ -606,6 +672,7 @@ ul, li {
flex-grow: 0;
flex-basis: 1;
}
.competence-header {
align-content: flex-start;
justify-content: flex-start;
@@ -617,16 +684,20 @@ ul, li {
flex-grow: 2;
margin-left: 4px;
}
.status-header-label {
margin-left: 2px;
}
.roll-dialog-label {
margin: 4px 0;
min-width: 96px;
}
.short-label {
flex-grow: 1;
}
.keyword-label {
font-size: 0.85rem;
}
@@ -651,6 +722,7 @@ ul, li {
margin-right: 4px;
margin-left: 4px;
}
.sante-value,
.competence-value {
flex-grow: 0;
@@ -658,26 +730,32 @@ ul, li {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.description-value {
flex-grow: 0;
flex-basis: 4rem;
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.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;
}
.packed-left {
white-space: nowrap;
flex-grow: 0;
@@ -703,6 +781,7 @@ ul, li {
flex: 0 !important;
font-weight: 600;
}
.tokenhudext.left {
justify-content: flex-start;
flex-direction: column;
@@ -710,6 +789,7 @@ ul, li {
top: 2.75rem;
right: 4rem;
}
.tokenhudext.right {
justify-content: flex-start;
flex-direction: column;
@@ -717,6 +797,7 @@ ul, li {
top: 2.75rem;
left: 4rem;
}
.control-icon.tokenhudicon {
width: -moz-fit-content;
width: fit-content;
@@ -728,12 +809,15 @@ ul, li {
line-height: 1rem;
margin: 0.25rem;
}
.control-icon.tokenhudicon.right {
margin-left: 8px;
}
#token-hud .status-effects.active {
z-index: 2;
}
.token-sheet .window-content .flexcol .sheet-tabs {
font-size: 0.8rem;
}
@@ -757,6 +841,7 @@ ul, li {
.skill-label {
font-size: 0.7rem;
}
.skill-good-checkbox {
max-height: 10px;
max-width: 10px;
@@ -784,7 +869,8 @@ ul, li {
height: 470px !important;
}
#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
#sidebar-tabs>.collapsed,
#chat-controls .chat-control-icon {
color: rgba(19, 18, 18, 0.95);
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
}
@@ -799,6 +885,7 @@ ul, li {
background: rgba(0, 0, 0, 0.05);
cursor: pointer;
}
.chat-message-header {
background: rgba(220, 220, 210, 0.5);
font-size: 1.1rem;
@@ -809,9 +896,15 @@ ul, li {
align-items: center;
}
.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to {
.message-chat-center {
text-align: center;
}
.chat-message .message-header .flavor-text,
.chat-message .message-header .whisper-to {
font-size: 0.9rem;
}
.chat-result-text,
.chat-actor-name {
font-weight: bold;
@@ -819,12 +912,15 @@ ul, li {
font-size: 1.2rem;
padding: 4px;
}
.chat-result-success {
color: darkgreen;
}
.chat-result-failure {
color: darkred;
}
.chat-img {
width: 64px;
height: 64px;
@@ -902,6 +998,7 @@ ul, li {
width: auto;
height: auto;
}
.small-ability-icon {
border: 0;
padding: 2px 2px 2px 2px;
@@ -910,6 +1007,7 @@ ul, li {
width: auto;
height: auto;
}
.combat-icon {
border: 0;
padding: 2px 2px 2px 2px;
@@ -944,7 +1042,8 @@ ul, li {
/*--------------------------------------------------------------------------*/
/* Control, Tool, hotbar & navigation */
#controls .scene-control, #controls .control-tool {
#controls .scene-control,
#controls .control-tool {
box-shadow: 0 0 3px #000;
margin: 0 0 8px;
border-radius: 0;
@@ -956,7 +1055,10 @@ ul, li {
border-image-outset: 0px;
}
#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
#controls .scene-control.active,
#controls .control-tool.active,
#controls .scene-control:hover,
#controls .control-tool:hover {
background: rgba(72, 46, 28, 1);
background-origin: padding-box;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1006,7 +1108,8 @@ ul, li {
border-image-outset: 0px;
}
#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
#navigation #scene-list .scene.view,
#navigation #scene-list .scene.context {
background: rgba(72, 46, 28, 1);
background-origin: padding-box;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1053,7 +1156,8 @@ ul, li {
.tooltip-nobottom {
border-bottom: unset; /* If you want dots under the hoverable text */
border-bottom: unset;
/* If you want dots under the hoverable text */
}
/* Show the tooltip text when you mouse over the tooltip container */
@@ -1083,6 +1187,7 @@ ul, li {
background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
background-color: red;
}
.chat-card-button:active {
position: relative;
top: 1px;
@@ -1128,14 +1233,14 @@ ul, li {
/*************************************************************/
#pause
{
#pause {
font-size: 2rem;
}
#pause > h3
{
#pause>h3 {
color: #CCC
}
#pause>img {
content: url(../images/ui/ecryme_logo_small_01.webp);
height: 200px;
@@ -1166,23 +1271,28 @@ ul, li {
.status-small-label {
font-size: 0.65rem;
}
.no-grow {
flex-grow: 1;
max-width: 32px;
}
.status-col-name {
max-width: 72px;
}
.img-no-border {
max-width: 48px;
max-height: 48px;
border: 0px;
}
.items-title-bg {
margin-top: 6px;
color: rgba(19, 18, 18, 0.95);
}
.impact-box {
border-width: 2px;
border-color: #000000;
@@ -1191,6 +1301,7 @@ ul, li {
margin: 4px;
padding: 4px;
}
.impact-title {
font-size: bold;
display: flex;
@@ -1206,140 +1317,169 @@ ul, li {
font-family: MailartRubberstamp;
margin-left: 4px;
}
.lock-icon {
width: 16px;
height: 16px;
}
.item-sheet-img {
width: 64px;
height: auto;
border: 0;
}
.item-name-img {
flex-grow: 1;
max-width: 2rem;
min-width: 2rem;
}
.item-name-label-header {
flex-grow: 2;
max-width: 12rem;
min-width: 12rem;
}
.item-name-label-header-long {
flex-grow: 2;
max-width: 14rem;
min-width: 14rem;
}
.item-name-label-header-long2 {
flex-grow: 2;
max-width: 24rem;
min-width: 24rem;
}
.item-name-label {
flex-grow: 2;
max-width: 10rem;
min-width: 10rem;
}
.item-name-label-long {
margin-top: 4px;
flex-grow: 2;
max-width: 12rem;
min-width: 12rem;
}
.item-name-label-short {
margin-top: 4px;
flex-grow: 1;
max-width: 4rem;
min-width: 4rem;
}
.item-name-label-medium {
margin-top: 4px;
flex-grow: 2;
max-width: 6rem;
min-width: 6rem;
}
.item-name-label-medium2 {
margin-top: 4px;
flex-grow: 0;
max-width: 10rem;
min-width: 10rem;
}
.item-name-label-free {
margin-top: 4px;
align-self: flex-start;
}
.item-name-label-long2 {
margin-top: 4px;
flex-grow: 2;
max-width: 22rem;
min-width: 22rem;
}
.item-name-label-level2 {
flex-grow: 2;
max-width: 9rem;
min-width: 9rem;
}
.item-field-label-short {
margin-top: 4px;
flex-grow: 1;
max-width: 4rem;
min-width: 4rem;
}
.item-field-label-short-header {
margin-top: 4px;
flex-grow: 1;
max-width: 2.2rem;
min-width: 2.2rem;
}
.item-field-label-medium {
flex-grow: 1;
max-width: 6rem;
min-width: 6rem;
}
.item-field-skill {
flex-grow: 1;
max-width: 6.8rem;
min-width: 6.8rem;
}
.item-field-label-long {
flex-grow: 1;
max-width: 10rem;
min-width: 10rem;
}
.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: 2rem;
max-width: 2rem;
}
.item-controls-fixed-full {
min-width: 3rem;
max-width: 3rem;
}
.attribute-label {
font-weight: bold;
}
.flexrow-no-expand {
flex-grow: 0;
}
.flexrow-start {
justify-content: flex-start;
align-content: flex-start;
align-self: flex-start;
}
.item-input-small {
max-width: 16px;
max-height: 12px;
}
.character-summary-rollable {
text-decoration: underline;
}
@@ -1347,6 +1487,7 @@ ul, li {
.ecryme-roll-dialog .window-header {
border-radius: 10px 10px 0% 0%;
}
.ecryme-roll-dialog .window-content {
border-radius: 0% 0% 10px 10px;
}
@@ -1363,16 +1504,19 @@ ul, li {
.bonus-spec {
max-width: 48px;
}
.confront-bonus-container {
position: relative;
flex-grow: 1;
text-align: center;
color: black;
}
.pool-list {
align-items: center;
justify-content: center;
}
.confront-bonus-centered {
position: absolute;
top: 50%;
@@ -1386,12 +1530,14 @@ ul, li {
.dice-spec {
max-width: 64px;
}
.confront-dice-container {
position: relative;
flex-grow: 1;
text-align: center;
color: black;
}
.confront-dice-centered {
position: absolute;
top: 50%;
@@ -1401,6 +1547,7 @@ ul, li {
font-family: MailartRubberstamp;
transform: translate(-50%, -55%);
}
.confront-area {
margin: 2px;
padding: 4px;

6
welcome-message-ecryme.html
View File

@@ -1,6 +1,6 @@
<h3>Bonjour à tous !</h3>
<div>
<div class="message-chat-center">
👋 Juste un petit message pour vous informer que :
<br />
<strong
@@ -9,12 +9,12 @@
>
</div>
<div>
<div class="message-chat-center>
⚠️ Suivez la page de pré-lancement ici pour être sûr de ne pas manquer le
lancement : <a href="https://shorturl.at/qDjg7">https://shorturl.at/qDjg7</a>
</div>
<div>
<div class="message-chat-center>
Nous avons aussi un nouveau Discord pour ceux ou celles qui souhaiteraient
participer plus activement à la communauté des jeux d'Open Sesame Games, avec
un espace dédié aux écrymiens ! Nouveaux joueurs comme vétérans sont les