TontioneandThierry Mattray
a258f70992
* 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>
746 lines
14 KiB
CSS
746 lines
14 KiB
CSS
|
|
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; }
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
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: calc(18% + 10px);;
|
|
height: 20px;
|
|
position: relative;
|
|
/*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 var(--pendragon-blue);
|
|
/*border-bottom-color: black;*/
|
|
text-align: center;
|
|
vertical-align: center;
|
|
display: inline-block;
|
|
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: 35px;
|
|
}
|
|
|
|
input.sheet-tab:checked + span::before
|
|
{
|
|
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-tab2 + span::before
|
|
{
|
|
/*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);*/
|
|
}
|
|
|
|
input.sheet-tab3 + span::before
|
|
{
|
|
/*left: 330px;*/
|
|
left: calc(36% + 43px);
|
|
}
|
|
|
|
|
|
input.sheet-tab4 + span::before
|
|
{
|
|
/*left: 480px;*/
|
|
left: calc(54% + 47px);
|
|
}
|
|
input.sheet-tab5 + span::before
|
|
{
|
|
/*left: 630px;*/
|
|
left: calc(72% + 51px);
|
|
}
|
|
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin-top: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-tab3 h2 {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
/* sheet */
|
|
|
|
.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, select.sheet-long {
|
|
width: 10em;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.charsheet input.sheet-long {
|
|
height: 18px;
|
|
}
|
|
|
|
.charsheet input.sheet-short {
|
|
width: 70px;
|
|
}
|
|
.charsheet checkbox {
|
|
margin-left: 50px;
|
|
}
|
|
|
|
.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: var(--pendragon-blue);
|
|
}
|
|
.charsheet {
|
|
background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");
|
|
}
|
|
|
|
.charsheet table td, .charsheet table th {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-area-notes {
|
|
width: 98%;
|
|
height: 40px;
|
|
resize: vertical;
|
|
}
|
|
|
|
select.sheet-dtype {
|
|
width: 60px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
input {
|
|
padding: 0px;
|
|
width: auto;
|
|
}
|
|
|
|
hr {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
color: var(--pendragon-blue);
|
|
border-top-color: var(--pendragon-blue);
|
|
}
|
|
|
|
input, .sheet-comp input, .sheet-comp button, .sheet-comp checkbox {
|
|
display: inline;
|
|
}
|
|
|
|
sheet-titre2 {
|
|
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;
|
|
}
|
|
|
|
|
|
|
|
|