Files
roll20-character-sheets/Thalya/thalya.css
T
2017-04-30 01:29:07 +02:00

852 lines
15 KiB
CSS

.charsheet {
background-image: url("http://img4.hostingpics.net/pics/129644NewCanvas.jpg");
}
table
{
width:100%;
border:0px;
background-color:#C2C2F4;
border-radius:25px;
box-shadow: 6px 6px 12px black;
}
th
{
font-weight:bold;
border:0px;
font-size:small;
}
td
{
border:0px;
}
input
{
width:100%;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type=number]
{
-moz-appearance:textfield;
}
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;
}
input.sheet-tab
{
width: 130px;
height: 22px;
position: relative;
top: 5px;
left: 6px;
margin: -1.5px;
cursor: pointer;
z-index: 1;
opacity: 0;
margin-bottom:14px;
margin-top:3px;
}
input.sheet-tab + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
margin-left:-120px;
width: 125px;
height: 20px;
font-size: 14px;
font-weight:bold;
border:1px solid black;
border-top-left-radius: 3em 3em;
border-top-right-radius: 3em 3em;
border-bottom-right-radius: 3em 3em;
border-bottom-left-radius: 3em 3em;
box-shadow: 3px 3px 6px black;
position: relative;
background: #C2C2F4;
}
input.sheet-tab:checked + span::before
{
background: #C2C2F4;
box-shadow: 0px 0px 7px 0px #000000 inset;
}
input.sheet-etatSante
{
width: 150px;
height: 22px;
position: relative;
left: 8px;
margin: -1.5px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-etatSante + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
margin-left:-140px;
width: 145px;
height: 20px;
font-size: 14px;
font-weight:bold;
border:1px solid black;
border-top-left-radius: 3em 3em;
border-top-right-radius: 3em 3em;
border-bottom-right-radius: 3em 3em;
border-bottom-left-radius: 3em 3em;
box-shadow: 3px 3px 6px black;
position: relative;
background: #C2C2F4;
}
input.sheet-etatSante:checked + span::before
{
background: #C2C2F4;
box-shadow: 0px 0px 7px 0px #000000 inset;
}
input.sheet-armureEquipe
{
width: 105px;
height: 22px;
position: relative;
left: 8px;
margin: -1.5px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-armureEquipe + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
margin-left:-95px;
width: 100px;
height: 20px;
font-size: 14px;
font-weight:bold;
border:1px solid black;
border-top-left-radius: 3em 3em;
border-top-right-radius: 3em 3em;
border-bottom-right-radius: 3em 3em;
border-bottom-left-radius: 3em 3em;
box-shadow: 3px 3px 6px black;
position: relative;
background: #C2C2F4;
}
input.sheet-armureEquipe:checked + span::before
{
background: #C2C2F4;
box-shadow: 0px 0px 7px 0px #000000 inset;
}
input.sheet-sorts
{
width: 105px;
height: 22px;
position: relative;
left: 8px;
margin: -1.5px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-sorts + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
margin-left:-95px;
width: 100px;
height: 20px;
font-size: 14px;
font-weight:bold;
border:1px solid black;
border-top-left-radius: 3em 3em;
border-top-right-radius: 3em 3em;
border-bottom-right-radius: 3em 3em;
border-bottom-left-radius: 3em 3em;
box-shadow: 3px 3px 6px black;
position: relative;
background: #C2C2F4;
}
input.sheet-sorts:checked + span::before
{
background: #C2C2F4;
box-shadow: 0px 0px 7px 0px #000000 inset;
}
input.sheet-sortsPrepare
{
width: 105px;
height: 22px;
position: relative;
left: 8px;
margin: -1.5px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-sortsPrepare + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
margin-left:-95px;
width: 100px;
height: 20px;
font-size: 14px;
font-weight:bold;
border:1px solid black;
border-top-left-radius: 3em 3em;
border-top-right-radius: 3em 3em;
border-bottom-right-radius: 3em 3em;
border-bottom-left-radius: 3em 3em;
box-shadow: 3px 3px 6px black;
position: relative;
background: #C2C2F4;
}
input.sheet-sortsPrepare:checked + span::before
{
background: #C2C2F4;
box-shadow: 0px 0px 7px 0px #000000 inset;
}
select
{
width:100%;
margin-bottom:0px;
text-align:center;
}
.repcontrol_add,
.repcontrol_move
{
float:left;
}
.sheet-test_1C .repcontrol_add,
.sheet-test_2C .repcontrol_add
{
border-bottom-left-radius:20px;
}
.sheet-test_1C .repcontrol_edit,
.sheet-test_2C .repcontrol_edit
{
border-bottom-right-radius:20px;
}
.sheet-roundCornerAddModify .repcontrol_add
{
border-bottom-left-radius:10px;
}
.sheet-roundCornerAddModify .repcontrol_edit
{
border-bottom-right-radius:10px;
}
div[data-groupname="repeating_inv1"] .repcontrol_add
{
border-bottom-left-radius:10px;
}
div[data-groupname="repeating_inv2"] .repcontrol_edit
{
border-bottom-right-radius:10px;
}
.sheet-enTete
{
width:calc(100% - 222px);
}
.sheet-left
{
text-align:left;
}
.sheet-center
{
text-align:center;
}
.sheet-justify
{
text-align:justify;
}
.sheet-pair
{
background-color:Gainsboro;
}
.sheet-top
{
margin-top:20px;
}
.sheet-upDown
{
height:15px;
}
.sheet-margeTop
{
margin-top:20px;
}
.sheet-padding-left
{
padding-left:10px;
}
.sheet-padding-right
{
padding-right:10px;
}
.sheet-imgThalya
{
position:absolute;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
margin-top:-10px;
left:50%;
}
.sheet-RDTotal
{
display:inline;
border-radius:25px;
float:right;
font-size:15px;
font-weight:bold;
}
span.sheet-C1,
span.sheet-C2,
span.sheet-C3,
span.sheet-C4,
input.sheet-C1,
input.sheet-C2,
input.sheet-C3,
input.sheet-C4
{
display:none;
}
span.sheet-RC1,
span.sheet-RC2,
span.sheet-RC3,
span.sheet-RC4,
input.sheet-RC1,
input.sheet-RC2,
input.sheet-RC3,
input.sheet-RC4
{
display:none;
}
input.sheet-C1:checked ~ span.sheet-C1,
input.sheet-C2:checked ~ span.sheet-C2,
input.sheet-C3:checked ~ span.sheet-C3,
input.sheet-C4:checked ~ span.sheet-C4
{
display:inline;
}
input.sheet-RC1:checked ~ span.sheet-RC1,
input.sheet-RC2:checked ~ span.sheet-RC2,
input.sheet-RC3:checked ~ span.sheet-RC3,
input.sheet-RC4:checked ~ span.sheet-RC4
{
display:inline;
}
input.sheet-RC1:checked ~ span.sheet-RC0,
input.sheet-RC2:checked ~ span.sheet-RC0,
input.sheet-RC3:checked ~ span.sheet-RC0,
input.sheet-RC4:checked ~ span.sheet-RC0
{
display:none;
}
.sheet-disableInputSorts_1C,
.sheet-disableInputSorts_2C
{
display:none;
}
.sheet-disableInputSorts_2C:not(:empty) ~ div.sheet-test_1C,
.sheet-disableInputSorts_2C:empty ~ div.sheet-test_2C
{
display:none;
}
.sheet-sortsHiddenComp:checked ~ .sheet-childSorts,
.sheet-sortsHiddenComp:checked ~ .sheet-sortsHiddenJet
{
display:none;
}
/*Liste déroulante*/
.sheet-child
{
display:inline-block;
background-color:white;
}
.sheet-child
{
width: calc(100% - 6px);
border-radius:25px;
padding:2px;
}
.sheet-child input,
.sheet-child input + label
{
display:none;
z-index: 1;
}
.sheet-child:hover
{
border:1px solid black;
position:absolute;
width:200px;
height: auto;
z-index: 1;
padding: 5px;
background:#9393F6;
padding-top:15px;
margin-top:-15px;
margin-left:-100px;
}
.sheet-child:hover label
{
display:block;
}
.sheet-child:hover input
{
opacity:0;
display:inline-block;
position:absolute;
width:212px;
left:-4px;
}
.sheet-1 {
width: 100%;
display: inline-block;
display: none;
}
.sheet-2 {
width: 150px;
display: inline-block;
display: none;
}
.sheet-3 {
width: 150px;
display: inline-block;
display: none;
}
.sheet-4 {
width: 150px;
display: inline-block;
display: none;
}
.sheet-child:not(:hover) input[type="radio"][value="1"]:checked ~ .sheet-1 {
display: block;
}
.sheet-child:not(:hover) input[type="radio"][value="2"]:checked ~ .sheet-2 {
display: block;
}
.sheet-child:not(:hover) input[type="radio"][value="3"]:checked ~ .sheet-3 {
display: block;
}
.sheet-child:not(:hover) input[type="radio"][value="4"]:checked ~ .sheet-4 {
display: block;
}
.sheet-child:hover input[type="radio"][value="1"]:checked ~ .sheet-l1::before
{
content:"✓ ";
}
.sheet-child:hover input[type="radio"][value="2"]:checked ~ .sheet-l2::before
{
content:"✓ ";
}
.sheet-child:hover input[type="radio"][value="3"]:checked ~ .sheet-l3::before
{
content:"✓ ";
}
.sheet-child:hover input[type="radio"][value="4"]:checked ~ .sheet-l4::before
{
content:"✓ ";
}
.sheet-child:not(:hover)
{
text-align:center;
border:1px solid black;
}
.sheet-disableInput:empty ~ input
{
display:none;
}
.sheet-disableInputSpe1:empty ~ input.sheet-disabled1,
.sheet-disableInputSpe2:empty ~ input.sheet-disabled2,
.sheet-disableInputSpe3:empty ~ input.sheet-disabled3,
.sheet-disableInputSpe4:empty ~ input.sheet-disabled4
{
display:none;
}
/*Fin Liste déroulante*/
/*Liste déroulante Sorts*/
.sheet-childSorts
{
display:inline-block;
background-color:white;
height:17px;
}
.sheet-childSorts
{
width: calc(100% - 6px);
max-width:220px;
border-radius:25px;
padding:2px;
}
.sheet-childSorts input,
.sheet-childSorts input + label
{
display:none;
z-index: 1;
}
.sheet-childSorts:hover
{
border:1px solid black;
position:absolute;
width:220px;
height: auto;
z-index: 1;
padding: 5px;
background:#9393F6;
padding-top:15px;
margin-top:-15px;
margin-left:-100px;
}
.sheet-childSorts:hover label
{
display:block;
}
.sheet-childSorts:hover input[type="radio"]
{
opacity:0;
display:inline-block;
position:absolute;
width:232px;
height:22px;
left:0px;
}
.sheet-1Sorts {
width: 100%;
display: inline-block;
display: none;
}
.sheet-2Sorts {
width: 150px;
display: inline-block;
display: none;
}
.sheet-3Sorts {
width: 150px;
display: inline-block;
display: none;
}
.sheet-4Sorts {
width: 150px;
display: inline-block;
display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="1"]:checked ~ .sheet-1Sorts
{
display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="2"]:checked ~ .sheet-2Sorts
{
display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="3"]:checked ~ .sheet-3Sorts
{
display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="4"]:checked ~ .sheet-4Sorts
{
display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="1"]:checked ~ .sheet-0Sorts
{
display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="2"]:checked ~ .sheet-0Sorts
{
display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="3"]:checked ~ .sheet-0Sorts
{
display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="4"]:checked ~ .sheet-0Sorts
{
display: none;
}
.sheet-childSorts:hover input ~ .sheet-0Sorts
{
display:none;
}
.sheet-childSorts:hover input ~ .sheet-l1::before
{
content:"✓ ";
}
.sheet-childSorts:hover input[type="radio"][value="2"]:checked ~ .sheet-l2::before
{
content:"✓ ";
}
.sheet-childSorts:hover input[type="radio"][value="3"]:checked ~ .sheet-l3::before
{
content:"✓ ";
}
.sheet-childSorts:hover input[type="radio"][value="4"]:checked ~ .sheet-l4::before
{
content:"✓ ";
}
.sheet-childSorts:hover input[type="checkbox"][value="2"]:checked ~ .sheet-l1::before
{
content:"";
}
.sheet-childSorts:hover input[type="checkbox"][value="3"]:checked ~ .sheet-l1::before
{
content:"";
}
.sheet-childSorts:hover input[type="checkbox"][value="4"]:checked ~ .sheet-l1::before
{
content:"";
}
.sheet-childSorts:not(:hover)
{
text-align:center;
border:1px solid black;
}
.sheet-childInputText
{
width:calc(100% - 20px);
background-color:transparent;
border:0px;
color:black;
box-shadow:none;
font-weight:bold;
font-size:1.2em;
margin-bottom:10px;
padding:0px;
}
.sheet-childInputTextChoice
{
width:calc(100% - 20px);
background-color:transparent;
border:0px;
color:black;
box-shadow:none;
margin:0px;
padding:0px;
}
/*Fin Liste déroulante Sorts*/
/*Template*/
.sheet-rolltemplate-base table,
.sheet-rolltemplate-combat table,
.sheet-rolltemplate-sort table
{
width:100%;
background-color:#C2C2F4;
border-radius:20px;
box-shadow: 6px 6px 12px black;
}
.sheet-rolltemplate-base .sheet-center,
.sheet-rolltemplate-combat .sheet-center,
.sheet-rolltemplate-sort .sheet-center
{
text-align:center;
}
.sheet-rolltemplate-base .sheet-right,
.sheet-rolltemplate-combat .sheet-right,
.sheet-rolltemplate-sort .sheet-right
{
text-align:right;
}
.sheet-rolltemplate-base .sheet-left,
.sheet-rolltemplate-combat .sheet-left,
.sheet-rolltemplate-sort .sheet-left
{
text-align:left;
}
.sheet-rolltemplate-base .sheet-subTitle,
.sheet-rolltemplate-combat .sheet-subTitle,
.sheet-rolltemplate-sort .sheet-subTitle
{
color:black;
}
.sheet-rolltemplate-base .sheet-upDown,
.sheet-rolltemplate-combat .sheet-upDown,
.sheet-rolltemplate-sort .sheet-upDown
{
height:20px;
}
.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-combat .inlinerollresult,
.sheet-rolltemplate-sort .inlinerollresult
{
background-color: transparent;
border: none;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-combat .inlinerollresult.fullcrit,
.sheet-rolltemplate-sort .inlinerollresult.fullcrit
{
border: none;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-combat .inlinerollresult.fullfail,
.sheet-rolltemplate-sort .inlinerollresult.fullfail
{
border: none;
}
.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-combat .inlinerollresult.importantroll,
.sheet-rolltemplate-sort .inlinerollresult.importantroll
{
border: none;
}
.sheet-rolltemplate-base .sheet-padding-left,
.sheet-rolltemplate-combat .sheet-padding-left,
.sheet-rolltemplate-sort .sheet-padding-left
{
padding-left:10px;
}
.sheet-rolltemplate-base .sheet-title,
.sheet-rolltemplate-combat .sheet-title,
.sheet-rolltemplate-sort .sheet-title
{
font-weight:bold;
}
.sheet-rolltemplate-base .sheet-impair,
.sheet-rolltemplate-combat .sheet-impair,
.sheet-rolltemplate-sort .sheet-impair
{
background-color:#9393F6;
}
.sheet-rolltemplate-base h6,
.sheet-rolltemplate-combat h6,
.sheet-rolltemplate-sort h6
{
color:#9393F6;
}