mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
update yaml
This commit is contained in:
Cassie Levett
+432
-11
@@ -1,4 +1,4 @@
|
||||
/* Roll20 - Fiche Insectopia V1.0 by Giovanninatale & Surfandko */
|
||||
/* Roll20 - Fiche Insectopia V2 by Giovanninatale & Surfandko */
|
||||
|
||||
/* classe affichage hexagon */
|
||||
.sheet-hexagon {
|
||||
@@ -30,6 +30,11 @@
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
.sheet-hexagon-central {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.sheet-hexagon-alonge {
|
||||
height: 45px;
|
||||
width: 175px;
|
||||
@@ -60,7 +65,17 @@
|
||||
width: calc(100% - 2px); /* 100% - (2 * border width) */
|
||||
background: white;
|
||||
}
|
||||
.sheet-hexagon-central:before {
|
||||
top: 1px; /* border width */
|
||||
left: 1px; /* border width */
|
||||
height: calc(100% - 2px); /* 100% - (2 * border width) */
|
||||
width: calc(100% - 2px); /* 100% - (2 * border width) */
|
||||
background: white;
|
||||
}
|
||||
|
||||
.sheet-hexagon-central, .sheet-hexagon-central:before{
|
||||
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
|
||||
}
|
||||
.sheet-hexagon-petit, .sheet-hexagon-petit:before{
|
||||
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
|
||||
}
|
||||
@@ -202,6 +217,24 @@
|
||||
overflow: hidden;
|
||||
width:145px;
|
||||
}
|
||||
.sheet-diagonale-hexagon-petit{
|
||||
position:relative;
|
||||
left:38px;
|
||||
top:-22px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.sheet-droite-libelle{
|
||||
position:relative;
|
||||
left:66px;
|
||||
top:6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.sheet-droite2-libelle{
|
||||
position:relative;
|
||||
left:38px;
|
||||
top:6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* classe affichage hexagones en diagonales */
|
||||
.sheet-col2{
|
||||
@@ -235,7 +268,125 @@
|
||||
top:7px;
|
||||
clip-path: circle(50% at 50% 50%);
|
||||
}
|
||||
/* */
|
||||
.sheet-rolltemplate-blattes10 .sheet-circle,.sheet-circle {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
position: relative;
|
||||
float: left;
|
||||
left:7px;
|
||||
top:7px;
|
||||
clip-path: circle(50% at 50% 50%);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-blattes10 div.sheet-tableau-blatte {
|
||||
display: grid;
|
||||
grid-template-columns: 30px 30px 30px 30px 30px;
|
||||
/*grid-template-rows: 30px 30px;*/
|
||||
column-gap: 5px;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 div.sheet-roll-entete {
|
||||
display: grid;
|
||||
grid-template-columns: 150px;
|
||||
/*grid-template-rows: 30px 30px;*/
|
||||
column-gap: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 div.sheet-blackboxlarge {
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
/* */
|
||||
.sheet-rolltemplate-reussitecompetence .sheet-circle,.sheet-circle {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
position: relative;
|
||||
float: left;
|
||||
left:7px;
|
||||
top:7px;
|
||||
clip-path: circle(50% at 50% 50%);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-reussitecompetence div.sheet-tableau-blatte-texte {
|
||||
display: grid;
|
||||
grid-template-columns: 50px 150px;
|
||||
grid-template-rows: 50px 50px;
|
||||
column-gap: 0px;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetence div.sheet-roll-entete {
|
||||
display: grid;
|
||||
grid-template-columns: 150px;
|
||||
/*grid-template-rows: 30px 30px;*/
|
||||
column-gap: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetence div.sheet-blackboxlarge {
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
/* */
|
||||
.sheet-rolltemplate-reussitecompetencecombat .sheet-circle,.sheet-circle{
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
position: relative;
|
||||
float: left;
|
||||
left:7px;
|
||||
top:7px;
|
||||
clip-path: circle(50% at 50% 50%);
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat div.sheet-roll-entete {
|
||||
display: grid;
|
||||
grid-template-columns: 150px;
|
||||
/*grid-template-rows: 30px 30px;*/
|
||||
column-gap: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat div.sheet-tableau-blatte-texte{
|
||||
display: grid;
|
||||
grid-template-columns: 50px 150px;
|
||||
grid-template-rows: 45px;
|
||||
column-gap: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-reussitecompetencecombat div.sheet-tableau-blatte-degats{
|
||||
display: grid;
|
||||
grid-template-columns: 30px 30px 30px 30px 30px;
|
||||
column-gap: 5px;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat div.sheet-blackboxlarge {
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
/* */
|
||||
.sheet-rolltemplate-reussitedegats .sheet-circle,.sheet-circle{
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
position: relative;
|
||||
float: left;
|
||||
left:7px;
|
||||
top:7px;
|
||||
clip-path: circle(50% at 50% 50%);
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats div.sheet-roll-entete {
|
||||
display: grid;
|
||||
grid-template-columns: 150px;
|
||||
/*grid-template-rows: 30px 30px;*/
|
||||
column-gap: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats div.sheet-tableau-blatte-texte{
|
||||
display: grid;
|
||||
grid-template-columns: 50px 150px;
|
||||
grid-template-rows: 50px;
|
||||
column-gap: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats div.sheet-blackboxlarge {
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
/* cercles */
|
||||
.sheet-circle-small{
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
@@ -333,26 +484,107 @@
|
||||
top:35px;
|
||||
}
|
||||
|
||||
/* rolltemplate1 blatte */
|
||||
.sheet-rolltemplate-blattes .sheet-circle-black,.sheet-circle-black {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-blattes .sheet-circle-gray,.sheet-circle-gray {
|
||||
background: lightgrey;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-blattes .sheet-circle-blue,.sheet-circle-blue {
|
||||
background: blue;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-blattes .sheet-circle-green,.sheet-circle-green {
|
||||
background: green;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-blattes .sheet-circle-red,.sheet-circle-red {
|
||||
background: red;
|
||||
}
|
||||
|
||||
/* rolltemplate1 blatte 10 */
|
||||
.sheet-rolltemplate-blattes10 .sheet-circle-black,.sheet-circle-black {
|
||||
background: black;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 .sheet-circle-gray,.sheet-circle-gray {
|
||||
background: lightgrey;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 .sheet-circle-blue,.sheet-circle-blue {
|
||||
background: blue;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 .sheet-circle-green,.sheet-circle-green {
|
||||
background: green;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 .sheet-circle-red,.sheet-circle-red {
|
||||
background: red;
|
||||
}
|
||||
.sheet-rolltemplate-blattes10 a[href^="!"],
|
||||
.sheet-rolltemplate-blattes10 a[href^="~"]{
|
||||
background-color: transparent;
|
||||
padding: 5px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
border: 0px solid white;
|
||||
}
|
||||
|
||||
/* rolltemplate1 reussitecompetence */
|
||||
.sheet-rolltemplate-reussitecompetence .sheet-circle-black,.sheet-circle-black {
|
||||
background: black;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetence .sheet-circle-gray,.sheet-circle-gray {
|
||||
background: lightgrey;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetence .sheet-circle-blue,.sheet-circle-blue {
|
||||
background: blue;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetence .sheet-circle-green,.sheet-circle-green {
|
||||
background: green;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetence .sheet-circle-red,.sheet-circle-red {
|
||||
background: red;
|
||||
}
|
||||
|
||||
/* rolltemplate1 reussitecompetencecombat */
|
||||
.sheet-rolltemplate-reussitecompetencecombat .sheet-circle-black,.sheet-circle-black {
|
||||
background: black;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat .sheet-circle-gray,.sheet-circle-gray {
|
||||
background: lightgrey;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat .sheet-circle-blue,.sheet-circle-blue {
|
||||
background: blue;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat .sheet-circle-green,.sheet-circle-green {
|
||||
background: green;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat .sheet-circle-red,.sheet-circle-red {
|
||||
background: red;
|
||||
}
|
||||
.sheet-rolltemplate-reussitecompetencecombat a[href^="!"],
|
||||
.sheet-rolltemplate-reussitecompetencecombat a[href^="~"]{
|
||||
background-color: transparent;
|
||||
padding: 5px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
border: 0px solid white;
|
||||
}
|
||||
|
||||
/* rolltemplate1 reussitedegats */
|
||||
.sheet-rolltemplate-reussitedegats .sheet-circle-black,.sheet-circle-black {
|
||||
background: black;
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats .sheet-circle-gray,.sheet-circle-gray {
|
||||
background: lightgrey;
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats .sheet-circle-blue,.sheet-circle-blue {
|
||||
background: blue;
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats .sheet-circle-green,.sheet-circle-green {
|
||||
background: green;
|
||||
}
|
||||
.sheet-rolltemplate-reussitedegats .sheet-circle-red,.sheet-circle-red {
|
||||
background: red;
|
||||
}
|
||||
|
||||
/* Caractéristiques hexagon central */
|
||||
.sheet-label-antenne {
|
||||
position: relative;
|
||||
@@ -361,6 +593,24 @@
|
||||
top:80px;
|
||||
}
|
||||
|
||||
.sheet-chevauche-central{
|
||||
position:relative;
|
||||
left:34px;
|
||||
top:32px;
|
||||
}
|
||||
.sheet-chevauche-central-1{
|
||||
position:relative;
|
||||
left:-7px;
|
||||
top:-1px;
|
||||
font-size:11px;
|
||||
}
|
||||
.sheet-chevauche-central-2{
|
||||
position:relative;
|
||||
left:-20px;
|
||||
top:1px;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.sheet-label-mandibules {
|
||||
}
|
||||
.sheet-label-chitine {
|
||||
@@ -383,6 +633,13 @@
|
||||
top:42px;
|
||||
}
|
||||
|
||||
.sheet-hexagon-central {
|
||||
position: relative;
|
||||
float: left;
|
||||
left:-16px;
|
||||
top:30px;
|
||||
}
|
||||
|
||||
/* GRID */
|
||||
.sheet-entete{
|
||||
display: grid;
|
||||
@@ -424,9 +681,14 @@
|
||||
|
||||
.sheet-caste-competence-capacite{
|
||||
display: grid;
|
||||
grid-template-columns: 190px 460px 190px;
|
||||
grid-template-columns: 190px 440px 190px;
|
||||
column-gap: 16px;
|
||||
}
|
||||
.sheet-aff-competence-capacite {
|
||||
display: grid;
|
||||
grid-template-columns: 15px 200px;
|
||||
}
|
||||
|
||||
.sheet-grid{
|
||||
display: grid;
|
||||
}
|
||||
@@ -446,6 +708,7 @@
|
||||
.sheet-center{
|
||||
justify-self:center;
|
||||
}
|
||||
|
||||
/* Compétences hexagon central */
|
||||
/* ligne 1 */
|
||||
.sheet-label-pheromone {
|
||||
@@ -506,6 +769,15 @@
|
||||
position: relative;
|
||||
right: 14px;
|
||||
}
|
||||
.sheet-hexagone-central{
|
||||
grid-column-start: 4;
|
||||
grid-column-end: 7;
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 6;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
/* ligne 3*/
|
||||
.sheet-hexagone-mandibule{
|
||||
@@ -724,11 +996,11 @@ position: relative;
|
||||
/* Magie */
|
||||
.sheet-partie-magie{
|
||||
display: grid;
|
||||
grid-template-columns: 800px;
|
||||
grid-template-columns: 15px 800px;
|
||||
}
|
||||
.sheet-magie-label-jeteur{
|
||||
display: grid;
|
||||
grid-template-columns: 200px 250px;
|
||||
grid-template-columns: 160px 160px;
|
||||
}
|
||||
.sheet-magie{
|
||||
display: grid;
|
||||
@@ -774,6 +1046,11 @@ input.sheet-CSSJetPGM:checked + span.sheet-CSSJetPGM
|
||||
}
|
||||
|
||||
/* Fiche pnj */
|
||||
.sheet-pnj-jets {
|
||||
display: grid;
|
||||
grid-template-columns: 600px 300px;
|
||||
column-gap: 20px;
|
||||
}
|
||||
.sheet-tableau-pnj {
|
||||
display: grid;
|
||||
grid-template-columns: 600px;
|
||||
@@ -781,18 +1058,33 @@ input.sheet-CSSJetPGM:checked + span.sheet-CSSJetPGM
|
||||
.sheet-tableau-pnj-entete {
|
||||
display: grid;
|
||||
grid-template-columns: 600px;
|
||||
grid-template-rows: 37px 37px;
|
||||
grid-template-rows: 37px;
|
||||
}
|
||||
.sheet-tableau-pnj-race-aff {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 60px 240px 10px 55px 100px;
|
||||
}
|
||||
.sheet-tableau-pnj-caracteristiques {
|
||||
display: grid;
|
||||
grid-template-columns: 200px 200px 200px;
|
||||
grid-template-rows: 37px 37px 37px;
|
||||
}
|
||||
.sheet-tableau-pnj-detaille-caracteristiques {
|
||||
display: grid;
|
||||
grid-template-columns: 200px 200px 200px;
|
||||
}
|
||||
.sheet-tableau-pnj-caracteristique-aff {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 130px 60px;
|
||||
}
|
||||
|
||||
.sheet-tableau-pnj-caracteristique-aff2 {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 70px 60px 60px;
|
||||
}
|
||||
.sheet-tableau-pnj-echelle-aff {
|
||||
display: grid;
|
||||
grid-template-columns: 10px 55px 130px;
|
||||
}
|
||||
.sheet-tableau-pnj-armes-capacites {
|
||||
display: grid;
|
||||
grid-template-columns: 300px 300px;
|
||||
@@ -804,4 +1096,133 @@ input.sheet-CSSJetPGM:checked + span.sheet-CSSJetPGM
|
||||
}
|
||||
.sheet-blackboxlarge {
|
||||
border: 2px solid black;
|
||||
}
|
||||
}
|
||||
|
||||
.sheet-tableau-pnj-informations {
|
||||
display: grid;
|
||||
grid-template-columns: 150px 150px 150px 150px;
|
||||
grid-template-rows: 35px 35px;
|
||||
}
|
||||
/* affichage selon coche des informations détaillées */
|
||||
.sheet-souvenir-info {
|
||||
display: none;
|
||||
}
|
||||
input.sheet-souvenir-info-button:checked ~ div.sheet-souvenir-info {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* non affichage */
|
||||
.sheet-invisible {
|
||||
display: none;
|
||||
}
|
||||
/* affichage selon bascule pnj simple / pnj détaillé */
|
||||
input.sheet-pnj-affiche:checked ~ div.sheet-pnj-detaille,
|
||||
input.sheet-pnj-affiche:not(:checked) ~ div.sheet-pnj-simple, {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* affichage selon bascule caracteristiques pnj simple / caracteristiques pnj détaillé */
|
||||
input.sheet-pnj-affiche-caracteristiques:checked ~ div.sheet-pnj-caracteristiques-detaille,
|
||||
input.sheet-pnj-affiche-caracteristiques:not(:checked) ~ div.sheet-pnj-caracteristiques-simple, {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* bascule fiche joueur / fiche non joueur / paramètres */
|
||||
div.sheet-tab-content {
|
||||
display: none;
|
||||
}
|
||||
input.sheet-tab:checked ~ div.sheet-tab2,
|
||||
input.sheet-tab:not(:checked) ~ div.sheet-tab1, {
|
||||
display: block;
|
||||
}
|
||||
div.sheet-sub-tab-content {
|
||||
display: none;
|
||||
}
|
||||
input.sheet-sub-tab:checked ~ div.sheet-sub-tab1,
|
||||
input.sheet-sub-tab:not(:checked) ~ div.sheet-sub-tab2, {
|
||||
display: block;
|
||||
}
|
||||
input.sheet-tab-content {
|
||||
float:right;
|
||||
opacity: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
top: 15px;
|
||||
left: -10px;
|
||||
margin: -10px;
|
||||
}
|
||||
input[type="checkbox"].sheet-tab-content + span::before {
|
||||
float:right;
|
||||
text-align: center;
|
||||
font-family: "Pictos";
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
content: "y";
|
||||
}
|
||||
input[type="checkbox"].sheet-tab-content:checked + span::before {
|
||||
content: "H";
|
||||
}
|
||||
input.sheet-sub-tab-content {
|
||||
float:right;
|
||||
opacity: 0;
|
||||
width: 75px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
top: -20px;
|
||||
left: -61px;
|
||||
margin: -10px;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
input[type="checkbox"].sheet-sub-tab-content + span::before {
|
||||
float:right;
|
||||
position: relative;
|
||||
top: -33px;
|
||||
left: -35px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
content: "Fiche non joueur";
|
||||
border: 1px solid black;
|
||||
padding: 2px;
|
||||
}
|
||||
input[type="checkbox"].sheet-sub-tab-content:checked + span::before {
|
||||
content: "Fiche Joueur";
|
||||
}
|
||||
|
||||
/* Affichage libellé sur span */
|
||||
/* Tooltip container */
|
||||
.sheet-tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.sheet-tooltip .sheet-tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 225px;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: justify;
|
||||
padding: 5px 10px;
|
||||
border-radius: 6px;
|
||||
|
||||
/* Position the tooltip text - see examples below! */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.sheet-tooltip:hover .sheet-tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
.sheet-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user