VincentVk/foundryvtt-reve-de-dragon
0
0
Fork 0
forked from public/foundryvtt-reve-de-dragon
Code Issues Pull Requests Projects Releases Wiki Activity

Améliorations des boutons fontawesome&css

Browse Source
This commit is contained in:
Vincent Vandemeulebrouck
2022-08-27 22:58:26 +02:00
parent e4da124579
commit dbf9f5e908
12 changed files with 109 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
styles/simple.css
View File

@ -65,7 +65,11 @@
--debug-box-shadow-blue: inset 0 0 2px blue;
--debug-box-shadow-green: inset 0 0 2px green;
/* =================== 3. some constants ============ */
/* =================== 3. some constants ============ */
--color-controls:rgba(0, 0, 0, 0.9);
--color-controls-hover:rgba(255, 255, 128, 0.7);
--color-control-border-hover:rgba(255, 128, 0, 0.8);
--color-gold: rgba(191, 149, 63, 0.8);
--gradient-gold: linear-gradient(30deg, rgba(191, 149, 63, 0.3), rgba(252, 246, 186, 0.3), rgba(179, 135, 40, 0.3), rgba(251, 245, 183, 0.3), rgba(170, 119, 28, 0.3));
--gradient-silver: linear-gradient(30deg, rgba(61, 55, 93, 0.3), rgba(178, 179, 196, 0.3), rgba(59, 62, 63, 0.6), rgba(206, 204, 199, 0.3), rgba(61, 46, 49, 0.3));
--gradient-green: linear-gradient(30deg, rgba(7, 76, 0, 0.3), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.1), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.3));
@ -104,6 +108,9 @@
.strong-text{
font-weight: bold;
}
i:is(.fas, .far) {
font-size: smaller;
}
.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
text-shadow: 1px 0px 0px #ff6600;
@ -286,14 +293,8 @@ table {border: 1px solid #7a7971;}
height: 8%;
max-height: 48px;
border-width: 0;
border: 1px solid rgba(0, 0, 0, 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;
@ -301,9 +302,16 @@ table {border: 1px solid #7a7971;}
height: 16;
border-width: 0;
}
.button-effect-img:hover {
color: rgba(255, 255, 128, 0.7);
border: 1px solid rgba(255, 128, 0, 0.8);
.small-button-direction {
height: 32px;
width: 32px;
border: 0;
vertical-align: bottom;
}
:is(.button-img,.button-effect-img:hover,.small-button-direction):hover {
color: var(--color-controls-hover);
border: 1px solid var(--color-control-border-hover);
text-shadow: 1px 0px 0px #ff6600;
cursor: pointer;
}
@ -314,18 +322,6 @@ table {border: 1px solid #7a7971;}
vertical-align: bottom;
}
.small-button-direction {
height: 32px;
width: 32px;
border: 0;
vertical-align: bottom;
}
.small-button-direction:hover {
color: rgba(255, 255, 128, 0.7);
border: 1px solid rgba(255, 128, 0, 0.8);
cursor: pointer;
}
.foundryvtt-reve-de-dragon .sheet-header .header-fields {
-webkit-box-flex: 1;
-ms-flex: 1;
@ -489,13 +485,18 @@ table {border: 1px solid #7a7971;}
flex: 0 0 86px;
text-align: right;
}
.competence-list .item-controls {
display: contents !important;
}
.competence-list .item-controls.hidden-controls {
display: none !important;
}
.item-controls i:is(.fas,.far) {
color: var(--color-controls);
}
.item-controls i:is(.fas,.far):hover {
opacity: 0.7 ;
}
.rdddialog .dialog-roll-sort s{
width: 600px;
@ -647,11 +648,15 @@ section.sheet-body:after {
.sheet header.sheet-header .flex-compteurs {text-align: right;}
.sheet header.sheet-header .resource-content {width: 2rem;}
.ctn-vie span, .ctn-endu span, .ctn-fatigue span, .ctn-reve span {
.compteur span {
display: inline-block;
text-align: left;
width: 2rem;
}
.compteur a i:is(.fas,.far):hover {
opacity: 0.7 ;
}
.select-diff {
display: inline-block;
text-align: left;
@ -664,17 +669,6 @@ section.sheet-body:after {
max-width: 90%;
}
.plus-moins {
display: inline-block;
width: 1.25rem;
background: rgba(30, 25, 20, 1);
text-align: center;
border: 1px solid rgba(72, 46, 28, 1);
border-radius: 0.25rem;
line-height: 1.25rem;
color: rgba(255, 255, 255, 0.5);
}
.alchimie-tache {
font-weight: bold;
background: rgb(182, 180, 179);
@ -761,14 +755,8 @@ ul, li {
.niveau-archetype {
background: var(--gradient-silver-light) !important;
}
.fa-arrow-alt-circle-up.allouer-stress {
color: rgba(83, 60, 14, 0.8);
}
.fa-arrow-alt-circle-up.allouer-stress-level-up {
color: rgba(191, 149, 63, 0.8);
}
i.fas, i.far {
font-size: smaller;
.item-controls i.fas.allouer-stress.level-up {
color: var(--color-gold);
}
.blessures-list ul {
display: flex;
@ -1006,7 +994,7 @@ i.fas, i.far {
border-left: none;
font-weight: 500;
font-size: 1rem;
color: black;
color: var(--color-controls);
padding-top: 5px;
margin-right: 0px;
width: 45px;
@ -1184,11 +1172,11 @@ i.fas, i.far {
border-image-width: 4px;
border-image-outset: 0px;
}
#controls .control-tools {
max-height: calc(100vh - 156px);
height: auto;
#controls .control-tools {
max-height: calc(100vh - 156px);
height: auto;
}
#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
#controls :is(.scene-control.active,.control-tool.active, .scene-control:hover, .control-tool:hover) {
background: rgba(72, 46, 28, 1);
background-origin: padding-box;
border-image: url(img/ui/footer-button.webp) 10 repeat;
@ -1374,8 +1362,8 @@ i.fas, i.far {
color: rgba(255, 255, 255, 0.5);
}
.calendar-btn:hover {
color: rgba(255, 255, 128, 0.7);
border: 1px solid rgba(255, 128, 0, 0.8);
color: var(--color-controls-hover);
border: 1px solid var(--color-control-border-hover);
cursor: pointer;
}