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

Manage spec/skills

Browse Source
This commit is contained in:
LeRatierBretonnien
2023-05-03 20:05:31 +02:00
parent 06d91f11f1
commit 08f0aba1d8
17 changed files with 1567 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
styles/ecryme.css
View File

@ -1,7 +1,7 @@
/* ==================== (A) Fonts ==================== */
@font-face {
font-family: "MailartRubberstamp";
src: url('../fonts/MailartRubberstamp-Regular.otf') format("otf");
src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff");
}
:root {
@ -25,12 +25,12 @@
--actor-label-font-size: 0.8rem;
--actor-label-font-weight: 700;
--actor-label-color: #464331c4;
--actor-label-color: rgba(70,67,49,0.76863);
/* =================== 2. DEBUGGING HIGHLIGHTERS ============ */
--debug-background-color-red: #ff000054;
--debug-background-color-blue: #1d00ff54;
--debug-background-color-green: #54ff0054;
--debug-background-color-red: rgba(255,0,0,0.32941);
--debug-background-color-blue: rgba(29,0,255,0.32941);
--debug-background-color-green: rgba(84,255,0,0.32941);
--debug-box-shadow-red: inset 0 0 2px red;
--debug-box-shadow-blue: inset 0 0 2px blue;
@ -95,6 +95,7 @@ table {border: 1px solid #7a7971;}
display: grid;
grid-column: span 2 / span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 10px;
gap: 10px;
margin: 10px 0;
padding: 0;
@ -153,36 +154,24 @@ table {border: 1px solid #7a7971;}
.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;
}
@ -192,8 +181,6 @@ table {border: 1px solid #7a7971;}
}
.flex-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@ -203,36 +190,26 @@ table {border: 1px solid #7a7971;}
/* Styles limited to sheets */
.fvtt-ecryme .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-ecryme .sheet-header .profile-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 128px;
flex: 0 0 128px;
width: 128px;
height: auto;
max-height:128px;
margin-top: 0px;
margin-right: 10px;
object-fit: cover;
object-position: 50% 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
border-width: 0px;
}
.profile-img-container {
@ -272,8 +249,6 @@ table {border: 1px solid #7a7971;}
}
.fvtt-ecryme .sheet-header .header-fields {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@ -293,8 +268,6 @@ table {border: 1px solid #7a7971;}
}
.fvtt-ecryme .sheet-tabs {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
font-family: MailartRubberstamp;
font-size: 2.2rem;
@ -374,8 +347,6 @@ table {border: 1px solid #7a7971;}
}
.fvtt-ecryme .items-list .item .item-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
margin-right: 5px;
}
@ -389,8 +360,6 @@ table {border: 1px solid #7a7971;}
}
.fvtt-ecryme .items-list .item-controls {
-webkit-box-flex: 0;
-ms-flex: 0 0 86px;
flex: 0 0 86px;
text-align: right;
}
@ -459,8 +428,10 @@ select {
section.sheet-body{padding: 0.25rem 0.5rem;}
.sheet header.sheet-header .profile-img {
object-fit: cover;
object-position: 50% 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
margin: 0.5rem 0 0.5rem 0.5rem;
padding: 0;
}
@ -745,7 +716,9 @@ ul, li {
left: 4rem;
}
.control-icon.tokenhudicon {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
min-width: 6rem;
flex-basis: auto;
@ -766,7 +739,7 @@ ul, li {
/* ======================================== */
.item-checkbox {
height: 25px;
border: 1px solid #736953a6;
border: 1px solid rgba(115,105,83,0.65098);
border-left: none;
font-weight: 500;
font-size: 1rem;
@ -975,7 +948,8 @@ ul, li {
border-radius: 0;
background: rgba(30, 25, 20, 1);
background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
border-image: url(img/ui/footer-button.png) 10 repeat;
border-image-width: 4px;
border-image-outset: 0px;
}
@ -983,7 +957,8 @@ ul, li {
#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;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
border-image: url(img/ui/footer-button.png) 10 repeat;
border-image-width: 4px;
border-image-outset: 0px;
box-shadow: 0 0 3px #ff6400;
@ -995,7 +970,8 @@ ul, li {
}
#hotbar #action-bar .macro {
border-image: url(img/ui/bg_control.jpg) 21 repeat;
-o-border-image: url(img/ui/bg_control.jpg) 21 repeat;
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;
@ -1008,7 +984,8 @@ ul, li {
}
#players {
border-image: url(img/ui/footer-button.png) 10 repeat;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
border-image: url(img/ui/footer-button.png) 10 repeat;
border-image-width: 4px;
border-image-outset: 0px;
background: rgba(30, 25, 20, 1);
@ -1021,7 +998,8 @@ ul, li {
#navigation #scene-list .scene.nav-item {
background: rgba(30, 25, 20, 1);
background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
border-image: url(img/ui/footer-button.png) 10 repeat;
border-image-width: 4px;
border-image-outset: 0px;
}
@ -1029,7 +1007,8 @@ ul, li {
#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;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
border-image: url(img/ui/footer-button.png) 10 repeat;
border-image-width: 4px;
border-image-outset: 0px;
box-shadow: 0 0 3px #ff6400;
@ -1038,7 +1017,8 @@ ul, li {
#navigation #nav-toggle {
background: rgba(30, 25, 20, 1);
background-origin: padding-box;
border-image: url(img/ui/footer-button.png) 10 repeat;
-o-border-image: url(img/ui/footer-button.png) 10 repeat;
border-image: url(img/ui/footer-button.png) 10 repeat;
border-image-width: 4px;
border-image-outset: 0px;
}
@ -1082,8 +1062,8 @@ ul, li {
.chat-card-button {
box-shadow: inset 0px 1px 0px 0px #a6827e;
background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%);
background-color: #7d5d3b00;
background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%);
background-color: rgba(125,93,59,0);
border-radius: 3px;
border: 2px ridge #846109;
display: inline-block;
@ -1108,8 +1088,8 @@ ul, li {
.plus-minus-button {
box-shadow: inset 0px 1px 0px 0px #a6827e;
background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%);
background-color: #7d5d3b00;
background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%);
background-color: rgba(125,93,59,0);
border-radius: 2px;
border: 1px ridge #846109;
display: inline-block;
@ -1241,8 +1221,8 @@ ul, li {
.item-name-label-long {
margin-top: 4px;
flex-grow:2;
max-width: 10rem;
min-width: 10rem;
max-width: 12rem;
min-width: 12rem;
}
.item-name-label-short {
flex-grow:1;