mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1684 lines
28 KiB
CSS
1684 lines
28 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Trade+Winds&display=swap');
|
|
|
|
|
|
.charsheet {
|
|
min-width: 832px;
|
|
max-width: 832px;
|
|
|
|
}
|
|
|
|
|
|
.charsheet textarea{
|
|
width:96%;
|
|
}
|
|
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
font-family:'Trade Winds';
|
|
/*font-family: 'Verdana';*/
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 2px 0 0 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
.sheet-tabSpan{
|
|
font-family:'Trade Winds';
|
|
}
|
|
|
|
input.sheet-tab
|
|
{
|
|
width: 110px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 5px;
|
|
margin: -1.5px;
|
|
margin-bottom: 5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
font-family:'Trade Winds';
|
|
}
|
|
|
|
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: 110px;
|
|
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;
|
|
}
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.sheet-centerChkBox{
|
|
align-self: center;
|
|
}
|
|
|
|
|
|
.sheet-wrapper1 {
|
|
display: grid;
|
|
grid-template-columns: 48% 50%;
|
|
grid-gap: 10px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-skillsWrapper {
|
|
display: grid;
|
|
grid-template-columns: 25% 25% 25% 25%;
|
|
grid-gap: 3px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-dodgeWrapper {
|
|
display: grid;
|
|
grid-template-columns: 10px 69px 33px 33px 33px 21px 250px;
|
|
grid-gap: 3px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
.sheet-dodge{
|
|
align-self: center;
|
|
font-size: small!important;
|
|
}
|
|
|
|
.sheet-dodgeWrapper input,
|
|
.sheet-dodgeWrapper select {
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
.sheet-magicStatsWrapper{
|
|
display: grid;
|
|
grid-template-columns: 33px 33px 78px 43px 112px;
|
|
grid-gap: 3px;
|
|
/*grid-auto-rows: minmax(auto, auto);*/
|
|
width: 325px;
|
|
}
|
|
|
|
.sheet-magicStatsWrapper input,
|
|
.sheet-magicStatsWrapper select {
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
.sheet-spellRuneStorageWrapper{
|
|
display: grid;
|
|
grid-template-columns: 45% 55%;
|
|
grid-gap: 5px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-spellWrapper{
|
|
display: grid;
|
|
grid-template-columns: 119px 78px 46px 78px 218px;
|
|
grid-gap: 3px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-spellWrapper input,
|
|
.sheet-spellWrapper select {
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
.sheet-runeWrapper{
|
|
display: grid;
|
|
grid-template-columns: 27% 13% 5% 19% 11% 19%;
|
|
grid-gap: 3px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-runeWrapper input,
|
|
.sheet-runeWrapper select {
|
|
font-size:x-small;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-runeWrapper select {
|
|
margin-bottom: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-mpStorageWrapper{
|
|
display: grid;
|
|
grid-template-columns: 359px 33px 33px;
|
|
grid-gap: 3px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
|
|
.charsheet .sheet-spellEffect{
|
|
font-size:xx-small;
|
|
height:8em;
|
|
width:95%;
|
|
}
|
|
|
|
.sheet-mpLabel{
|
|
grid-column: 1 /span 3;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.sheet-spellLabel{
|
|
grid-column: 4 /span 2;
|
|
text-align: center;
|
|
}
|
|
|
|
input.sheet-spellHgt {
|
|
height:27px;
|
|
}
|
|
|
|
|
|
.sheet-demonsWrapper{
|
|
display: grid;
|
|
grid-template-columns:50% 50%;
|
|
grid-gap: 5px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
|
|
}
|
|
|
|
|
|
.sheet-demonWrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 10px 5px 5px 5px;
|
|
width: 95%;
|
|
}
|
|
|
|
.sheet-wrapper1-col1 {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
width:100%;
|
|
}
|
|
.sheet-wrapper1-col2 {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
width: 100%;
|
|
|
|
}
|
|
.sheet-wrapper2 {
|
|
display: grid;
|
|
grid-template-columns:5% 11% 9% 9% 9% 44%;
|
|
grid-gap: 5px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
.sheet-modDiv{
|
|
padding: 10px 0 10px 0;
|
|
width: 75px;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
|
|
.sheet-hpShieldWrapper{
|
|
display: grid;
|
|
grid-template-columns: 41% 59%;
|
|
grid-gap: 5px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
|
|
}
|
|
|
|
.sheet-shield{
|
|
align-self: center;
|
|
font-size: small!important;
|
|
}
|
|
|
|
.charsheet .sheet-defaultTextarea{
|
|
width:95%;
|
|
}
|
|
|
|
.sheet-wealth{
|
|
height:100px;
|
|
}
|
|
|
|
|
|
.sheet-armorWrapper{
|
|
display: grid;
|
|
grid-template-columns:30% 23% 23% 16% 7%;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
.sheet-h2hWrapper{
|
|
display: grid;
|
|
grid-template-columns:120px 85px 35px 16px 36px 42px 44px 35px 23px 52px 25px 29px 26px 59px 79px 53px 59px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
align-items: end;
|
|
justify-items: center;
|
|
|
|
}
|
|
|
|
.sheet-h2hWrapper input,
|
|
.sheet-h2hWrapper select {
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
|
|
.sheet-msslWrapper{
|
|
display: grid;
|
|
grid-template-columns:108px 69px 18px 41px 16px 34px 38px 44px 35px 49px 34px 59px 61px 34px 51px 64px 57px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
align-items: end;
|
|
justify-items: center;
|
|
|
|
}
|
|
|
|
.sheet-msslWrapper input,
|
|
.sheet-msslWrapper select {
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
.sheet-shieldwrapper{
|
|
margin-top: 10px;
|
|
display: grid;
|
|
grid-template-columns: 5% 12% 8% 8% 6% 8% 15% 14% 5% 18%;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-shieldwrapper input,
|
|
.sheet-shieldwrapper select {
|
|
font-size:x-small;
|
|
}
|
|
|
|
.sheet-gearWrapper{
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
grid-gap: 5px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
|
|
}
|
|
|
|
|
|
.sheet-horseWrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 10px 5px 5px 5px;
|
|
width: 95%;
|
|
}
|
|
|
|
|
|
|
|
.sheet-horseStatWrapper{
|
|
|
|
display: grid;
|
|
grid-template-columns: 41px 35px 41px 35px 41px 35px 41px 35px 13px 50px ;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
.sheet-horseWeapons{
|
|
display: grid;
|
|
grid-template-columns: 35px 160px 50px 77px 20px 35px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-horseSkills{
|
|
display: grid;
|
|
grid-template-columns: 35px 216px 50px 35px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
/*
|
|
.sheet-text_input{
|
|
border: none;
|
|
box-shadow: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0;
|
|
display:inline-block;
|
|
outline:none;
|
|
}*/
|
|
|
|
.sheet-marginT10{
|
|
margin-top:10px;
|
|
}
|
|
|
|
.sheet-demonStatWrapper{
|
|
|
|
display: grid;
|
|
grid-template-columns: 41px 35px 35px 41px 35px 35px 41px 35px 35px 41px 35px 35px ;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
.sheet-demonWeapons{
|
|
display: grid;
|
|
grid-template-columns: 35px 160px 50px 77px 20px 35px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-demonSkills{
|
|
display: grid;
|
|
grid-template-columns: 35px 216px 50px 35px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
|
|
.sheet-demonAbilities{
|
|
display: grid;
|
|
grid-template-columns: 140px 53px 98px 100px;
|
|
grid-gap: 0px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
.charsheet .sheet-abilityEffect{
|
|
height: 3.5em;
|
|
font-size:xx-small;
|
|
width:96%;
|
|
}
|
|
|
|
.sheet-demonAbilities input{
|
|
font-size:xx-small;
|
|
}
|
|
|
|
.sheet-abilityEffectHdr{
|
|
text-align:left;
|
|
font-size:xx-small;
|
|
margin-top:5px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-backgroundWrapper{
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
grid-gap: 5px;
|
|
grid-auto-rows: minmax(auto, auto);
|
|
}
|
|
|
|
|
|
.sheet-Residence{
|
|
height:3.5em;
|
|
}
|
|
|
|
.sheet-centerText{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-header{
|
|
color:#b87a38;
|
|
font-size:large;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sheet-allegianceRank{
|
|
display: block;
|
|
width: 86px;
|
|
font-size: xx-small;
|
|
padding:0px;
|
|
}
|
|
|
|
.sheet-allFrame1{
|
|
background-size: 100% auto;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/allFrameTest2.png');
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-header2{
|
|
font-size: 1.25em;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
background-color: white;
|
|
display: inline-block;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
.sheet-shieldDivider{
|
|
background-size: 100% auto;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/shieldBorderTest1.png');
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
|
|
.sheet-storageInscribedDivider{
|
|
background-size: 100% auto;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/hpBorderTest1.png');
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
|
|
.sheet-hpDivider{
|
|
background-size: 100% auto;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/hpBorderTest1.png');
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
|
|
.sheet-gearDivider{
|
|
background-size: 100% auto;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/borderTest6.png');
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.sheet-fullDivider{
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/borderTest5.png');
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.sheet-spellsDivider{
|
|
background-size: 100% auto;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Elric/Graphics/shieldBorderTest1.png');
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.sheet-skill_category{
|
|
color:#b87a38;
|
|
/*font-size:large;*/
|
|
margin-bottom: 10px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-statLabel2{
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-charLabel{
|
|
align-self: end;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
.sheet-dbLabel{
|
|
width:50px;
|
|
}
|
|
|
|
.sheet-topCell{
|
|
align-self: start;
|
|
}
|
|
|
|
.sheet-bottCell{
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-char_values{
|
|
display:inline-block;
|
|
font-size:1.0em;
|
|
width:34px;
|
|
box-shadow: none;
|
|
border: 0px;
|
|
border-radius:0px;
|
|
border-bottom: 1px solid black;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
.sheet-attribute_label{
|
|
font-size:0.75em;
|
|
width:61px;
|
|
display:inline-block
|
|
|
|
}
|
|
|
|
.sheet-bold{
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
.sheet-equipment{
|
|
min-height: 5em;
|
|
max-height: 5em;
|
|
width: 398px;
|
|
}
|
|
|
|
.sheet-horseName{
|
|
width:164px;
|
|
}
|
|
|
|
.sheet-horseArmor{
|
|
width:50px;
|
|
}
|
|
|
|
|
|
.sheet-horseArmorType{
|
|
width:75px;
|
|
}
|
|
|
|
.sheet-horseBreed{
|
|
width:122px;
|
|
}
|
|
|
|
.sheet-skillName{
|
|
width:115px;
|
|
font-size:x-small;
|
|
}
|
|
|
|
.sheet-weapon_type{
|
|
width:75px;
|
|
font-size:x-small;
|
|
}
|
|
|
|
|
|
|
|
.charsheet button[type=roll].sheet-turn_order::before {
|
|
background-image: none;
|
|
font-size: 13px;
|
|
font-family: pictos;
|
|
content: "t";
|
|
margin: 0 0px 0 0;
|
|
}
|
|
|
|
|
|
.charsheet button[type=roll].sheet-turn_order {
|
|
/*background-image: none;
|
|
background-color: #f2f5d3;*/
|
|
margin:0px;
|
|
}
|
|
|
|
|
|
.sheet-skill_values{
|
|
text-align:center;
|
|
font-size:0.75em;
|
|
width:28px;
|
|
}
|
|
|
|
.sheet-col1{
|
|
grid-column:1;
|
|
}
|
|
|
|
.sheet-col2{
|
|
grid-column:2;
|
|
}
|
|
|
|
.sheet-col3{
|
|
grid-column:3;
|
|
}
|
|
|
|
.sheet-col4{
|
|
grid-column:4;
|
|
}
|
|
|
|
.sheet-col5{
|
|
grid-column:5;
|
|
}
|
|
|
|
.sheet-col6{
|
|
grid-column:6;
|
|
}
|
|
|
|
.sheet-col7{
|
|
grid-column:7;
|
|
}
|
|
|
|
|
|
.sheet-col8{
|
|
grid-column:8;
|
|
}
|
|
|
|
.sheet-col9{
|
|
grid-column:9;
|
|
}
|
|
|
|
.sheet-col10{
|
|
grid-column:10;
|
|
}
|
|
|
|
.sheet-col11{
|
|
grid-column:11;
|
|
}
|
|
|
|
|
|
.sheet-col12{
|
|
grid-column:12;
|
|
}
|
|
|
|
.sheet-col113{
|
|
grid-column:13;
|
|
}
|
|
|
|
.sheet-col114{
|
|
grid-column:14;
|
|
}
|
|
|
|
.sheet-col15{
|
|
grid-column:15;
|
|
}
|
|
|
|
|
|
.sheet-col16{
|
|
grid-column:16;
|
|
}
|
|
|
|
.sheet-col17{
|
|
grid-column:17;
|
|
}
|
|
|
|
.sheet-col18{
|
|
grid-column:18;
|
|
}
|
|
|
|
.sheet-col19{
|
|
grid-column:19;
|
|
}
|
|
|
|
.sheet-col20{
|
|
grid-column:20;
|
|
}
|
|
|
|
.sheet-col21{
|
|
grid-column:21;
|
|
}
|
|
|
|
.sheet-col22{
|
|
grid-column:22;
|
|
}
|
|
|
|
|
|
.sheet-row1{
|
|
grid-row:1;
|
|
}
|
|
|
|
.sheet-row2{
|
|
grid-row:2;
|
|
}
|
|
|
|
.sheet-row3{
|
|
grid-row:3;
|
|
}
|
|
|
|
.sheet-row4{
|
|
grid-row:4;
|
|
}
|
|
|
|
.sheet-row5{
|
|
grid-row:5;
|
|
}
|
|
|
|
.sheet-row6{
|
|
grid-row:6;
|
|
}
|
|
|
|
|
|
.sheet-row7{
|
|
grid-row:7;
|
|
}
|
|
|
|
|
|
.sheet-row8{
|
|
grid-row:8;
|
|
}
|
|
|
|
/*
|
|
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;
|
|
}
|
|
x
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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;
|
|
}
|
|
*/
|
|
|
|
/* .charsheet .sheet-text_input */
|
|
div.sheet-skills input.sheet-text_input {
|
|
height:26px;
|
|
}
|
|
|
|
div.sheet-skills {
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-dtlsLine{
|
|
padding-bottom:4px;
|
|
}
|
|
|
|
.sheet-name{
|
|
width:364px;
|
|
}
|
|
|
|
.sheet-gender{
|
|
width:59px;
|
|
}
|
|
|
|
.sheet-age{
|
|
width:35px;
|
|
}
|
|
|
|
.sheet-birthPlc{
|
|
width:150px;
|
|
}
|
|
|
|
|
|
.sheet-title{
|
|
width:150px;
|
|
}
|
|
|
|
.sheet-family{
|
|
width:175px;
|
|
}
|
|
|
|
.sheet-occupation{
|
|
width:331px;
|
|
}
|
|
|
|
.sheet-allgSpan{
|
|
display:inline-block
|
|
}
|
|
|
|
.sheet-allgWrapper{
|
|
text-align:center
|
|
}
|
|
|
|
.sheet-looks{
|
|
min-height:7.5em;
|
|
max-height:7.5em;
|
|
}
|
|
|
|
.sheet-text_input{
|
|
border: none;
|
|
box-shadow: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0;
|
|
display:inline-block;
|
|
outline:none;
|
|
line-height:12px;
|
|
padding-top:0px;
|
|
padding-bottom:0px;
|
|
|
|
}
|
|
|
|
.sheet-header{
|
|
color:#b87a38;
|
|
font-size:large;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sheet-detailsItem{
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
.sheet-details2{
|
|
width:98px;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.sheet-details3{
|
|
width:269px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-details-label{
|
|
font-size:x-small;
|
|
font-weight:bold;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
|
|
.sheet-skillHeader{
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-skillName{
|
|
display:inline-block;
|
|
}
|
|
.sheet-skillRating{
|
|
display:inline-block;
|
|
}
|
|
.sheet-skillLevel{
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
.sheet-skill_category{
|
|
color:#b87a38;
|
|
/*font-size:large;*/
|
|
margin-bottom: 10px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-char-label{
|
|
Font-size:xx-large;
|
|
font-weight:bold;
|
|
display:inline-block;
|
|
padding:1px 2px 1px 1px;
|
|
text-align:center;
|
|
font-size:large;
|
|
width:43px;
|
|
}
|
|
|
|
|
|
.sheet-char_values{
|
|
display:inline-block;
|
|
font-size:1.0em;
|
|
width:34px;
|
|
box-shadow: none;
|
|
border: 0px;
|
|
border-radius:0px;
|
|
border-bottom: 1px solid black;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
|
|
.sheet-melee_wpns_labels label{
|
|
display:inline-block;
|
|
font-size:1em;
|
|
}
|
|
|
|
.sheet-melee_wpns_labels div{
|
|
display:inline-block;
|
|
font-size:x-small;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-tableHdr{
|
|
font-size:x-small;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-armorDice{
|
|
width:63px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-armorRow{
|
|
height:25px!important;
|
|
}
|
|
|
|
.sheet-cellFill{
|
|
width:90%;
|
|
}
|
|
|
|
.sheet-2digits{
|
|
text-align:center;
|
|
width:35px;
|
|
}
|
|
|
|
.sheet-majWndButt{
|
|
margin-left: 10px!important;
|
|
margin-right: 10px!important;
|
|
}
|
|
|
|
.sheet-wounds{
|
|
width:74px;
|
|
}
|
|
|
|
.sheet-POWx4{
|
|
margin-left:5px!important;
|
|
}
|
|
|
|
.sheet-hpwndsrow1{
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
|
|
.sheet-skillButtons{
|
|
margin: 1px 3px 1px 3px!important;
|
|
}
|
|
|
|
/* allgiance button */
|
|
.charsheet button[type=roll].sheet-turn_order::before {
|
|
background-image: none;
|
|
font-size: 13px;
|
|
font-family: pictos;
|
|
content: "t";
|
|
margin: 0 0px 0 0;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-allg_roll::before {
|
|
content: " ";
|
|
background-image: none;
|
|
}
|
|
|
|
.charsheet button.sheet-allg_roll[type="roll"] {
|
|
font-size:small;
|
|
color:white;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
/*border: 1px solid red;*/
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
border:none;
|
|
}
|
|
|
|
.charsheet button.sheet-allg_roll[type="roll"]:hover {
|
|
background-color: transparent;
|
|
/*border-color: red;*/
|
|
color:red;
|
|
}
|
|
|
|
.charsheet button.sheet-allg_roll[type="roll"] label, button[type="roll"] input {
|
|
height:24px;
|
|
line-height: 24px;
|
|
text-align:center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border:none;
|
|
font-weight:700;
|
|
}
|
|
|
|
|
|
.charsheet button.sheet-allg_roll[type="roll"]:hover label, button[type="roll"]:hover input {
|
|
color: red;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* Text button */
|
|
|
|
.charsheet button[type=roll].sheet-text_roll::before {
|
|
content: " ";
|
|
background-image: none;
|
|
}
|
|
|
|
.charsheet button.sheet-text_roll[type="roll"] {
|
|
font-size:small;
|
|
/*width: 95%;*/
|
|
/*height:24px;*/
|
|
padding-bottom: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
background-color: white;
|
|
/*border: 1px solid red;*/
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet button.sheet-text_roll[type="roll"]:hover {
|
|
background-color: black;
|
|
/*border-color: red;*/
|
|
color:white
|
|
}
|
|
|
|
.charsheet button.sheet-text_roll[type="roll"] label, button[type="roll"] input {
|
|
height:24px;
|
|
line-height: 24px;
|
|
text-align:center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border:none;
|
|
font-weight:700;
|
|
}
|
|
|
|
|
|
.charsheet button.sheet-text_roll[type="roll"]:hover label, button[type="roll"]:hover input {
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* End Text button end*/
|
|
|
|
.charsheet button[type=roll].sheet-turn_order {
|
|
/*background-image: none;
|
|
background-color: #f2f5d3;*/
|
|
margin:0px;
|
|
}
|
|
|
|
.sheet-allgCheck{
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-allgValues{
|
|
background-color: transparent;
|
|
display: inline-block;
|
|
font-size: 1.0em;
|
|
width: 74px;
|
|
box-shadow: none;
|
|
border: 0px;
|
|
border-radius: 0px;
|
|
text-align: center;
|
|
padding-top: 17px;
|
|
padding-bottom: 9px;
|
|
font-size: x-large;
|
|
}
|
|
|
|
|
|
.sheet-attribute_label{
|
|
font-size:0.75em;
|
|
width:61px;
|
|
display:inline-block
|
|
|
|
}
|
|
|
|
|
|
.sheet-divider1{
|
|
background-color: #000000;
|
|
border: 0 none;
|
|
color: #00000;
|
|
height: 10px;
|
|
}
|
|
|
|
|
|
.sheet-centerDiv{
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right:auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/*
|
|
.repcontainer[data-groupname="repeating_melee2"]{
|
|
|
|
width:100%!important;
|
|
}
|
|
|
|
|
|
.repcontainer[data-groupname="repeating_missle2"]{
|
|
|
|
width:100%!important;
|
|
}
|
|
|
|
|
|
.repcontainer[data-groupname="repeating_mounts"]{
|
|
|
|
width:100%!important;
|
|
}
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.itemcontrol {
|
|
margin-left: -33px;
|
|
}
|
|
|
|
|
|
.repcontrol{
|
|
margin-right: 14px;
|
|
}
|
|
|
|
div.repcontrol button
|
|
{
|
|
width: 13px;
|
|
color: transparent;
|
|
padding: 0px;
|
|
padding-left: 2px;
|
|
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;
|
|
width:12px;
|
|
height:12px;
|
|
}
|
|
|
|
/* +Add */
|
|
div.repcontrol button.repcontrol_add::before
|
|
{
|
|
|
|
content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */
|
|
left: -0px;
|
|
top: -0px;
|
|
}
|
|
|
|
/* 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: -0px;
|
|
top: -0px;
|
|
}
|
|
/* Done */
|
|
div.repcontrol.editmode button.repcontrol_edit::before
|
|
{
|
|
content: "3"; /* 3 in Pictos is a check mark */
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 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*/
|
|
|
|
|
|
.sheet-rolltemplate-Roll{
|
|
font-family: 'Georgia';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-Roll .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-Roll .sheet-flipColor{
|
|
background-color:black;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-Roll .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-Roll .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-Roll .sheet-rollHeader{
|
|
font-size:1.2em;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-Roll .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-Roll .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Roll .inlinerollresult.importantroll {
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Roll .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/*.sheet-rolltemplate-cdd .sheet-chat-button-green a[href^="!edParse"] */
|
|
.sheet-rolltemplate-Roll .sheet-rollResult a[href^="~"]{
|
|
background-color:black!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-h2hFumble{
|
|
font-family: 'Georgia';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-h2hFumble .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-h2hFumble .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-h2hFumble .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-h2hFumble .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-msslFumble{
|
|
font-family: 'Georgia';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-msslFumble .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-msslFumble .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-msslFumble .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-msslFumble .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
|
|
/**/
|
|
|
|
.sheet-rolltemplate-mjrWnd{
|
|
font-family: 'Georgia';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-mjrWnd .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-mjrWnd .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-mjrWnd .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-mjrWnd .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-mjrWnd{
|
|
font-family: 'Georgia';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-armor .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-armor .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-armor .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-armor .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
.sheet-rolltemplate-armor .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-armor .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-armor .inlinerollresult.importantroll {
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-armor .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-armor .sheet-rollResult a[href^="~"]{
|
|
background-color:black!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-Powx4 .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-Powx4 .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-Powx4 .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-Powx4 .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
.sheet-rolltemplate-Powx4 .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-Powx4 .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Powx4 .inlinerollresult.importantroll {
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Powx4 .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Powx4 .sheet-rollResult a[href^="~"]{
|
|
background-color:black!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-turnOrder .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-turnOrder .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-turnOrder .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-turnOrder .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
.sheet-rolltemplate-turnOrder .inlinerollresult.fullcrit{
|
|
border:none;
|
|
}
|
|
.sheet-rolltemplate-turnOrder .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-turnOrder .inlinerollresult.importantroll {
|
|
border:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-turnOrder .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-turnOrder .sheet-rollResult a[href^="~"]{
|
|
background-color:black!important;
|
|
}
|
|
|
|
.sheet-rolltemplate-summonFumble{
|
|
font-family: 'Georgia';
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-summonFumble .sheet-wrapper{
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
background-color: white;
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-rolltemplate-summonFumble .sheet-rollResult{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-summonFumble .sheet-rollHeader{
|
|
font-weight:bold ;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-summonFumble .sheet-rollBody{
|
|
/*background-color:white;*/
|
|
padding:5px 0 5px 0;
|
|
/*border: 1px solid black;*/
|
|
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-summonFumble{
|
|
font-family: 'Georgia';
|
|
} |