1215 lines
17 KiB
CSS
1215 lines
17 KiB
CSS
.charsheet {
|
|
font-family: garamond, Arial !important;
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Les%20Chants%20de%20Loss/images/chantsloss_bg.png');
|
|
font-size: 15px;
|
|
min-width:840px;
|
|
}
|
|
|
|
select {
|
|
background-color: transparent;
|
|
border: 0 solid #000;
|
|
border-bottom-width: 1px;
|
|
border-left-width: 1px;
|
|
height:25px;
|
|
/*font-size: 12px;*/
|
|
font-family: cursive,'Times New Roman', Times, serif;
|
|
font-size: 12px;
|
|
width : 110px;
|
|
margin:0px;
|
|
}
|
|
|
|
.sheet-titre
|
|
{
|
|
text-align: center;
|
|
border-radius: 14px;
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Les%20Chants%20de%20Loss/images/terre.png');
|
|
height:28px;
|
|
}
|
|
|
|
.sheet-titre h4
|
|
{
|
|
line-height:28px !important;
|
|
}
|
|
|
|
.sheet-titreNoRight
|
|
{
|
|
display: inline-block;
|
|
width: calc(100% - 42px);
|
|
margin-right: -4px;
|
|
}
|
|
|
|
h4.sheet-titreNoRight
|
|
{
|
|
margin-left:39px;
|
|
}
|
|
|
|
.sheet-borderRightNoRadius
|
|
{
|
|
border-top-right-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
}
|
|
|
|
button[type="roll"].sheet-rollbase {
|
|
color: #538079;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0px;
|
|
font-size: 30pt;
|
|
}
|
|
|
|
button[type="roll"].sheet-rollnecrose {
|
|
color: #000000;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0px;
|
|
font-size: 30pt;
|
|
}
|
|
|
|
button[type="roll"]:hover{
|
|
font-weight: bold;
|
|
text-shadow: 0px 0px 2px #FB667E;
|
|
}
|
|
|
|
input[type="text"] {
|
|
background-color: transparent;
|
|
border: 0 solid #000;
|
|
border-bottom-width: 1px;
|
|
border-left-width: 1px;
|
|
height:30px;
|
|
font-family: cursive,'Times New Roman', Times, serif;
|
|
font-size: 12px;
|
|
width : 185px;
|
|
}
|
|
|
|
textarea{
|
|
width :180px;
|
|
height:96px;
|
|
background-color: transparent;
|
|
border: 0 solid #000;
|
|
border-bottom-width: 1px;
|
|
border-left-width: 1px;
|
|
font-family: cursive,'Times New Roman', Times, serif;
|
|
}
|
|
|
|
input[type="number"] {
|
|
background-color: transparent;
|
|
border-bottom-width: 1px;
|
|
border-left-width: 1px;
|
|
font-family: cursive,'Times New Roman', Times, serif;
|
|
font-size: 12px;
|
|
text-align:center;
|
|
}
|
|
|
|
.charsheet table {
|
|
width: 100%;
|
|
}
|
|
|
|
.charsheet td {
|
|
padding: 0px 2px 0px 2px;
|
|
border: 0px solid red;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.charsheet th {
|
|
padding: 5px;
|
|
border: 0 solid #000;
|
|
background-color: #538079;
|
|
color: #FFF;
|
|
}
|
|
|
|
.sheet-columnL
|
|
{
|
|
display: inline-block;
|
|
width: 190px;
|
|
float: left;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-columnR
|
|
{
|
|
display: inline-block;
|
|
width: 250px;
|
|
float: right;
|
|
margin-top:200px;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-header
|
|
{
|
|
min-width:840px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-body1
|
|
{
|
|
clear:both;
|
|
min-width:840px;
|
|
height:150px;
|
|
}
|
|
|
|
.sheet-body2
|
|
{
|
|
height:80px;
|
|
clear:both;
|
|
min-width:840px;
|
|
}
|
|
|
|
.sheet-bodyTalent
|
|
{
|
|
min-width:840px;
|
|
|
|
}
|
|
|
|
.sheet-bodyColumnR
|
|
{
|
|
float:right;
|
|
width:272.2px;
|
|
}
|
|
|
|
.sheet-bodyColumnC
|
|
{
|
|
width:272.2px;
|
|
margin:auto;
|
|
}
|
|
|
|
.sheet-bodyColumnL
|
|
{
|
|
float:left;
|
|
width:272.2px;
|
|
}
|
|
|
|
div.sheet-typeJet
|
|
{
|
|
width:200px;
|
|
margin:auto;
|
|
}
|
|
|
|
input.sheet-typeJet
|
|
{
|
|
width:80px;
|
|
opacity: 0;
|
|
height:25px;
|
|
}
|
|
|
|
input.sheet-typeJet + span:before
|
|
{
|
|
content: attr(title);
|
|
display: inline-block;
|
|
width: 80px;
|
|
height: 25px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
background-image: linear-gradient(#FFCBA4, #6F4E37) !important;
|
|
margin-left: -80px;
|
|
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-typeJet:checked + span:before
|
|
{
|
|
text-shadow: none !important;
|
|
background-color: #6F4E37;
|
|
transition: background-position .1s linear;
|
|
background-position: 0 -15px;
|
|
text-decoration: none;
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.sheet-tab
|
|
{
|
|
opacity: 0;
|
|
width: 150px;
|
|
height: 20px !important;
|
|
}
|
|
|
|
.sheet-tab + span:before
|
|
{
|
|
content: attr(title);
|
|
margin-left: -150px;
|
|
background: rgba(139, 69, 19, 0.5);
|
|
display: inline-block;
|
|
width: 150px;
|
|
border-top-left-radius: 14px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
height: 21px;
|
|
line-height: 20px;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-tabNext
|
|
{
|
|
margin-left: -3.75px;
|
|
}
|
|
|
|
.sheet-tabNext + span:before
|
|
{
|
|
border-top-left-radius: 0px !important;
|
|
}
|
|
|
|
.sheet-tab:checked + span:before
|
|
{
|
|
background: rgba(139, 69, 19, 0.2);
|
|
}
|
|
|
|
.sheet-tab1:checked ~ div.sheet-bodyTalent,
|
|
.sheet-tab2:checked ~ div.sheet-bodyCapacite,
|
|
.sheet-tab3:checked ~ div.sheet-bodyEquipement,
|
|
.sheet-tab4:checked ~ div.sheet-bodyCombat
|
|
{
|
|
display:inline-block !important;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-tabBody
|
|
{
|
|
background: rgba(139, 69, 19, 0.2);
|
|
display:none;
|
|
border-radius:0px 14px 14px 14px;
|
|
padding-bottom: 10px;
|
|
margin-top:-2px;
|
|
}
|
|
|
|
img {
|
|
vertical-align:top;
|
|
}
|
|
|
|
img.sheet-logo
|
|
{
|
|
height: 215px;
|
|
width: 273px;
|
|
right: 25px;
|
|
top:55px;
|
|
position:absolute;
|
|
}
|
|
|
|
img.sheet-talent
|
|
{
|
|
vertical-align:middle !important;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
input[type="number"].sheet-chiffre {
|
|
width : 60px;
|
|
}
|
|
|
|
|
|
input[type="number"].sheet-sagesse
|
|
{
|
|
border:none;
|
|
/*border-bottom: 2px solid #6793BA;*/
|
|
color:#35AF96;
|
|
font-size: 25px;
|
|
height:40px;
|
|
width:40px;
|
|
font-weight:bold;
|
|
border-radius:30px;
|
|
padding:0px;
|
|
}
|
|
|
|
input[type="number"].sheet-esprit
|
|
{
|
|
border:none;
|
|
color:#35AF96;
|
|
font-size: 15px;
|
|
padding: 0px;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
input[type="number"].sheet-instinct
|
|
{
|
|
border:none;
|
|
color:#35AF96;
|
|
font-size: 15px;
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
input[type="number"].sheet-foi
|
|
{
|
|
border:none;
|
|
/*border-bottom: 2px solid #6793BA;*/
|
|
color:#456478;
|
|
font-size: 25px;
|
|
height:40px;
|
|
width:40px;
|
|
font-weight:bold;
|
|
border-radius:30px;
|
|
padding:0px;
|
|
}
|
|
|
|
input[type="number"].sheet-honneur{
|
|
border:none;
|
|
color:#779515;
|
|
font-size: 25px;
|
|
height:40px;
|
|
width:40px;
|
|
font-weight:bold;
|
|
border-radius:30px;
|
|
padding:0px;
|
|
}
|
|
|
|
input[type="number"].sheet-pouvoir
|
|
{
|
|
border:none;
|
|
color:#779515;
|
|
font-size: 15px;
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
input[type="number"].sheet-empathie
|
|
{
|
|
border:none;
|
|
color:#779515;
|
|
font-size: 15px;
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
input[type="number"].sheet-courage
|
|
{
|
|
border:none;
|
|
color:#FC0E00;
|
|
font-size: 25px;
|
|
height:40px;
|
|
width:40px;
|
|
font-weight:bold;
|
|
border-radius:30px;
|
|
padding:0px;
|
|
}
|
|
|
|
input[type="number"].sheet-puissance
|
|
{
|
|
border:none;
|
|
color:#FC0E00;
|
|
font-size: 15px;
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
input[type="number"].sheet-agilite
|
|
{
|
|
border:none;
|
|
color:#FC0E00;
|
|
font-size: 15px;
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0px;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.sheet-subtitle
|
|
{
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
.sheet-contenant-cercle{
|
|
position:relative;
|
|
width: 400px;
|
|
height:342px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-cercle
|
|
{
|
|
right:100px;
|
|
width: 400px;
|
|
}
|
|
|
|
button.sheet-bTrait
|
|
{
|
|
padding-top: 0px !important;
|
|
margin: 0px !important;
|
|
padding-left: 2px !important;
|
|
padding-right: 2px !important;
|
|
padding-bottom: 1px !important;
|
|
background-image: linear-gradient(#FFCBA4, #6F4E37) !important;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
button.sheet-bTrait::before
|
|
{
|
|
font-family: garamond, Arial !important;
|
|
font-size: 14px;
|
|
font-style: italic;
|
|
line-height: 14px;
|
|
content:attr(title) !important;
|
|
}
|
|
|
|
button.sheet-bTrait:hover
|
|
{
|
|
text-shadow:none !important;
|
|
background-color: #6F4E37;
|
|
}
|
|
|
|
.sheet-sagesse
|
|
{
|
|
position:absolute;
|
|
top: 36.5px;
|
|
right: 88px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-esprit
|
|
{
|
|
position:absolute;
|
|
top: 12.5px;
|
|
left: 71.5px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-bEsprit
|
|
{
|
|
position:absolute;
|
|
top: 26px;
|
|
left: 104px;
|
|
}
|
|
|
|
.sheet-instinct
|
|
{
|
|
position:absolute;
|
|
top: 12.5px;
|
|
left: 118px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-bInstinct
|
|
{
|
|
position:absolute;
|
|
top: 26px;
|
|
right: 89px;
|
|
}
|
|
|
|
.sheet-foi
|
|
{
|
|
position:absolute;
|
|
top:100px;
|
|
right:88px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-honneur
|
|
{
|
|
position:absolute;
|
|
top:131.5px;
|
|
right:129px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-pouvoir
|
|
{
|
|
position:absolute;
|
|
top:117px;
|
|
right:170.5px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-bPouvoir
|
|
{
|
|
position:absolute;
|
|
bottom: 56px;
|
|
left: 9px;
|
|
}
|
|
|
|
.sheet-empathie
|
|
{
|
|
position:absolute;
|
|
top:138px;
|
|
right:160.5px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-bEmpathie
|
|
{
|
|
position:absolute;
|
|
bottom: 14px;
|
|
left: 26px;
|
|
}
|
|
|
|
.sheet-courage{
|
|
position:absolute;
|
|
top:131.5px;
|
|
right:48px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-puissance{
|
|
position:absolute;
|
|
top:138px;
|
|
right:23px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-bPuissance
|
|
{
|
|
position:absolute;
|
|
bottom: 14px;
|
|
right: 25px;
|
|
}
|
|
|
|
.sheet-agilite{
|
|
position:absolute;
|
|
top:117px;
|
|
right:12.5px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-bAgilite
|
|
{
|
|
position:absolute;
|
|
bottom: 55px;
|
|
right: 5px;
|
|
}
|
|
|
|
input[type=number]
|
|
{
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button
|
|
{
|
|
/* display: none; <- Crashes Chrome on hover */
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-marginTopBlock
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
.sheet-floatR
|
|
{
|
|
float:right;
|
|
}
|
|
|
|
.sheet-blockInspirationL,
|
|
.sheet-blockInspirationR
|
|
{
|
|
width:calc(50% - 5px);
|
|
display:inline-block;
|
|
line-height:28px;
|
|
}
|
|
|
|
.sheet-blockInspirationL
|
|
{
|
|
float:left;
|
|
}
|
|
|
|
.sheet-blockInspirationR
|
|
{
|
|
float:right;
|
|
}
|
|
|
|
.sheet-blockInspiration
|
|
{
|
|
display:block;
|
|
line-height:28px;
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-blockPts
|
|
{
|
|
width:100%;
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-clear
|
|
{
|
|
clear:both;
|
|
}
|
|
|
|
.sheet-santeBlock
|
|
{
|
|
min-width:840px;
|
|
text-align:center;
|
|
margin:auto;
|
|
}
|
|
|
|
.sheet-santeSubBlock
|
|
{
|
|
width:197px;
|
|
display:inline-block;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-santeTitle
|
|
{
|
|
line-height:28px;
|
|
}
|
|
|
|
.sheet-talentBlock
|
|
{
|
|
width:277px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-talentFoiBlock
|
|
{
|
|
width:840px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-talentSubColumn
|
|
{
|
|
display:inline-block;
|
|
}
|
|
|
|
button.sheet-bTalent
|
|
{
|
|
margin: 0px !important;
|
|
background-image: linear-gradient(#FFCBA4, #6F4E37) !important;
|
|
color: black;
|
|
font-weight: bold;
|
|
width:100%;
|
|
height: 30px;
|
|
text-align:left;
|
|
padding:0px !important;
|
|
border:0px;
|
|
}
|
|
|
|
button.sheet-bTalent::before
|
|
{
|
|
font-family: garamond, Arial !important;
|
|
font-size: 11px;
|
|
line-height: 30px;
|
|
content:attr(title) !important;
|
|
}
|
|
|
|
button.sheet-bTalent:hover
|
|
{
|
|
text-shadow:none !important;
|
|
background-color: #6F4E37;
|
|
}
|
|
|
|
.sheet-titreTalent
|
|
{
|
|
width: calc(100% - 45px) !important;
|
|
}
|
|
|
|
.sheet-titreTalentFoi
|
|
{
|
|
width: 100% !important;
|
|
}
|
|
|
|
input.sheet-talentInputSpe
|
|
{
|
|
border-left-width:0px !important;
|
|
border-radius:0px !important;
|
|
padding: 0px;
|
|
box-shadow:none;
|
|
}
|
|
|
|
input.sheet-talentInputNum
|
|
{
|
|
width:45px !important;
|
|
}
|
|
|
|
input.sheet-talentInputSpe:focus
|
|
{
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;
|
|
}
|
|
|
|
.sheet-CDLBlock
|
|
{
|
|
width:286px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-CDLInputNum
|
|
{
|
|
width: 45px !important;
|
|
float:right;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
button.sheet-bCDL
|
|
{
|
|
margin: 0px !important;
|
|
background-image: linear-gradient(#FFCBA4, #6F4E37) !important;
|
|
color: black;
|
|
font-weight: bold;
|
|
width:100%;
|
|
height: 30px;
|
|
text-align:left;
|
|
padding:0px !important;
|
|
border:0px;
|
|
}
|
|
|
|
button.sheet-bCDL::before
|
|
{
|
|
font-family: garamond, Arial !important;
|
|
line-height: 30px;
|
|
content:attr(title) !important;
|
|
font-size: 14px;
|
|
}
|
|
|
|
button.sheet-bCDL:hover
|
|
{
|
|
text-shadow:none !important;
|
|
background-color: #6F4E37;
|
|
}
|
|
|
|
.sheet-legendeBlock
|
|
{
|
|
width: calc(50% - 147px);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-legendeInput
|
|
{
|
|
width: calc(100% - 11px);
|
|
}
|
|
|
|
.sheet-avDvBlock
|
|
{
|
|
width: calc(50% - 2px);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-avDvInputText
|
|
{
|
|
width:calc(100% - 30px) !important;
|
|
margin-left:4px;
|
|
}
|
|
|
|
.sheet-avDvInputTextarea
|
|
{
|
|
width:calc(100% - 18px) !important;
|
|
}
|
|
|
|
.sheet-armesBlock
|
|
{
|
|
width: calc(50% - 2px);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-armesNom
|
|
{
|
|
width:calc(100% - 215px);
|
|
}
|
|
|
|
.sheet-armesNomDivInput
|
|
{
|
|
width:calc(100% - 233px);
|
|
}
|
|
|
|
.sheet-armesSupBlock
|
|
{
|
|
display:inline-block;
|
|
width: calc(100% - 18px);
|
|
}
|
|
|
|
.sheet-armesSubBlock
|
|
{
|
|
display:inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-armesCaCNotes
|
|
{
|
|
width:calc(100% - 96px);
|
|
}
|
|
|
|
.sheet-armesDistNotes
|
|
{
|
|
width:calc(100% - 150px);
|
|
}
|
|
|
|
button.sheet-bArmes
|
|
{
|
|
font-family: garamond, Arial important;
|
|
line-height: 30px;
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
button.sheet-bArmes
|
|
{
|
|
margin: 0px !important;
|
|
background-image: linear-gradient(#FFCBA4, #6F4E37) !important;
|
|
color: black;
|
|
font-weight: bold;
|
|
width:100%;
|
|
height: 30px;
|
|
text-align:left;
|
|
padding:0px !important;
|
|
border:0px;
|
|
}
|
|
|
|
button.sheet-bArmes::before
|
|
{
|
|
font-family: garamond, Arial !important;
|
|
line-height: 30px;
|
|
content:"" !important;
|
|
font-size: 14px;
|
|
}
|
|
|
|
button.sheet-bArmes:hover
|
|
{
|
|
text-shadow:none !important;
|
|
background-color: #6F4E37;
|
|
}
|
|
|
|
.sheet-armuresNom
|
|
{
|
|
width:calc(100% - 161px);
|
|
}
|
|
|
|
.sheet-armuresNotes
|
|
{
|
|
width:calc(100% - 96px);
|
|
}
|
|
|
|
.sheet-richesseBlock
|
|
{
|
|
width:120px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-EquipementBlock
|
|
{
|
|
width:calc(100% - 130px);
|
|
}
|
|
|
|
.sheet-EquipementSubBlock
|
|
{
|
|
width:calc(50% - 2px);
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-inputBorderBottom
|
|
{
|
|
box-shadow: none;
|
|
border-top:0px !important;
|
|
border-left:0px !important;
|
|
border-right:0px !important;
|
|
border-bottom:1px solid black !important;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-inputBorderAll
|
|
{
|
|
border:1px solid black !important;
|
|
}
|
|
|
|
.sheet-inputBorderBottom:focus
|
|
{
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
|
|
}
|
|
|
|
div.sheet-optionSupBlock:hover > span.sheet-option::before
|
|
{
|
|
opacity:1 !important;
|
|
}
|
|
|
|
input.sheet-optionBlock
|
|
{
|
|
display:inline-block;
|
|
opacity:0;
|
|
width:13.8px;
|
|
height:16px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.sheet-optionBlock + span:before
|
|
{
|
|
font-family:Pictos;
|
|
content:"y";
|
|
margin-left:-14px;
|
|
opacity:0;
|
|
vertical-align: sub;
|
|
}
|
|
|
|
input.sheet-optionBlock:checked + span:before
|
|
{
|
|
opacity:1 !important;
|
|
text-shadow: 2px 2px 2px rgba(139, 69, 19, 0.9);;
|
|
}
|
|
|
|
input.sheet-optionBlock:checked ~ div.sheet-optionFace
|
|
{
|
|
display:none !important;
|
|
}
|
|
|
|
input.sheet-optionBlock:checked ~ div.sheet-optionBack
|
|
{
|
|
display:inline-block !important;
|
|
}
|
|
|
|
div.sheet-optionFace
|
|
{
|
|
display:inline-block;
|
|
}
|
|
|
|
div.sheet-optionBack
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-hideBlock
|
|
{
|
|
display:inline-block;
|
|
opacity:0;
|
|
width:13.8px;
|
|
height:16px;
|
|
}
|
|
|
|
input.sheet-hideBlock + span:before
|
|
{
|
|
font-family:Pictos;
|
|
content:"+";
|
|
margin-left:-14px;
|
|
}
|
|
|
|
input.sheet-hideBlock:checked + span:before
|
|
{
|
|
content:"-";
|
|
}
|
|
|
|
input.sheet-hideBlock:checked ~ div.sheet-hideBlock
|
|
{
|
|
display:block !important;
|
|
}
|
|
|
|
div.sheet-hideBlock
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-LH27
|
|
{
|
|
line-height:27px;
|
|
}
|
|
|
|
.sheet-textCenter
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-textRight
|
|
{
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-marginPtsR
|
|
{
|
|
margin-right:calc(10% - 5px);
|
|
}
|
|
|
|
.sheet-marginPtsL
|
|
{
|
|
margin-left:calc(10% - 5px);
|
|
}
|
|
|
|
.sheet-marginPts95
|
|
{
|
|
margin-right:9.5px;
|
|
}
|
|
|
|
.sheet-marginR15
|
|
{
|
|
margin-right:13px;
|
|
}
|
|
|
|
.sheet-marginPts36
|
|
{
|
|
margin-right:3.6px;
|
|
}
|
|
|
|
.sheet-marginR10
|
|
{
|
|
margin-right:10px;
|
|
}
|
|
|
|
.sheet-width45
|
|
{
|
|
width:45px;
|
|
}
|
|
|
|
.sheet-width50
|
|
{
|
|
width:50px;
|
|
}
|
|
|
|
.sheet-width70
|
|
{
|
|
width:70px;
|
|
}
|
|
|
|
.sheet-width92
|
|
{
|
|
width: 92px !important;
|
|
}
|
|
|
|
.sheet-width101
|
|
{
|
|
width:101px;
|
|
}
|
|
|
|
.sheet-width107
|
|
{
|
|
width:107px;
|
|
}
|
|
|
|
.sheet-width110
|
|
{
|
|
width:110px;
|
|
}
|
|
|
|
.sheet-width114
|
|
{
|
|
width:114px !important;
|
|
}
|
|
|
|
.sheet-width117
|
|
{
|
|
width:117px !important;
|
|
}
|
|
|
|
.sheet-width119
|
|
{
|
|
width:119px !important;
|
|
}
|
|
|
|
.sheet-width100p
|
|
{
|
|
width:100% !important;
|
|
}
|
|
|
|
.sheet-height28
|
|
{
|
|
height:28px;
|
|
}
|
|
|
|
/* Roll template */
|
|
.sheet-rolltemplate-talent div.sheet-template,
|
|
.sheet-rolltemplate-armes div.sheet-template
|
|
{
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Les%20Chants%20de%20Loss/images/chantsloss_bg.png');
|
|
font-family: garamond, Arial !important;
|
|
width:100%;
|
|
border-radius:14px;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-top,
|
|
.sheet-rolltemplate-armes div.sheet-top
|
|
{
|
|
border-top-left-radius:14px;
|
|
border-top-right-radius:14px;
|
|
height:36px !important;
|
|
line-height:36px;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-line,
|
|
.sheet-rolltemplate-armes div.sheet-line
|
|
{
|
|
text-align:center;
|
|
height:28px;
|
|
line-height:28px;
|
|
padding-right:10px;
|
|
padding-left:10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-line:last-child,
|
|
.sheet-rolltemplate-armes div.sheet-line:last-child
|
|
{
|
|
border-bottom-left-radius:14px;
|
|
border-bottom-right-radius:14px;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-lLeftTitle,
|
|
.sheet-rolltemplate-armes div.sheet-lLeftTitle
|
|
{
|
|
float:left;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-lRightInput,
|
|
.sheet-rolltemplate-armes div.sheet-lRightInput
|
|
{
|
|
width: calc(50% - 10px);
|
|
text-align: center;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-right,
|
|
.sheet-rolltemplate-armes div.sheet-right
|
|
{
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent .sheet-lh28,
|
|
.sheet-rolltemplate-armes .sheet-lh28
|
|
{
|
|
line-height:28px !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent div.sheet-line:nth-child(odd),
|
|
.sheet-rolltemplate-armes div.sheet-line:nth-child(odd)
|
|
{
|
|
background-color:rgba(139, 69, 19, 0.5);
|
|
}
|
|
|
|
.sheet-rolltemplate-talent .inlinerollresult,
|
|
.sheet-rolltemplate-armes .inlinerollresult
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-armes .inlinerollresult.fullcrit
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 17px;
|
|
color: green;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-armes .inlinerollresult.fullfail
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 17px;
|
|
color: red;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-armes .inlinerollresult.importantroll
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 17px;
|
|
color: Maroon;
|
|
}
|
|
|
|
.sheet-rolltemplate-talent .sheet-fumble,
|
|
.sheet-rolltemplate-armes .sheet-fumble
|
|
{
|
|
color:red;
|
|
}
|
|
/* Fin Roll template*/ |