diff --git a/Pendragon-french/Images/logo-pendragon-52-300.jpg b/Pendragon-french/Images/logo-pendragon-52-300.jpg new file mode 100644 index 0000000000..6aee2b08ec Binary files /dev/null and b/Pendragon-french/Images/logo-pendragon-52-300.jpg differ diff --git a/Pendragon-french/Images/parchemin.jpg b/Pendragon-french/Images/parchemin.jpg new file mode 100644 index 0000000000..611a3a12ab Binary files /dev/null and b/Pendragon-french/Images/parchemin.jpg differ diff --git a/Pendragon-french/Pendragon-french.css b/Pendragon-french/Pendragon-french.css index 72587196aa..2cbe90e1d4 100644 --- a/Pendragon-french/Pendragon-french.css +++ b/Pendragon-french/Pendragon-french.css @@ -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; +} + + + + diff --git a/Pendragon-french/Pendragon-french.html b/Pendragon-french/Pendragon-french.html index 5f4bce029d..b48e5ccd22 100644 --- a/Pendragon-french/Pendragon-french.html +++ b/Pendragon-french/Pendragon-french.html @@ -1,744 +1,1632 @@ - - - - - +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ans
+
+
+
+
+ +
++ +
++ +
+ ++
| + | + | + |
| + | + | + |
| + | + | + |
| + | + | + |
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
| - | - | - - |
| - | - | - - |
| - | - | - - |
| - | - | - - |
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - - - +
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
| Nom | +Rôle | +Compétences | +Notes | +
|---|
| + + | ++ + | +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ + |
+ + + | +
| Nom | +Rôle | +Compétences | +Notes | +
|---|
| + + | ++ + | +
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ + |
+ + + | +
| Année | +Nom | +Coût | +Entretien | +Revenus | +Check | +Gloire | +Notes | +
|---|
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| Année | +Evènement | +Conditions | +Soin | +Gestion | +Récoltes | +Gains | +Aides | +Dépenses | +Trésor | +Construction | +
|---|
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| {{perso}} | +|
|---|---|
| {{carac_type}} {{carac_name}} | +|
| car.+ mod. | +{{carac_value}}+({{modif_context}}) = {{carac_modifiee}} | +
| Résultat | ++ {{roll}} + {{#rollWasCrit() roll}} + Critique ! + {{/rollWasCrit() roll}} + {{#^rollWasCrit() roll}} + {{#rollLess() roll carac_modifiee}} + Réussite + {{/rollLess() roll carac_modifiee}} + {{#rollTotal() roll 20}} + Fumble ! + {{/rollTotal() roll 20}} + {{#^rollTotal() roll 20}} + {{#^rollLess() roll carac_modifiee}} + {{#rollGreater() roll seuil}} + Echec + {{/rollGreater() roll seuil}} + {{/^rollLess() roll carac_modifiee}} + {{/^rollTotal() roll 20}} + {{/^rollWasCrit() roll}} + | +
| {{perso}}{{#typecheval}} charge sur son {{typecheval}} + {{nomcheval}}. Il {{/typecheval}} porte un coup {{#critique}}terrible {{/critique}}à + son adversaire ! + | +|
|---|---|
| DEGATS {{#critique}}CRITIQUES {{/critique}} | +|
| {{nbdes}}d6{{#bonus}} + {{bonus}}{{/bonus}} => | ++ {{roll}} + | +