Pendragon french Character sheet update (#6242)

* maj 2020, fix rll >20 + roll template

* Pendragon french sheet : many improvments, read readme file

* new layout + tabs

* new fields coat of arms + motto + layout fixes

* readme update

* relative links for images

* new screenshot

Co-authored-by: Thierry Mattray <thierry.mattray@consertotech.pro>
This commit is contained in:
Tontione
2020-04-20 16:55:38 -04:00
committed by GitHub
co-authored by Thierry Mattray
parent 714cd73eb7
commit a258f70992
6 changed files with 2217 additions and 751 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

+620 -66
View File
@@ -1,3 +1,25 @@
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
-moz-appearance: number-input;
}
.charsheet{
--pendragon-blue: #16619b;
--pale-yellow: #fffbca;
}
h2, h3 {
color: var(--pendragon-blue);
}
input, label {
display: inline;
}
/* TABS */
div.sheet-tab-content { display: none; }
@@ -10,87 +32,260 @@ input.sheet-tab5:checked ~ div.sheet-tab5
display: block;
}
div.sheet-cale {
display:inline;
}
.charsheet div.sheet-tab-content.sheet-tab2 {
margin-left: 0px;
padding-left: 10px;
}
.charsheet div.sheet-tab-content.sheet-tab3 {
margin-left: 0px;
padding-left: 10px;
}
.charsheet div.sheet-tab-content.sheet-tab4 {
margin-left: 0px;
padding-left: 10px;
}
.charsheet div.sheet-tab-content.sheet-tab5 {
margin-left: 0px;
padding-left: 10px;
padding-top: 10px;
}
.sheet-logo {
max-height: 100px;
}
.sheet-center{
text-align: center;
}
div.sheet-center {
width:100%;
}
.sheet-big {
font-size: 1.5em;
color: var(--pendragon-blue);
margin-bottom : 5px;
}
.sheet-header {
width: 100%;
vertical-align: top;
}
.sheet-header h3{
display: inline;
vertical-align: top;
padding-right: 10px;
}
.sheet-logo {
vertical-align: top;
}
.sheet-h2-width {
display: inline;
width: 85px;
}
.sheet-header textarea {
width: calc(100% - 85px);
height: 36px;
resize: none;
}
.sheet-header-right {
width: calc(100% - 295px);
padding-left: 10px;
vertical-align: top;
}
.sheet-header-line {
vertical-align: center;
}
.sheet-inline-block {
display:inline-block;
}
.sheet-inline {
display:inline;
}
input.sheet-tab
{
width: 150px;
/*width: 150px;*/
width: calc(18% + 10px);;
height: 20px;
position: relative;
top: 0px;
left: 5px;
margin: -1.5px;
margin-bottom: 5px;
/*left: 5px;*/
/*margin: -1.5px;*/
/*margin-bottom: 5px;*/
cursor: pointer;
z-index: 1;
opacity: 0;
border: 2px;
border-color: var(--pendragon-blue);
/*margin-left: 3px;*/
}
.sheet-mid{
width: 68%;
}
label.sheet-t1c1 {
display:inline-block;
width:67px;
}
span.sheet-t1c1 {
font-weight: bold;
}
input.sheet-long.sheet-t1c1, input.sheet-big.sheet-t1c1, select.sheet-long.sheet-t1c1 {
width: 68%;
text-align: center;
}
.sheet-t1c2 {
display:inline-block;
font-size: 1em;
height: 18px;
}
input.sheet-t1c2-big[type=number] {
width: 3.8em;
height: 18px;
}
label.sheet-t1c2 {
width:90px;
margin-bottom: 5px;
}
input.sheet-t1c2 {
width:45px;
height: 18px;
}
input.sheet-t1c3-big {
font-size: 1.5em;
}
input.sheet-tic3 {
vertical-align: unset;
}
.sheet-t1c3 {
font-size: 1.2em;
height: 18px;
}
.sheet-concat {
padding-right: 0px;
}
.sheet-t1c3[type=checkbox] {
margin:-5px;
}
.sheet-t1c3-short {
display:inline-block;
width:15px;
}
.sheet-t1c3-medium {
display:inline-block;
width:25px;
background-color: transparent;
border: none;
}
.sheet-h3-black {
color: black;
margin-bottom: 10px;
}
input.sheet-tab + span::before
{
content:attr(title);
border: solid 1px #a8a8a8;
border-bottom-color: black;
border: solid 1px var(--pendragon-blue);
/*border-bottom-color: black;*/
text-align: center;
vertical-align: center;
display: inline-block;
background: #fff;
background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
width: 150px;
background-color: #c8c8c8;
font-weight: normal;
width: 18%;
/*background: #fff;*/
/*background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*width: 150px;*/
height: 20px;
font-size: 18px;
position: absolute;
top: 70px;
left: 30px;
left: 35px;
}
input.sheet-tab:checked + span::before
{
background: #dcdcdc;
background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
border-bottom-color: #fff;
border: solid 2px var(--pendragon-blue);
font-weight: bold;
color: var(--pendragon-blue);
background-color: transparent;
/*background: #dcdcdc;*/
/*background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);*/
/*background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);*/
/*background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);*/
/*background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);*/
/*background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);*/
/*border-bottom-color: #fff;*/
}
input.sheet-tab:not(:first-child) + span::before
{
border-left: none;
}
/*input.sheet-tab:not(:first-child) + span::before*/
/*{*/
/* border-left: none;*/
/*}*/
input.sheet-tab2 + span::before
{
left: 180px;
/*left: 180px;*/
left: calc(18% + 39px);
background: #fff;
background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
/*background: #fff;*/
/*background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
/*background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);*/
}
input.sheet-tab3 + span::before
{
left: 330px;
/*left: 330px;*/
left: calc(36% + 43px);
}
input.sheet-tab4 + span::before
{
left: 480px;
/*left: 480px;*/
left: calc(54% + 47px);
}
input.sheet-tab5 + span::before
{
left: 630px;
/*left: 630px;*/
left: calc(72% + 51px);
}
@@ -98,31 +293,56 @@ div.sheet-tab-content
{
border: 1px solid #a8a8a8;
border-top-color: #000;
margin: 2px 0 0 5px;
margin-top: 5px;
padding: 5px;
}
.sheet-tab3 h2 {
padding-top: 10px;
padding-bottom: 10px;
}
/* sheet */
.sheet-col strong.sheet-dee {
.sheet-col strong.sheet-dee, .sheet-col1 strong.sheet-dee, .sheet-col2 strong.sheet-dee, .sheet-col3 strong.sheet-dee {
font-size: 1em;
font-weight: bold;
margin-right: 20px;
}
.sheet-col1 {
display: inline-block;
width: 40%;
padding-top: 10px;
}
.sheet-col2 {
display: inline-block;
vertical-align: top;
padding-left: 15px;
width: 23%;
}
.sheet-col3 {
display: inline-block;
vertical-align: top;
width: 33%;
}
.charsheet input,.charsheet select {
font-weight:bold;
text-align:center;
}
.charsheet input.sheet-long {
.charsheet input.sheet-long, select.sheet-long {
width: 10em;
padding-top: 0px;
}
.charsheet select.sheet-long {
width: 12em;
.charsheet input.sheet-long {
height: 18px;
}
.charsheet input.sheet-short {
width: 4em;
width: 70px;
}
.charsheet checkbox {
margin-left: 50px;
@@ -131,23 +351,23 @@ div.sheet-tab-content
.sheet-carac1 {
font-size: 1em;
width: 8em;
}
.sheet-carac2, .sheet-carac3 {
font-size: 1em;
width: 2em;
}
.sheet-comp {
font-size: 1em;
width: 2em;
}
.sheet-carac3 {
color: #00B7FF;
color: var(--pendragon-blue);
}
.charsheet {
background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");
@@ -159,33 +379,367 @@ div.sheet-tab-content
text-align: center;
}
.sheet-area-notes {
width: 98%;
height: 40px;
resize: vertical;
}
select.sheet-dtype {
width: 60px;
vertical-align: top;
}
.sheet-baseinfo {
display: inline-block;
width: 145px;
margin-right: 3px;
input {
padding: 0px;
width: auto;
}
/* compétences */
.sheet-comp{
hr {
margin-top: 5px;
margin-bottom: 5px;
color: var(--pendragon-blue);
border-top-color: var(--pendragon-blue);
}
/*.sheet-comp label {
display: inline;
input, .sheet-comp input, .sheet-comp button, .sheet-comp checkbox {
display: inline;
}
.sheet-comp input, .sheet-comp button, .sheet-comp checkbox {
display: inline;
}*/
sheet-titre2 {
display: inline-block;
display: inline-block;
width: 120px;
}
.sheet-trait-label {
display:inline-block;
width:130px;'
}
.sheet-right {
text-align: right;
}
.sheet-info {
width: 120px;
display: inline;
background-color: transparent;
border: none;
}
.sheet-tiny {
font-size: 0.7em;
display:inline;
padding-right: 2px;
}
.sheet-item-line {
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
}
.sheet-spacer-15 {
display:inline;
width: 15px;
}
.sheet-italic {
font-style: italic;
}
.sheet-border {
display: inline-block;
border: 1px;
border-color: var(--pendragon-blue);
border-style: solid;
padding: 5px;
}
.sheet-select {
margin-bottom: 0px;
vertical-align: top;
}
.sheet-text-basic {
font-weight: bold;
}
.sheet-dice-button{
width: 15px;
height: 15px;
display: inline;
margin-right: 10px;
}
.sheet-field-width-m {
width: 80px;
}
.rc-tiny .repitem {
height: 20px;
margin-bottom: 6px;
}
/* onglet gens */
.sheet-gens {
width: 99%;
margin: 5px;
border: 2px solid black;
}
.sheet-gens th{
color: var(--pendragon-blue);
background-color: var(--pale-yellow);
}
.sheet-gens tr {
border-bottom: 2px solid black;
vertical-align: top;
text-align: center;
}
.sheet-gens td {
padding: 5px;
vertical-align: top;
text-align: center;
}
.sheet-gens input{
width: 100%;
}
.sheet-gens .sheet-table-col3 input {
display: inline;
width: 60%;
}
.sheet-gens .sheet-table-col1 {
width: 20%;
}
.sheet-gens .sheet-table-col2 {
width: 20%;
}
.sheet-gens .sheet-table-col3 {
width: 40%;
}
.sheet-gens .sheet-table-col3 input[type=text]{
width: 68%;
}
.sheet-gens .sheet-table-col3 input[type=number]{
width: 35px;
}
.sheet-gens .sheet-table-col3 input[type=checkbox]{
width: 15px;
}
/*.sheet-gens .sheet-inline {*/
/* display: inline;*/
/*}*/
.sheet-gens .sheet-table-col4 {
width: 15%;
}
.sheet-gens .sheet-table-col4 textarea{
width: 90%;
height: 54px;
resize: vertical;
margin-bottom: 0px;
padding-top: 0px;
}
/* onglet domaine */
.sheet-nomdom {
font-size: 1.2em;
width: 34%;
}
.sheet-area {
display: block;
width: 98%;
height: 40px;
resize: vertical;
}
.sheet-infras, .sheet-maintenance {
width: 99%;
margin: 5px;
border: 2px solid black;
}
.sheet-infras th, .sheet-maintenance th {
color: var(--pendragon-blue);
background-color: var(--pale-yellow);
}
.sheet-infras tr, .sheet-maintenance tr {
border-bottom: 2px solid black;
vertical-align: top;
text-align: center;
}
.sheet-infras td, .sheet-maintenance td{
padding: 5px;
vertical-align: top;
text-align: center;
}
.sheet-infras input, .sheet-maintenance input{
width: 100%;
}
.sheet-infras .sheet-table-col1 {
width: 7%;
}
.sheet-infras .sheet-table-col2 {
width: 20%;
}
.sheet-infras .sheet-table-col3 {
width: 8%;
}
.sheet-infras .sheet-table-col4 {
width: 8%;
}
.sheet-infras .sheet-table-col5 {
width: 10%;
}
.sheet-infras .sheet-table-col6 {
width: 14%;
}
.sheet-infras .sheet-table-col7 {
width: 7%;
}
.sheet-infras .sheet-table-col8 {
width: 25%;
}
.sheet-areaI {
width: 90%;
height: 18px;
resize: vertical;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.sheet-maintenance .sheet-table-col1 {
width: 7%;
}
.sheet-maintenance .sheet-table-col2 {
width: 18%;
}
.sheet-maintenance .sheet-table-col3 {
width: 8%;
}
.sheet-maintenance .sheet-table-col4 {
width: 6%;
}
.sheet-maintenance .sheet-table-col5 {
width: 8%;
}
.sheet-maintenance .sheet-table-col6 {
width: 11%;
}
.sheet-maintenance .sheet-table-col7 {
width: 7%;
}
.sheet-maintenance .sheet-table-col8 {
width: 7%;
}
.sheet-maintenance .sheet-table-col9 {
width: 7%;
}
.sheet-maintenance .sheet-table-col10 {
width: 10%;
}
.sheet-maintenance .sheet-table-col11 {
width: 11%;
}
.sheet-maintenance select {
height: 20px;
}
/*rolltemplate pendragon*/
.sheet-rolltemplate-pendragon table, .sheet-rolltemplate-pendragon-degats table {
width: 95%;
height: auto;
padding: 2px;
margin: 3px;
/* inline image url : https://i.imgur.com/prSwHKj.jpg */
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Pendragon-french/Images/parchemin.jpg) top left;
background-size: cover;
background-repeat: no-repeat;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
border-spacing: 0;
}
.sheet-rolltemplate-pendragon th, .sheet-rolltemplate-pendragon-degats th {
font-size: 1em;
line-height: 1em;
padding: 10px;
}
.sheet-rolltemplate-pendragon .sheet-padding, .sheet-rolltemplate-pendragon-degats .sheet-padding{
padding: 8px;
}
.sheet-rolltemplate-pendragon tr, .sheet-rolltemplate-pendragon-degats tr {
margin-top: 3px;
}
.sheet-rolltemplate-pendragon td, .sheet-rolltemplate-pendragon-degats td {
padding: 5px;
padding-right: 0px;
margin: 10px 3px 3px;
}
.sheet-rolltemplate-pendragon .sheet-padding-top, .sheet-rolltemplate-pendragon-degats .sheet-padding-top {
padding-top: 10px;
padding-bottom: 0px;
}
.sheet-rolltemplate-pendragon .sheet-padding-bottom, .sheet-rolltemplate-pendragon-degats .sheet-padding-bottom {
padding-top: 0px;
padding-bottom: 10px;
}
.sheet-rolltemplate-pendragon .sheet-middle, .sheet-rolltemplate-pendragon-degats .sheet-middle {
text-align: center;
}
.sheet-rolltemplate-pendragon .sheet-red {
color: darkred;
}
.sheet-rolltemplate-pendragon .sheet-green {
color: #0B6623;
}
.sheet-rolltemplate-pendragon .inlinerollresult, .sheet-rolltemplate-pendragon-degats .inlinerollresult, .sheet-rolltemplate-pendragon-degats .inlinerollresult.fullfail, .sheet-rolltemplate-pendragon-degats .inlinerollresult.fullcrit, .sheet-rolltemplate-pendragon-degats .inlinerollresult.importantroll {
background-color: transparent;
border: none;
padding: 0;
}
.sheet-rolltemplate-pendragon .sheet-border-bottom, .sheet-rolltemplate-pendragon-degats .sheet-border-bottom {
border-bottom: 2px solid;
}
/* sheet worker*/
.charsheet .sheet-checkbox-religion {
display: none;
}
.sheet-checkbox-religion:checked + label {
text-decoration: underline;
}
.sheet-checkbox-religion + label {
text-decoration: none;
}
fieldset.repeating_horse+.repcontainer .repitem {
/*display: inline-block;*/
/*margin-right: 2em;*/
height: 110px;
margin-bottom: 5px;
}
File diff suppressed because it is too large Load Diff
Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 133 KiB

+26 -2
View File
@@ -1,20 +1,44 @@
PENDRAGON feuille de personnage
=========================
Cette feuille de personnage est conçue pour la version 5.1 de Pendragon.
## Update 20/04/2020
* nouvelle mise en page, plus compacte et plus souple (redimensionnement de la fenêtre)
* nouveaux champs : blason, devise, gains de gloire, compétences additionnelles, joute victoires et défaites, montures
* nouveaux templates pour affichage résultat des jets 1d20 et dégâts, avec affichage du résultat détaillé (y compris réussites et échecs critiques)
* Fix bonus au dé pour jets avec attribut modifié >20 (donne un bonus au dé)
* checkbox autocalculée pour bonus religion et chevalerie
* nouvelles religions conformes au _Book of Knights and Ladies_
* traits associés au bonus religieux soulignés
* affichage infos sur les bonus religieux
* nouveau calculs dynamiques des bonus religieux
* fix trait oublié dans la liste de choix des traits dirigés
* sheetworkers
## Présentation
Cette feuille de personnage est conçue pour la version 5.2 de Pendragon.
Elle est divisée en plusieurs onglets pour faciliter la navigation.
L'ordonnancement des champs diffère de la feuille originale. L'objectif est d'optimiser son ergonomie.
Certains champs sont absents, notamment les signes distinctifs, car vleur place est plutôt dans l'onglet Bio & Info de la
Certains champs sont absents, notamment les signes distinctifs, car leur place est plutôt dans l'onglet Bio & Info de la
fenêtre personnage de Roll20.
Il n'est actuellement pas possible d'insérer une image dans une feuille de personnage roll20.
De ce fait, le champ blason permet uniquement de noter la description héraldique textuelle du blason.
Si vous souhaitez intégrer une image du blason, il faut le faire dans l'onglet "Bio & info" du personnage, en cliquant droit sur l'image qui doit obligatoirement être en ligne, puis "copier l'image", puis coller dans le champ éditable.
Les PV actuels sont calculés automatiquement, en fonction de la carac PV, des blessures, mais aussi du bonus religieux éventuel.
Les bonus religieux sont actifs, et intégrés dans le calcul automatique des PV, rythme de guérison, dommages, etc.
Bien entendu , seul le bonus associé à la religion sélectionnée est pris en compte.
L'écuyer doit être géré dans l'onglet "mes gens".
N'hésitez pas à remonter vos remarques et suggestions.
Bon jeu !