Stage 5
This commit is contained in:
@ -1,5 +1,5 @@
|
||||
/* ==================== (A) Fonts ==================== */
|
||||
|
||||
|
||||
:root {
|
||||
/* =================== 1. ACTOR SHEET FONT STYLES =========== */
|
||||
--window-header-title-font-size: 1.3rem;
|
||||
@ -217,8 +217,9 @@ table {border: 1px solid #7a7971;}
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 128px;
|
||||
flex: 0 0 128px;
|
||||
height: 128px;
|
||||
width: 128px;
|
||||
height: auto;
|
||||
max-height:260px;
|
||||
margin-right: 10px;
|
||||
object-fit: cover;
|
||||
object-position: 50% 0;
|
||||
@ -384,9 +385,26 @@ table {border: 1px solid #7a7971;}
|
||||
|
||||
.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-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(36, 37, 37, 0.75);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 0 none;
|
||||
background: rgba(245, 245, 241, 0.95);
|
||||
border: 1 none;
|
||||
margin-bottom: 0.25rem;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.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 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(36, 37, 37, 0.75);
|
||||
background: rgba(245, 245, 241, 0.95);
|
||||
border: 1 none;
|
||||
margin-bottom: 0.25rem;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select {
|
||||
color: rgba(36, 37, 37, 0.75);
|
||||
background: rgba(245, 245, 241, 0.95);
|
||||
border: 1 none;
|
||||
margin-bottom: 0.25rem;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.window-app .window-content, .window-app.sheet .window-content .sheet-body{
|
||||
@ -522,6 +540,12 @@ ul, li {
|
||||
padding: 0.125rem;
|
||||
flex: 1 1 5rem;
|
||||
}
|
||||
.list-item-shadow {
|
||||
background:rgba(87, 60, 32, 0.35);
|
||||
}
|
||||
.list-item-shadow2 {
|
||||
background:rgba(87, 60, 32, 0.25);
|
||||
}
|
||||
.item-display-show {
|
||||
display: block;
|
||||
}
|
||||
@ -531,11 +555,9 @@ ul, li {
|
||||
.conteneur-type {
|
||||
background: rgb(200, 10, 100, 0.25);
|
||||
}
|
||||
|
||||
.item-quantite {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.list-item-margin1 {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
@ -585,6 +607,7 @@ ul, li {
|
||||
}
|
||||
.roll-dialog-label {
|
||||
margin: 4px 0;
|
||||
min-width: 96px;
|
||||
}
|
||||
|
||||
.short-label {
|
||||
@ -884,6 +907,7 @@ ul, li {
|
||||
background: rgba(220,220,210,0.75);
|
||||
border: 2px solid #545469;
|
||||
}
|
||||
|
||||
.chat-message .chat-icon {
|
||||
border: 0;
|
||||
padding: 2px 6px 2px 2px;
|
||||
@ -892,6 +916,23 @@ ul, li {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.stat-icon {
|
||||
border: 0;
|
||||
padding: 2px 2px 2px 2px;
|
||||
max-width:32px;
|
||||
max-height:32px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.combat-icon {
|
||||
border: 0;
|
||||
padding: 2px 2px 2px 2px;
|
||||
max-width:24px;
|
||||
max-height:24px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#sidebar-tabs {
|
||||
flex: 0 0 32px;
|
||||
box-sizing: border-box;
|
||||
@ -916,23 +957,6 @@ ul, li {
|
||||
|
||||
}
|
||||
|
||||
/*#sidebar #sidebar-tabs i.fa-comments:before, #sidebar #sidebar-tabs i.fa-fist-raised:before, #sidebar #sidebar-tabs i.fa-users:before, #sidebar #sidebar-tabs i.fa-map:before, #sidebar #sidebar-tabs i.fa-suitcase:before, #sidebar #sidebar-tabs i.fa-book-open:before, #sidebar #sidebar-tabs i.fa-th-list:before, #sidebar #sidebar-tabs i.fa-music:before, #sidebar #sidebar-tabs i.fa-atlas:before, #sidebar #sidebar-tabs i.fa-cogs:before {content: "";}
|
||||
#sidebar #sidebar-tabs i.fa-comments {background: url("img/ui/icon_sidebar_chat.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-fist-raised {background: url("img/ui/icon_sidebar_fight.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-users {background: url("img/ui/icon_sidebar_actor.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-map {background: url("img/ui/icon_sidebar_scene.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-suitcase {background: url("img/ui/icon_sidebar_item.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-book-open {background: url("img/ui/icon_sidebar_journal.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-th-list {background: url("img/ui/icon_sidebar_rolltable.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-music {background: url("img/ui/icon_sidebar_music.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-atlas {background: url("img/ui/icon_sidebar_compendium.svg") no-repeat;}
|
||||
#sidebar #sidebar-tabs i.fa-cogs {background: url("img/ui/icon_sidebar_settings.svg") no-repeat;}
|
||||
|
||||
#combat #combat-controls {
|
||||
box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
|
||||
}
|
||||
*/
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
/* Control, Tool, hotbar & navigation */
|
||||
|
||||
@ -1216,3 +1240,113 @@ ul, li {
|
||||
height: 54px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
/* =================== 1. ACTOR SHEET FONT STYLES =========== *//*
|
||||
Agility AGI: #02a41d Also Used for Ranged Damage
|
||||
Mind MND: #a100fe
|
||||
Social SOC: #fd7100
|
||||
Strength STR: #5f3d00 Also Used For Melee Damage
|
||||
Physique PHY: #990304 Also used For Damage Resistance
|
||||
Combat COM: 0136ff Also Used for Melee Attack
|
||||
Defence DEF: #88826a Also used in the Defence on Combat Tab
|
||||
Stealth STL: #505050
|
||||
Perception PER: #f9c801 Also Used for Ranged Damage
|
||||
Focus FOC: #ff0084
|
||||
*/
|
||||
.color-class-agi,
|
||||
.color-class-range {
|
||||
background-color: #02a41d;
|
||||
background: #02a41d;
|
||||
}
|
||||
.color-class-mnd {
|
||||
background-color: #a100fe;
|
||||
}
|
||||
.color-class-soc {
|
||||
background-color: #fd7100;
|
||||
}
|
||||
.color-class-str,
|
||||
.color-class-meleedmg {
|
||||
background-color: #5f3d00;
|
||||
}
|
||||
.color-class-phy,
|
||||
.color-class-dmgres {
|
||||
background-color: #990304;
|
||||
}
|
||||
.color-class-com,
|
||||
.color-class-melee {
|
||||
background-color: #0136ff;
|
||||
}
|
||||
.color-class-def,
|
||||
.color-class-defence {
|
||||
background-color: #88826a;
|
||||
}
|
||||
.color-class-stl {
|
||||
background-color: #505050;
|
||||
}
|
||||
.color-class-per,
|
||||
.color-class-ranged {
|
||||
background-color: #f9c801;
|
||||
}
|
||||
.color-class-foc {
|
||||
background-color: #ff0084;
|
||||
}
|
||||
.color-class-common {
|
||||
background: rgba(185, 183, 40, 0.45);
|
||||
}
|
||||
.status-small-label {
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
.combat-button {
|
||||
min-height: 26px;
|
||||
max-height: 26px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.no-grow {
|
||||
flex-grow: 1;
|
||||
max-width: 24px;
|
||||
}
|
||||
.status-col-name {
|
||||
max-width: 48px;
|
||||
}
|
||||
.status-block {
|
||||
max-width: 128px;
|
||||
}
|
||||
.momentum-block {
|
||||
max-width: 128px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.stat-item {
|
||||
flex-grow: 1;
|
||||
justify-content: flex-start;
|
||||
margin: 2px;
|
||||
}
|
||||
.stat-block {
|
||||
min-width: 160px;
|
||||
}
|
||||
.stat-margin {
|
||||
margin-left: 4px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.combat-margin {
|
||||
margin-left: 4px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
.stat-text-white {
|
||||
color: white;
|
||||
}
|
||||
.item-stat-roll {
|
||||
max-height: 42px;
|
||||
}
|
||||
.item-stat-roll select, .item-stat-roll input {
|
||||
margin-top: 4px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.table-momentum {
|
||||
background: none;
|
||||
border: 0;
|
||||
}
|
||||
.img-no-border {
|
||||
max-width: 48px;
|
||||
max-height: 48px;
|
||||
border: 0;
|
||||
}
|
||||
60
styles/unused.html
Normal file
60
styles/unused.html
Normal file
@ -0,0 +1,60 @@
|
||||
{{!-- Carac Tab --}}
|
||||
<div class="tab items" data-group="primary" data-tab="statistics">
|
||||
|
||||
<div class="grid grid-2col">
|
||||
<div class="">
|
||||
<div class="flexrow">
|
||||
<span class="generic-label packed-left"><a class="generic-pool-roll"><button class="chat-card-button">Dice Pool</button></a></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
|
||||
<ul>
|
||||
<li class="item flexrow list-item" data-key="momentum">
|
||||
<span class="stat-label flexrow" name="momentum"> <h4>{{data.momentum.label}}</h4> </span>
|
||||
<input type="text" class="padd-right" name="data.momentum.value" value="{{data.momentum.value}}" data-dtype="Number"/>
|
||||
<input type="text" class="padd-right" name="data.momentum.max" value="{{data.momentum.max}}" data-dtype="Number"/>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<ul>
|
||||
<li class="item flexrow list-item" data-key="mr">
|
||||
<span class="stat-label flexrow" name="mr">
|
||||
<a class="roll-mr" data-stat-key="{{mr}}"><h4>{{data.mr.label}}</h4></a>
|
||||
</span>
|
||||
<select class="carac-base flexrow" type="text" name="data.mr.value" value="{{data.mr.value}}"
|
||||
data-dtype="Number" >
|
||||
{{#select data.mr.value}}
|
||||
{{{@root.optionsDiceList}}}
|
||||
{{/select}}
|
||||
</select>
|
||||
<input type="text" class="padd-right input-numeric-short" name="data.mr.mod" value="{{data.mr.mod}}" data-dtype="Number"/>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<li class="item flexrow list-item" data-attr-key="{{key}}">
|
||||
{{#each data.secondary as |stat2 key|}}
|
||||
{{#if stat2.iscombat}}
|
||||
<span class="stat-label" name="{{key}}">
|
||||
<h4>{{stat2.label}} : </h4>
|
||||
</span>
|
||||
<span class="small-label padd-right packed-left">Cur</span><input type="text" class="padd-right update-field input-numeric-short" data-field-name="data.secondary.{{key}}.value" value="{{stat2.value}}" data-dtype="Number"/>
|
||||
<span class="small-label padd-right packed-left"> Max</span><input type="text" class="padd-right update-field input-numeric-short" data-field-name="data.secondary.{{key}}.max" value="{{stat2.max}}" data-dtype="Number"/>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</li>
|
||||
<li class="item flexrow list-item" data-key="momentum">
|
||||
<span class="stat-label flexrow" name="momentum"><h4>{{data.momentum.label}}:</h4></span>
|
||||
<span class="small-label padd-right packed-left">Cur</span><input type="text" class="padd-right update-field input-numeric-short" data-field-name="data.momentum.value" value="{{data.momentum.value}}" data-dtype="Number"/>
|
||||
<span class="small-label padd-right packed-left"> Max</span><input type="text" class="padd-right update-field input-numeric-short" data-field-name="data.momentum.max" value="{{data.momentum.max}}" data-dtype="Number"/>
|
||||
</li>
|
||||
Reference in New Issue
Block a user