1196 lines
33 KiB
CSS
1196 lines
33 KiB
CSS
:root {
|
|
--font-size-standard: 0.8125rem;
|
|
--background-image-base: url("../assets/parchment.jpg");
|
|
--font-secondary: "Amiri", serif;
|
|
--logo-standard: url("../assets/tenebris-logo.webp");
|
|
}
|
|
#logo {
|
|
content: var(--logo-standard);
|
|
width: 50px;
|
|
height: 50px;
|
|
margin-left: 15px;
|
|
}
|
|
#pause > img {
|
|
content: var(--logo-standard);
|
|
height: 192px;
|
|
width: 192px;
|
|
top: -45px;
|
|
left: calc(50% - 96px);
|
|
}
|
|
i.tenebris {
|
|
width: 36px;
|
|
height: 36px;
|
|
background-image: var(--logo-standard);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
position: relative;
|
|
filter: grayscale(1);
|
|
transition: 0.3s;
|
|
}
|
|
.application.dialog.tenebris {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
background-image: var(--background-image-base);
|
|
}
|
|
.application.dialog.tenebris button:hover {
|
|
background: var(--color-dark-6);
|
|
}
|
|
.application.dialog.tenebris .legend {
|
|
font-family: var(--font-primary);
|
|
}
|
|
#tooltip.tooltip-avantages {
|
|
max-width: 550px;
|
|
text-align: left;
|
|
}
|
|
.chat-message,
|
|
.chat-message.whisper {
|
|
font-family: var(--font-primary);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .character-sheet-common label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .item-sheet-common .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .item-sheet-common label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .character-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
overflow: scroll;
|
|
}
|
|
.tenebris .character-content input:disabled,
|
|
.tenebris .character-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .character-content input,
|
|
.tenebris .character-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .character-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .character-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .character-content .form-fields input,
|
|
.tenebris .character-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .character-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .character-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .character-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .character-main {
|
|
display: flex;
|
|
/*&.character-main-play {
|
|
min-width: 1030px;
|
|
}
|
|
|
|
&.character-main-edit {
|
|
min-width: 1410px;
|
|
width: 100%;
|
|
}*/
|
|
}
|
|
.tenebris .character-main .character-personnage {
|
|
display: flex;
|
|
gap: 10px;
|
|
flex: 1;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-gauche {
|
|
min-width: 180px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-gauche .character-gauche-image {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-bottom: 20px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-gauche .character-gauche-image .character-img {
|
|
height: 140px;
|
|
width: auto;
|
|
border: none;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-gauche .character-dv .form-fields,
|
|
.tenebris .character-main .character-personnage .character-gauche .character-dmax .form-fields {
|
|
flex: none;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-gauche .character-dmax-edit input {
|
|
display: flex;
|
|
width: 60px;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 5px 0 5px;
|
|
text-align: center;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-name {
|
|
display: flex;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-name input {
|
|
width: 400px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos label {
|
|
min-width: 120px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-voie-majeure,
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-voie-mineure {
|
|
display: flex;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-voie-majeure input,
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-voie-mineure input {
|
|
width: 280px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-voie-majeure .controls,
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-voie-mineure .controls {
|
|
padding-left: 5px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-commanditaire {
|
|
display: flex;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-commanditaire input {
|
|
width: 280px;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-pv {
|
|
display: flex;
|
|
gap: 2px;
|
|
align-items: center;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-pv .character-pv-value .form-fields input {
|
|
flex: none;
|
|
width: 50px;
|
|
margin-left: 10px;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-pv .character-pv-max {
|
|
clear: both;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
margin: 3px 0;
|
|
align-items: center;
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-pv .character-pv-max input {
|
|
width: 50px;
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .character-main .character-personnage .character-droite .character-infos .character-pv .pv-separator {
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.tenebris .character-main .character-personnage-play {
|
|
min-width: 500px;
|
|
}
|
|
.tenebris .character-main .character-personnage-edit {
|
|
min-width: 650px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
flex: 1;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .rollable:hover,
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .rollable:focus {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
cursor: pointer;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .form-group {
|
|
flex: 1;
|
|
padding-left: 5px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .form-group .form-fields {
|
|
flex: none;
|
|
width: 70px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .experience {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .experience input {
|
|
display: flex;
|
|
width: 70px;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .experience input[type="number"] {
|
|
text-align: center;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .experience input[type="checkbox"] {
|
|
width: 20px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .experience input[type="checkbox"]:checked {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.tenebris .character-main .character-caracteristiques .character-caracteristique .experience input[type="checkbox"]:checked::after {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.tenebris .character-main .character-caracteristiques-play {
|
|
min-width: 225px;
|
|
}
|
|
.tenebris .character-main .character-caracteristiques-edit {
|
|
min-width: 400px;
|
|
}
|
|
.tenebris .character-main .character-ressources {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
flex: 1;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .rollable:hover,
|
|
.tenebris .character-main .character-ressources .character-ressource .rollable:focus {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
cursor: pointer;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .form-group {
|
|
flex: 1;
|
|
padding-left: 5px;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .form-group .form-fields {
|
|
flex: none;
|
|
width: 70px;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .character-ressource-edit {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .character-ressource-edit input {
|
|
display: flex;
|
|
width: 70px;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .character-ressource-edit input[type="number"] {
|
|
text-align: center;
|
|
}
|
|
.tenebris .character-main .character-ressources .character-ressource .character-ressource-edit select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.5);
|
|
text-align: center;
|
|
width: 75px;
|
|
}
|
|
.tenebris .character-main .character-ressources-play {
|
|
min-width: 235px;
|
|
}
|
|
.tenebris .character-main .character-ressources-edit {
|
|
min-width: 400px;
|
|
}
|
|
.tenebris .character-biography prose-mirror.inactive {
|
|
min-height: 40px;
|
|
}
|
|
.tenebris .character-biography prose-mirror.active {
|
|
min-height: 150px;
|
|
}
|
|
.tenebris .tab.character-items {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.tenebris .tab.character-items legend a {
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
padding-left: 5px;
|
|
}
|
|
.tenebris .tab.character-items .talents {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .talents .talent {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .talents .talent .item-img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .tab.character-items .weapons {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .weapons .weapon {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .weapons .weapon .item-img {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 5px 0 0 0;
|
|
}
|
|
.tenebris .tab.character-items .armors {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .armors .armor {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .armors .armor .item-img {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 5px 0 0 0;
|
|
}
|
|
.tenebris .tab.character-items .spells {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .spells .spell {
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
.tenebris .tab.character-items .appris {
|
|
font-weight: bold;
|
|
}
|
|
.tenebris .tab.character-items prose-mirror.inactive {
|
|
min-height: 40px;
|
|
}
|
|
.tenebris .tab.character-items prose-mirror.active {
|
|
min-height: 150px;
|
|
}
|
|
.tenebris .opponent-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
overflow: scroll;
|
|
}
|
|
.tenebris .opponent-content input:disabled,
|
|
.tenebris .opponent-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .opponent-content input,
|
|
.tenebris .opponent-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .opponent-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .opponent-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .opponent-content .form-fields input,
|
|
.tenebris .opponent-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .opponent-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .opponent-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .opponent-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .opponent-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.tenebris .opponent-header .opponent-img {
|
|
width: 100px;
|
|
height: auto;
|
|
margin: 10px;
|
|
}
|
|
.tenebris .opponent-header .character-name {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.tenebris .opponent-main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px;
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 250px;
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-caracteristiques {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-caracteristiques .form-fields {
|
|
flex: none;
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-caracteristiques .form-fields input {
|
|
width: 50px;
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-attacks legend a {
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-attacks .opponent-attack {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-spells legend a {
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
}
|
|
.tenebris .opponent-main .opponent-gauche .opponent-spells .opponent-spell {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tenebris .opponent-main .opponent-droite .opponent-description {
|
|
flex: 1;
|
|
/* Prend également l'espace disponible */
|
|
min-width: 200px;
|
|
/* Pour éviter que le contenu ne déborde */
|
|
}
|
|
.tenebris .opponent-main .opponent-droite .opponent-description prose-mirror.inactive {
|
|
min-height: 40px;
|
|
}
|
|
.tenebris .opponent-main .opponent-droite .opponent-description prose-mirror.active {
|
|
min-height: 450px;
|
|
height: 100%;
|
|
min-width: 200px;
|
|
width: 100%;
|
|
}
|
|
.tenebris .path-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .path-content input:disabled,
|
|
.tenebris .path-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .path-content input,
|
|
.tenebris .path-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .path-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .path-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .path-content .form-fields input,
|
|
.tenebris .path-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .path-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .path-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .path-content .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .path-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .path-content .path-name {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tenebris .path-content .path-name .control {
|
|
margin: 5px;
|
|
}
|
|
.tenebris .path-content .path-name img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .path-content .path-main {
|
|
display: grid;
|
|
grid-template-columns: 2fr 2fr 1fr;
|
|
/* Optionnel : supprimer le margin-right sur la dernière colonne si vous avez besoin d'un espacement précis */
|
|
}
|
|
.tenebris .path-content .path-main .profil {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
.tenebris .path-content .path-main .profil-gauche,
|
|
.tenebris .path-content .path-main .profil-droite {
|
|
flex: 1;
|
|
/* Chaque colonne prend la moitié de l'espace disponible */
|
|
padding: 10px;
|
|
/* Espacement intérieur */
|
|
}
|
|
.tenebris .path-content .path-main .profil-gauche {
|
|
margin-right: 10px;
|
|
/* Espace entre les deux colonnes */
|
|
}
|
|
.tenebris .path-content .path-main .profil-droite {
|
|
margin-right: 0;
|
|
}
|
|
.tenebris .path-content .path-main .biens prose-mirror {
|
|
height: 100%;
|
|
}
|
|
.tenebris .path-content .path-main .langues prose-mirror {
|
|
height: 100%;
|
|
}
|
|
.tenebris .path-content .path-main .description {
|
|
grid-column: span 3;
|
|
}
|
|
.tenebris .path-content .path-main .description prose-mirror.inactive {
|
|
min-height: 40px;
|
|
}
|
|
.tenebris .path-content .path-main .description prose-mirror.active {
|
|
min-height: 150px;
|
|
}
|
|
.tenebris .path-content .path-talents {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
gap: 10px;
|
|
}
|
|
.tenebris .path-content .path-talents .talent {
|
|
background-color: #f0f0f0;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .path-content .path-talents .talent .header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tenebris .path-content .path-talents .talent .header .name {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.5);
|
|
padding-left: 20px;
|
|
}
|
|
.tenebris .path-content .path-talents .talent .header .controls {
|
|
font-size: calc(var(--font-size-standard) * 0.8);
|
|
}
|
|
.tenebris .path-content .path-talents .talent .progression {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-top: 10px;
|
|
}
|
|
.tenebris .path-content .path-talents .talent .description {
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
}
|
|
.tenebris .talent-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .talent-content input:disabled,
|
|
.tenebris .talent-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .talent-content input,
|
|
.tenebris .talent-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .talent-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .talent-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .talent-content .form-fields input,
|
|
.tenebris .talent-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .talent-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .talent-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .talent-content .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .talent-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .talent-content .header {
|
|
display: flex;
|
|
}
|
|
.tenebris .talent-content .header img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .talent-content input[type="checkbox"] {
|
|
font-size: var(--font-size-14);
|
|
width: 20px;
|
|
padding-top: 0;
|
|
}
|
|
.tenebris .talent-content input[type="checkbox"]:checked {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.tenebris .talent-content input[type="checkbox"]:checked::after {
|
|
color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.tenebris .weapon-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .weapon-content input:disabled,
|
|
.tenebris .weapon-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .weapon-content input,
|
|
.tenebris .weapon-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .weapon-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .weapon-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .weapon-content .form-fields input,
|
|
.tenebris .weapon-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .weapon-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .weapon-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .weapon-content .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .weapon-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .weapon-content .header {
|
|
display: flex;
|
|
}
|
|
.tenebris .weapon-content .header img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .weapon-content label {
|
|
flex: 10%;
|
|
}
|
|
.tenebris .armor-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .armor-content input:disabled,
|
|
.tenebris .armor-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .armor-content input,
|
|
.tenebris .armor-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .armor-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .armor-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .armor-content .form-fields input,
|
|
.tenebris .armor-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .armor-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .armor-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .armor-content .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .armor-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .armor-content .header {
|
|
display: flex;
|
|
}
|
|
.tenebris .armor-content .header img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .armor-content label {
|
|
flex: 10%;
|
|
}
|
|
.tenebris .spell-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .spell-content input:disabled,
|
|
.tenebris .spell-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .spell-content input,
|
|
.tenebris .spell-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .spell-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .spell-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .spell-content .form-fields input,
|
|
.tenebris .spell-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .spell-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .spell-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .spell-content .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .spell-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .spell-content .header {
|
|
display: flex;
|
|
}
|
|
.tenebris .spell-content .header img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .spell-content label {
|
|
flex: 10%;
|
|
}
|
|
.tenebris .spell-content input[name="system.consequenceA"],
|
|
.tenebris .spell-content input[name="system.consequenceB"] {
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
}
|
|
.tenebris .attack-content {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tenebris .attack-content input:disabled,
|
|
.tenebris .attack-content select:disabled {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-color: transparent;
|
|
color: var(--color-dark-3);
|
|
}
|
|
.tenebris .attack-content input,
|
|
.tenebris .attack-content select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris .attack-content input[name="name"] {
|
|
height: 50px;
|
|
margin-right: 10px;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
.tenebris .attack-content fieldset {
|
|
margin-bottom: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.tenebris .attack-content .form-fields input,
|
|
.tenebris .attack-content .form-fields select {
|
|
text-align: center;
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .attack-content .form-fields select {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.4);
|
|
}
|
|
.tenebris .attack-content legend {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
.tenebris .attack-content .form-fields {
|
|
padding-top: 5px;
|
|
}
|
|
.tenebris .attack-content label {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.6);
|
|
flex: 50%;
|
|
}
|
|
.tenebris .attack-content .header {
|
|
display: flex;
|
|
}
|
|
.tenebris .attack-content .header img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.tenebris .attack-content label {
|
|
flex: 10%;
|
|
}
|
|
.tenebris.fortune img {
|
|
border: 0px;
|
|
}
|
|
.tenebris.fortune .intro-chat {
|
|
border-radius: 20px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.tenebris.fortune .intro-chat .intro-img {
|
|
padding: 5px;
|
|
width: 80px;
|
|
align-self: center;
|
|
}
|
|
.tenebris.fortune .intro-chat .intro-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.tenebris.fortune .intro-chat .intro-right .introText {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
width: 210px;
|
|
text-align: center;
|
|
}
|
|
.tenebris.fortune .button.control,
|
|
.tenebris.fortune .fortune-accepted {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: calc(var(--font-size-standard) * 1.3);
|
|
}
|
|
.tenebris.ask-roll {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
}
|
|
.application.dialog.tenebris {
|
|
color: var(--color-dark-1);
|
|
}
|
|
.application.dialog.tenebris input,
|
|
.application.dialog.tenebris select {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-color: var(--color-dark-6);
|
|
color: var(--color-dark-2);
|
|
}
|
|
.tenebris-roll-dialog fieldset {
|
|
padding: 10px;
|
|
}
|
|
input[name="selectAvantages"] {
|
|
border: none;
|
|
}
|
|
.dialog-aide-gene {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.dialog-aide-gene select {
|
|
border: none;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: var(--color-dark-2);
|
|
width: 60px;
|
|
text-align: center;
|
|
}
|
|
.dialog-modificateur {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.dialog-modificateur select {
|
|
border: none;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
color: var(--color-dark-2);
|
|
width: 60px;
|
|
text-align: center;
|
|
}
|
|
.dialog-avantages #selectAvantages {
|
|
background-color: inherit;
|
|
text-align: center;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
}
|
|
.dialog-damage,
|
|
.dialog-resource,
|
|
.dialog-save {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 2);
|
|
color: var(--color-dark-1);
|
|
}
|
|
.dice-roll {
|
|
flex-direction: column;
|
|
}
|
|
.dice-roll .dice-total,
|
|
.dice-roll .dice-formula {
|
|
padding-top: 5px;
|
|
}
|
|
.dice-roll .dice-total {
|
|
margin-bottom: 5px;
|
|
}
|
|
.dice-roll .message-header {
|
|
font-family: var(--font-primary);
|
|
}
|
|
.dice-roll img {
|
|
border: 0px;
|
|
}
|
|
.dice-roll .intro-chat {
|
|
border-radius: 20px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.dice-roll .intro-chat .intro-img {
|
|
padding: 5px;
|
|
width: 80px;
|
|
align-self: center;
|
|
}
|
|
.dice-roll .intro-chat .intro-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.dice-roll .intro-chat .intro-right .introText {
|
|
font-family: var(--font-secondary);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
width: 210px;
|
|
margin-left: 20px;
|
|
}
|
|
.dice-roll .result {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
text-shadow: 0 0 10px var(--color-shadow-primary);
|
|
}
|
|
#tenebris-application-fortune {
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
color: var(--color-light-1);
|
|
}
|
|
#tenebris-application-fortune menu .rollable:hover,
|
|
#tenebris-application-fortune menu .rollable:focus {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
#tenebris-application-fortune section {
|
|
background-image: url("../assets/background-small.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
padding: 0;
|
|
}
|
|
#tenebris-application-fortune .application-fortune {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: calc(var(--font-size-standard) * 3);
|
|
}
|
|
#tenebris-application-fortune .application-fortune button {
|
|
color: var(--color-light-1);
|
|
font-size: calc(var(--font-size-standard) * 1.2);
|
|
margin-top: 10px;
|
|
border: none;
|
|
background-color: inherit;
|
|
}
|
|
#tenebris-application-fortune .application-fortune-gm {
|
|
justify-content: flex-end;
|
|
}
|
|
#tenebris-application-fortune .application-fortune-player {
|
|
justify-content: space-between;
|
|
}
|
|
#tenebris-application-manager {
|
|
display: flex;
|
|
font-family: var(--font-primary);
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
color: var(--color-dark-1);
|
|
background-image: var(--background-image-base);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
#tenebris-application-manager .tenebris-table {
|
|
margin: 1rem;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
#tenebris-application-manager .tenebris-table .player {
|
|
font-size: calc(var(--font-size-standard) * 1);
|
|
}
|