mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
741 lines
13 KiB
CSS
741 lines
13 KiB
CSS
.charsheet{
|
|
color:black!important;
|
|
--dark-secondarytext:black!important;
|
|
width: 850px;
|
|
|
|
}
|
|
|
|
/* Configuration Window*/
|
|
.charsheet .sheet-cdiv {
|
|
width:798px;
|
|
/*border: 1px dotted;*/
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.sheet-HideConfig:checked ~ *.sheet-config {
|
|
display:none;
|
|
}
|
|
|
|
.charsheet span.sheet-is-config::after { /*Close Config: grayish background with black text*/
|
|
content: "^";
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration: Black background with grayish text*/
|
|
content: "v";
|
|
}
|
|
|
|
.charsheet span.sheet-is-config {
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 5%;
|
|
height: 16px;
|
|
font-size: 9px;
|
|
/*font-family: "Pictos";*/
|
|
/*background: #65763c;*/
|
|
background: black; /*#93537c;*/
|
|
color: white; /*white;*/
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
margin-left: -5%;
|
|
}
|
|
|
|
.charsheet input.sheet-HideConfig {
|
|
width: 5%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
/*position: absolute;
|
|
right: 20%;*/
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet .sheet-HideConfig:checked + span.sheet-is-config {
|
|
background: black;
|
|
border-radius: 4px;
|
|
color: white;
|
|
}
|
|
|
|
.charsheet label.sheet-configitem {
|
|
margin-left: 10px;
|
|
width: 50px;
|
|
font-size: .9em;
|
|
font-weight: normal
|
|
}
|
|
|
|
/*End Configuration Window*/
|
|
|
|
|
|
|
|
|
|
input.sheet-showKuge:checked ~ div.sheet-Kuge{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showBuke:checked ~ div.sheet-Buke{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showBuke:checked ~ div.sheet-Buke{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showBonge:checked ~ div.sheet-Bonge{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
input.sheet-showShokunin:checked ~ div.sheet-Shokunin{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showAshigaru:checked ~ div.sheet-Ashigaru{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showAkuto:checked ~ div.sheet-Akuto{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showSo:checked ~ div.sheet-So{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showKugeCourtier:checked ~ div.sheet-KugeCourtier{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showExecutioner:checked ~ div.sheet-Executioner{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showSamCourtier:checked ~ div.sheet-SamCourtier{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showFarmer:checked ~ div.sheet-Farmer{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showKensei:checked ~ div.sheet-Kensei{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showBudoka:checked ~ div.sheet-Budoka{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showWako:checked ~ div.sheet-Wako{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showDoshin:checked ~ div.sheet-Doshin{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showRonin:checked ~ div.sheet-Ronin{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showSamurai:checked ~ div.sheet-Samurai{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showShinobi:checked ~ div.sheet-Shinobi{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showYamabushi:checked ~ div.sheet-Yamabushi{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showSohei:checked ~ div.sheet-Sohei{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showSumotori:checked ~ div.sheet-Sumotori{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showNusubito:checked ~ div.sheet-Nusubito{
|
|
display: none;
|
|
}
|
|
|
|
|
|
input.sheet-showBushi:checked ~ div.sheet-Bushi{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.sheet-logo{
|
|
display:inline-block;
|
|
height: 132px;
|
|
width: 275px;
|
|
background-size: 265px 139px;
|
|
background-repeat: no-repeat;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Sengoku/logo.png);
|
|
|
|
}
|
|
|
|
.sheet-text_input{
|
|
border: none;
|
|
box-shadow: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0;
|
|
display:inline-block;
|
|
|
|
}
|
|
|
|
.sheet-input_label{
|
|
width:100px;
|
|
}
|
|
|
|
.sheet-wpn-fontSz input{
|
|
font-size:x-small;
|
|
}
|
|
|
|
.sheet-action-table td{
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
.sheet-skillName{
|
|
width:212px;
|
|
|
|
}
|
|
|
|
.sheet-comp-input{
|
|
width:340px;
|
|
font-size:x-small;
|
|
}
|
|
|
|
.sheet-info_labels{
|
|
text-align:right;
|
|
}
|
|
|
|
|
|
.sheet-pto{
|
|
margin-left:5px;
|
|
}
|
|
.sheet-info_input{
|
|
width:75%
|
|
}
|
|
|
|
.sheet-info_table{
|
|
width:100%
|
|
}
|
|
|
|
|
|
.sheet-cpto_header{
|
|
font-size:large;
|
|
}
|
|
|
|
.sheet-td_inputs{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-char_inputs{
|
|
width:25px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-compPerk_inputs{
|
|
width:30px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-combat_inputs{
|
|
width:25px;
|
|
text-align:center;
|
|
background-color:transparent;
|
|
color:#3f2615;
|
|
}
|
|
|
|
.sheet-hit-location span{
|
|
margin-left:5px;
|
|
}
|
|
|
|
.sheet-hit-location input{
|
|
margin-left:5px;
|
|
}
|
|
|
|
|
|
.sheet-eqpText{
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
.sheet-padded tr.sheet-first td { padding-top:10px; }
|
|
.sheet-padded tr.sheet-last td { padding-bottom:10px; }
|
|
.sheet-padded tr.sheet-first th { padding-top:10px; }
|
|
.sheet-padded tr.sheet-last th { padding-bottom:10px; }
|
|
.sheet-padded td.sheet-first { padding-left:10px; }
|
|
.sheet-padded td.sheet-last { padding-right:10px; }
|
|
.sheet-padded th.sheet-first { padding-left:10px; }
|
|
.sheet-padded th.sheet-last { padding-right:10px; }
|
|
|
|
|
|
.sheet-center{
|
|
margin: auto;
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-table_center{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
border: 1px solid black;
|
|
|
|
}
|
|
|
|
.sheet-skill_values div{
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-skill_header {
|
|
display:block!important;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-ActionRoll{
|
|
font-family:Tahoma;
|
|
background-size: 226px;
|
|
background-repeat: no-repeat;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Sengoku/border3.png);
|
|
color:black;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-ActionRoll div{
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-ActionRoll .inlinerollresult {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-ActionRoll .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-ActionRoll .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-ActionRoll .inlinerollresult.importantroll{
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-ActionRoll .sheet-special{
|
|
color:red;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-HitLocation{
|
|
font-family:Tahoma;
|
|
background-size: 226px;
|
|
background-repeat: no-repeat;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Sengoku/border3.png);
|
|
color:black;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-HitLocation div{
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-HitLocation .inlinerollresult {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-HitLocation .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-HitLocation .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-HitLocation .inlinerollresult.importantroll{
|
|
border:none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.sheet-rolltemplate-StatRoll{
|
|
font-family:Tahoma;
|
|
background-size: 226px;
|
|
background-repeat: no-repeat;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Sengoku/border3.png);
|
|
color:black;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-StatRoll div{
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sheet-rolltemplate-StatRoll .inlinerollresult {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-StatRoll .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-StatRoll .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-StatRoll .inlinerollresult.importantroll{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-StatRoll .sheet-special{
|
|
color:red;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-SkillRoll{
|
|
font-family:Tahoma;
|
|
background-size: 226px;
|
|
background-repeat: no-repeat;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Sengoku/border3.png);
|
|
color:black;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-SkillRoll div{
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult.importantroll{
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-SkillRoll .sheet-special{
|
|
color:red;
|
|
}
|
|
|
|
|
|
|
|
|
|
.sheet-rolltemplate-Damage{
|
|
font-family:Tahoma;
|
|
background-size: 226px;
|
|
background-repeat: no-repeat;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Sengoku/border3.png);
|
|
color:black;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-Damage div{
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-Damage .inlinerollresult {
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-Damage .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-Damage .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-Damage .inlinerollresult.importantroll{
|
|
border:none;
|
|
}
|
|
|
|
|
|
div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(even) {
|
|
background-color: #ba6f3f;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
|
|
div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(odd) {
|
|
background-color: white;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.repcontrol{
|
|
margin-right: 7px;
|
|
}
|
|
|
|
div.repcontrol button
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
color: transparent;
|
|
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
|
|
}
|
|
|
|
div.repcontrol button.repcontrol_add::before,
|
|
div.repcontrol button.repcontrol_edit::before
|
|
{
|
|
font-family: Pictos;
|
|
position: relative;
|
|
color: #000;
|
|
}
|
|
|
|
/* +Add */
|
|
div.repcontrol button.repcontrol_add::before
|
|
{
|
|
|
|
content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */
|
|
left: -5px;
|
|
top: -4px;
|
|
}
|
|
|
|
/* Modify */
|
|
div.repcontrol button.repcontrol_edit::before
|
|
{
|
|
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
content: "x"; /* x in Pictos is a crossed hammer and wrench */
|
|
left: -5px;
|
|
top: -4px;
|
|
}
|
|
/* Done */
|
|
div.repcontrol.editmode button.repcontrol_edit::before
|
|
{
|
|
content: "3"; /* 3 in Pictos is a check mark */
|
|
|
|
}
|
|
|
|
button[type=roll].sheet-new_roll::before {
|
|
background-image: none;
|
|
font-size: 13px;
|
|
content: "";
|
|
margin: 0 0px 0 0;
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-new_roll {
|
|
/*background-image: none;
|
|
background-color: #f2f5d3;*/
|
|
margin:0px;
|
|
}
|
|
|
|
|
|
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,
|
|
input.sheet-tab6:checked ~ div.sheet-tab6
|
|
*/
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab
|
|
{
|
|
width: 100px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 5px;
|
|
margin: -1.5px;
|
|
margin-bottom: 5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-tab + span::before
|
|
{
|
|
content:attr(title);
|
|
|
|
|
|
border: solid 1px #a8a8a8;
|
|
border-bottom-color: black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: -webkit-linear-gradient(to top, #D3D3D3 8, #fff, #D3D3D3 );
|
|
background: -ms-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: -o-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
|
|
width: 100px;
|
|
height: 20px;
|
|
font-size: 18px;
|
|
|
|
position: absolute;
|
|
top: 70px;
|
|
left: 30px;
|
|
}
|
|
|
|
input.sheet-tab:checked + span::before
|
|
{
|
|
background: #dcdcdc;
|
|
background: -moz-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
|
|
background: -webkit-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
|
|
background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -o-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
|
|
background: linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child) + span::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
|
|
input.sheet-tab2 + span::before
|
|
{
|
|
left: 133px;
|
|
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: -webkit-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: -ms-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: -o-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
background: linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
|
|
}
|
|
|
|
/*
|
|
input.sheet-tab3 + span::before
|
|
{
|
|
|
|
left: 234px;
|
|
}
|
|
|
|
|
|
input.sheet-tab4 + span::before
|
|
{
|
|
|
|
left: 336px;
|
|
}
|
|
input.sheet-tab5 + span::before
|
|
{
|
|
|
|
left: 438px;
|
|
}
|
|
|
|
input.sheet-tab6 + span::before
|
|
{
|
|
|
|
left: 540px;
|
|
}
|
|
|
|
*/
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
font-family: 'Verdana';
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 2px 0 0 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*-------------------------------------------*/
|
|
/*------------ Repeating Buttons ------------*/
|
|
/*-------------------------------------------*/
|
|
|
|
.repcontrol .btn {
|
|
border: 0 solid transparent;
|
|
color: white !important;
|
|
background: none;
|
|
font-size: 0px;
|
|
box-shadow: none;
|
|
margin-bottom: 1px;
|
|
font-family: pictos;
|
|
font-style: normal;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit::after {
|
|
content: '(';
|
|
}
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit::after {
|
|
content: ')';
|
|
}
|
|
|
|
.repcontrol .repcontrol_add::before {
|
|
content: '&';
|
|
}
|
|
|
|
.repcontrol .repcontrol_add::before,
|
|
.repcontrol .repcontrol_edit::after {
|
|
visibility: visible;
|
|
background-color: #fff;
|
|
border: 1px solid #999;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: #333;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:hover::after,
|
|
.repcontrol .repcontrol_add:hover::before
|
|
{
|
|
background-color: #EFEFEF;
|
|
} |