mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Natha
10318e0c52
New sheet for the french RPG Cahiers du Vastemonde (http://legrumph.org/Terrier/?Les-Cahiers-du-Vastemonde/Les-Cahiers-du-Vastemonde)
642 lines
15 KiB
CSS
642 lines
15 KiB
CSS
/*** GENERIC *********************************************************/
|
|
div,
|
|
button,
|
|
textarea,
|
|
span,
|
|
input,
|
|
select,
|
|
table,
|
|
tr,
|
|
td,
|
|
th{
|
|
box-sizing: border-box;
|
|
}
|
|
/********* DIV *************************************************/
|
|
div{
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
div.sheet-main{
|
|
padding: 4px;
|
|
width: 900px;
|
|
background: white;
|
|
text-align:center;
|
|
font-family: 'Verdana';
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #AAAAAA;
|
|
}
|
|
div.sheet-ligne{
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
margin: 1px 0px 1px 0px;
|
|
/*border: 1px solid red;*/
|
|
}
|
|
div.sheet-mycol{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
/*border: 1px solid blue;*/
|
|
}
|
|
div.sheet-mycolbrd{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border: 1px solid #DD5633;
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
padding: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
div.sheet-libel1{
|
|
color: #DD5633;
|
|
display: inline-block;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
width: 60px;
|
|
text-transform: uppercase;
|
|
}
|
|
div.sheet-libel2{
|
|
color: #DD5633;
|
|
display: inline-block;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
div.sheet-libel3{
|
|
color: black;
|
|
display: inline-block;
|
|
font-size: 0.85em;
|
|
font-weight: normal;
|
|
vertical-align: middle;
|
|
}
|
|
div.sheet-subtag{
|
|
display: block;
|
|
font-style: italic;
|
|
color: #888888;
|
|
}
|
|
div.sheet-boxnum{
|
|
padding: 10px 2px 10px 2px;
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
div.sheet-arme{
|
|
display: none;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck:checked ~ div.sheet-arme{
|
|
display: inline;
|
|
}
|
|
div.sheet-sortdesc{
|
|
display: none;
|
|
position: absolute;
|
|
padding: 2px;
|
|
width: 590px;
|
|
height: 430px;
|
|
border: 2px solid #DD5633;
|
|
border-radius: 6px;
|
|
background: #EEEEEE;
|
|
z-index: 10;
|
|
left: -595px;
|
|
top: -410px;
|
|
box-shadow: 5px 5px 30px black;
|
|
resize: both;
|
|
overflow: auto;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck:checked ~ div.sheet-sortdesc{
|
|
display: inline-block;
|
|
}
|
|
div.sheet-pactedesc{
|
|
display: none;
|
|
position: absolute;
|
|
padding: 2px;
|
|
width: 560px;
|
|
height: 470px;
|
|
border: 2px solid #DD5633;
|
|
border-radius: 6px;
|
|
background: #EEEEEE;
|
|
z-index: 10;
|
|
left: -455px;
|
|
top: -400px;
|
|
box-shadow: 5px 5px 30px black;
|
|
resize: both;
|
|
overflow: auto;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck:checked ~ div.sheet-pactedesc{
|
|
display: inline-block;
|
|
}
|
|
div.sheet-regledesc{
|
|
display: none;
|
|
position: absolute;
|
|
padding: 2px;
|
|
width: 790px;
|
|
height: 450px;
|
|
border: 2px solid #DD5633;
|
|
border-radius: 6px;
|
|
background: #EEEEEE;
|
|
z-index: 10;
|
|
left: -735px;
|
|
top: 0px;
|
|
box-shadow: 5px 5px 30px black;
|
|
resize: both;
|
|
overflow: auto;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck:checked ~ div.sheet-regledesc{
|
|
display: inline-block;
|
|
}
|
|
/********* ONGLETS ************************************************/
|
|
div.sheet-onglvie,
|
|
div.sheet-ongltalent,
|
|
div.sheet-onglequip,
|
|
div.sheet-onglcompa,
|
|
div.sheet-onglprofane,
|
|
div.sheet-ongldivine,
|
|
div.sheet-onglpacte{
|
|
display: none;
|
|
width: 100%;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
margin: 1px 0px 1px 0px;
|
|
border: 1px solid #DD5633;
|
|
border-radius: 0px 6px 6px 6px;
|
|
padding: 3px;
|
|
z-index: 0;
|
|
}
|
|
input[type="radio"].sheet-onglvie,
|
|
input[type="radio"].sheet-ongltalent,
|
|
input[type="radio"].sheet-onglequip,
|
|
input[type="radio"].sheet-onglcompa{
|
|
margin: 0;
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
padding: 0;
|
|
display: inline-block;
|
|
opacity: 0;
|
|
width: 110px;
|
|
height: 25px;
|
|
z-index: 2;
|
|
}
|
|
input[type="radio"].sheet-onglvie + span,
|
|
input[type="radio"].sheet-ongltalent + span,
|
|
input[type="radio"].sheet-onglequip + span,
|
|
input[type="radio"].sheet-onglcompa + span{
|
|
color: #666666;
|
|
background-color: #BBBBBB;
|
|
font-size:15px;
|
|
text-align:center;
|
|
display: inline-block;
|
|
width: 110px;
|
|
height: 28px;
|
|
margin: 0;
|
|
margin-left: -110px;
|
|
margin-right: -5px;
|
|
padding:0;
|
|
margin-bottom: -2px;
|
|
padding-top: 5px;
|
|
font-size: 0.9em;
|
|
text-transform: uppercase;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-left-color: #DDBBBB;
|
|
border-top-color: #DDBBBB;
|
|
border-right-color: #DDBBBB;
|
|
border-bottom-color: #DD5633;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
z-index: 1;
|
|
}
|
|
input[type="radio"].sheet-onglprofane,
|
|
input[type="radio"].sheet-ongldivine,
|
|
input[type="radio"].sheet-onglpacte{
|
|
margin: 0;
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
padding: 0;
|
|
display: inline-block;
|
|
opacity: 0;
|
|
width: 140px;
|
|
height: 25px;
|
|
z-index: 2;
|
|
}
|
|
input[type="radio"].sheet-onglprofane + span,
|
|
input[type="radio"].sheet-ongldivine + span,
|
|
input[type="radio"].sheet-onglpacte + span {
|
|
color: #666666;
|
|
background-color: #BBBBBB;
|
|
font-size:15px;
|
|
text-align:center;
|
|
display: inline-block;
|
|
width: 140px;
|
|
height: 28px;
|
|
margin: 0;
|
|
margin-left: -140px;
|
|
margin-right: -5px;
|
|
padding:0;
|
|
margin-bottom: -2px;
|
|
padding-top: 5px;
|
|
font-size: 0.9em;
|
|
text-transform: uppercase;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-left-color: #DDBBBB;
|
|
border-top-color: #DDBBBB;
|
|
border-right-color: #DDBBBB;
|
|
border-bottom-color: #DD5633;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
z-index: 1;
|
|
}
|
|
input[type="radio"].sheet-onglvie:checked + span,
|
|
input[type="radio"].sheet-ongltalent:checked + span,
|
|
input[type="radio"].sheet-onglequip:checked + span,
|
|
input[type="radio"].sheet-onglprofane:checked + span,
|
|
input[type="radio"].sheet-ongldivine:checked + span,
|
|
input[type="radio"].sheet-onglpacte:checked + span,
|
|
input[type="radio"].sheet-onglcompa:checked + span {
|
|
font-weight: bold;
|
|
color: #DD5633;
|
|
background-color: white;
|
|
border-left-color: #DD5633;
|
|
border-top-color: #DD5633;
|
|
border-right-color: #DD5633;
|
|
border-bottom-color: white;
|
|
}
|
|
input[type="radio"].sheet-onglvie:checked ~ div.sheet-onglvie{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-ongltalent:checked ~ div.sheet-ongltalent{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglequip:checked ~ div.sheet-onglequip{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglcompa:checked ~ div.sheet-onglcompa{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglprofane:checked ~ div.sheet-onglprofane{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-ongldivine:checked ~ div.sheet-ongldivine{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglpacte:checked ~ div.sheet-onglpacte{
|
|
display: block;
|
|
}
|
|
/********* INPUTS *************************************************/
|
|
input{
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: black;
|
|
font-family: cursive;
|
|
font-weight: normal;
|
|
border-radius: 0px;
|
|
}
|
|
input[type="text"]{
|
|
padding: 0px 0px 1px 2px;
|
|
border-width: 0px 0px 1px 0px;
|
|
border-style: dotted;
|
|
}
|
|
input[type="text"].sheet-biginp{
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
input[type="number"]{
|
|
text-align: right;
|
|
border-width: 0px 1px 1px 0px;
|
|
border-style: dotted;
|
|
}
|
|
input[type="number"].sheet-inpnum1c{
|
|
width: 25px;
|
|
}
|
|
input[type="number"].sheet-inpnum2c{
|
|
width: 35px;
|
|
}
|
|
input[type="number"].sheet-inpnum2cbig{
|
|
width: 50px;
|
|
font-size: 1.5em;
|
|
}
|
|
input[type="number"].sheet-inpnum2cboxed{
|
|
/* border: 1px solid black; */
|
|
width: 35px;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck{
|
|
width: 18px;
|
|
height: 18px;
|
|
max-width: 18px;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck + span{
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-left: -18px;
|
|
width: 18px;
|
|
max-width: 18px;
|
|
height: 18px;
|
|
z-index: 1;
|
|
font-family: pictos;
|
|
color: #888888;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck:hover + span{
|
|
color: black;
|
|
}
|
|
input[type="checkbox"].sheet-dispcheck:checked + span{
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
/******* TEXTAREA *************************************************/
|
|
textarea{
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: black;
|
|
font-family: cursive;
|
|
font-weight: normal;
|
|
border-radius: 0px;
|
|
}
|
|
textarea.sheet-textdesc{
|
|
font-family: 'Verdana', serif;
|
|
font-size: 0.9em;
|
|
height: 22px;
|
|
resize: none;
|
|
}
|
|
input[type="checkbox"]:checked ~ textarea.sheet-textdesc{
|
|
height: 140px;
|
|
}
|
|
textarea.sheet-textsort{
|
|
font-family: 'Verdana', serif;
|
|
font-size: 0.9em;
|
|
resize: none;
|
|
height: calc(100% - 30px);
|
|
width: 100%;
|
|
}
|
|
/******* SELECTS *************************************************/
|
|
select{
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0px 0px 1px 2px;
|
|
margin: 0;
|
|
color: black;
|
|
width: 100px;
|
|
height: 22px;
|
|
font-family: cursive;
|
|
font-size: 1em;
|
|
border-radius: 0;
|
|
border-width: 0px 1px 1px 0px;
|
|
border-style: dotted;
|
|
}
|
|
/*** BOUTONS *********************************************************/
|
|
button[type=roll].sheet-btRoll20,
|
|
button[type=roll].sheet-btRoll20big,
|
|
button[type=roll].sheet-btRoll6,
|
|
button[type=roll].sheet-btRoll8,
|
|
button[type=roll].sheet-btRoll8small,
|
|
button[type=roll].sheet-btDesc,
|
|
button[type=roll].sheet-btLien{
|
|
color: black;
|
|
padding:0;
|
|
margin: 0;
|
|
border:none;
|
|
background:none;
|
|
opacity: 0.5;
|
|
}
|
|
button[type=roll]:hover{
|
|
opacity: 1.0;
|
|
}
|
|
button[type=roll].sheet-btRoll20 {
|
|
height: 2em;
|
|
width: 2em;
|
|
line-height: 2em;
|
|
}
|
|
button[type=roll].sheet-btRoll20:before {
|
|
font-size: 2em;
|
|
}
|
|
button[type=roll].sheet-btRoll20big{
|
|
height: 3em;
|
|
width: 3em;
|
|
line-height: 3em;
|
|
}
|
|
button[type=roll].sheet-btRoll20big:before {
|
|
font-size: 3em;
|
|
}
|
|
button[type=roll].sheet-btRoll6:before{
|
|
font-family: "dicefontd6";
|
|
font-size: 1.6em;
|
|
content: 'e';
|
|
}
|
|
button[type=roll].sheet-btRoll8{
|
|
height: 2em;
|
|
width: 2em;
|
|
line-height: 2em;
|
|
}
|
|
button[type=roll].sheet-btRoll8:before{
|
|
font-family: "dicefontd8";
|
|
font-size: 2em;
|
|
content: 'h';
|
|
}
|
|
button[type=roll].sheet-btRoll8small{
|
|
height: 1em;
|
|
width: 1em;
|
|
vertical-align: middle;
|
|
}
|
|
button[type=roll].sheet-btRoll8small:before{
|
|
font-family: "dicefontd8";
|
|
font-size: 1em;
|
|
content: 'h';
|
|
}
|
|
button[type=roll].sheet-btDesc{
|
|
color: black;
|
|
height: 18px;
|
|
width: 18px;
|
|
line-height: 16px;
|
|
opacity: 0.4;
|
|
}
|
|
button[type=roll].sheet-btDesc:before{
|
|
font-family: "Pictos";
|
|
font-size: 1.0em;
|
|
content: 'i';
|
|
}
|
|
button[type=roll].sheet-btDesc:hover{
|
|
opacity: 1.0;
|
|
}
|
|
button[type=roll].sheet-btLien:before{
|
|
font-family: "Pictos";
|
|
font-size: 0.9em;
|
|
content: 'G';
|
|
width: 1em;
|
|
vertical-align: top;
|
|
}
|
|
button[type=roll].sheet-btLien:hover{
|
|
opacity: 1.0;
|
|
}
|
|
/* Formatage des boutons de fieldset */
|
|
.charsheet .repcontrol_add,
|
|
.charsheet .repcontrol_edit,
|
|
.charsheet .repcontrol_del{
|
|
opacity: 0.5;
|
|
display: inline;
|
|
background: white;
|
|
box-shadow: none;
|
|
border: 1px solid black;
|
|
border-radius: 6px;
|
|
font-size:0.9em;
|
|
height:2.0em;
|
|
margin-bottom: 4px;
|
|
color: black;
|
|
}
|
|
.charsheet .repcontrol_add:hover,
|
|
.charsheet .repcontrol_edit:hover,
|
|
.charsheet .repcontrol_del:hover{
|
|
opacity: 1.0;
|
|
}
|
|
/******************** DOTS ******************/
|
|
.sheet-dots {
|
|
display: block;
|
|
}
|
|
.sheet-dots input[type="radio"] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
z-index: 1;
|
|
}
|
|
.sheet-dots input[type="radio"],
|
|
.sheet-dots input[type="radio"] + span {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 4px -1px;
|
|
}
|
|
.sheet-dots input[type="radio"] + span {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
border: none;
|
|
}
|
|
.sheet-dots input[type="radio"]:not([value="0"]) + span {
|
|
border-radius: 50%;
|
|
background-color: rgba(0,0,0,.1);
|
|
border: 1px solid black;
|
|
}
|
|
.sheet-dots input[type="radio"]:not([value="0"]) + span::before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
height: 4px;
|
|
width: 4px;
|
|
margin-left: -2px;
|
|
margin-top: -2px;
|
|
background: black;
|
|
border-radius: 50%;
|
|
}
|
|
.sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span::before {
|
|
background: transparent;
|
|
}
|
|
.sheet-dots input[type="radio"][value="0"] + span:before {
|
|
content: "x";
|
|
font-size: 11px;
|
|
position: relative;
|
|
top: -5px;
|
|
left: 1px;
|
|
opacity: 0;
|
|
}
|
|
.sheet-dots:hover input[type="radio"][value="0"] + span:before {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-jet table{
|
|
background: white;
|
|
border: 1px solid #DD5633;
|
|
border-radius: 6px;
|
|
width: 100%;
|
|
padding: 2px;
|
|
font-family: 'Verdana';
|
|
color: black;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet-rolltemplate-jet tr{
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.sheet-rolltemplate-jet th{
|
|
padding: 3px;
|
|
font-size: 1.1em;
|
|
text-align: center;
|
|
font-family: 'Contrail One';
|
|
color: white;
|
|
background: #DD5633;
|
|
}
|
|
.sheet-rolltemplate-jet td{
|
|
padding: 2px;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-jet td.sheet-tcat{
|
|
color: #DD5633;
|
|
font-style: italic;
|
|
text-align: right;
|
|
border-right: 1px dashed #DD5633;
|
|
}
|
|
.sheet-rolltemplate-jet .sheet-subheader{
|
|
font-style: italic;
|
|
text-align: right;
|
|
border-bottom: 1px dashed #DD5633;
|
|
color: #DD5633;
|
|
}
|
|
.sheet-rolltemplate-jet .sheet-desctitre{
|
|
font-style: italic;
|
|
text-align: right;
|
|
border-bottom: 1px dashed #DD5633;
|
|
border-top: 1px solid #DD5633;
|
|
color: #DD5633;
|
|
}
|
|
.sheet-rolltemplate-jet div.sheet-jetdesc{
|
|
font-family: 'Verdana', serif;
|
|
font-size: 0.9em;
|
|
max-height: 140px;
|
|
overflow-y: auto;
|
|
}
|
|
.sheet-rolltemplate-jet .inlinerollresult{
|
|
font-size: 1em;
|
|
background-color: transparent;
|
|
border-width: 0px 0px 0px 0px;
|
|
border-top-style: none;
|
|
border-right-style: none;
|
|
border-left-style: none;
|
|
border-bottom-style: none;
|
|
}
|
|
.sheet-rolltemplate-jet .inlinerollresult.fullcrit{
|
|
color: #3FB315;
|
|
font-size: 1em;
|
|
background-color: transparent;
|
|
border-width: 0px 0px 0px 0px;
|
|
border-top-style: none;
|
|
border-right-style: none;
|
|
border-left-style: none;
|
|
border-bottom-style: none;
|
|
}
|
|
.sheet-rolltemplate-jet .inlinerollresult.fullfail{
|
|
color: #B31515;
|
|
font-size: 1em;
|
|
background-color: transparent;
|
|
border-width: 0px 0px 0px 0px;
|
|
border-top-style: none;
|
|
border-right-style: none;
|
|
border-left-style: none;
|
|
border-bottom-style: none;
|
|
}
|
|
.sheet-rolltemplate-jet .inlinerollresult.importantroll{
|
|
color: #4A57ED;
|
|
font-size: 1em;
|
|
background-color: transparent;
|
|
border-width: 0px 0px 0px 0px;
|
|
border-top-style: none;
|
|
border-right-style: none;
|
|
border-left-style: none;
|
|
border-bottom-style: none;
|
|
}
|