Files
roll20-character-sheets-tester/SavageWorlds-Tabbed/SW_CharSheet-tabbed.css
T
finderski df2d76fafc Added Support for 50 Fathoms and Low Life
Added Pieces of Eight and Clams as options to replace Money.
2014-12-29 06:08:51 -05:00

1476 lines
37 KiB
CSS

/*
Notes:
Grayish Color = #c7c3b0
semi-trans.png = 50% opacity
semi-trans75.png = 75% opacity
semi-trans-grayish.png = 75% opacity
*/
@font-face {
font-family: 'cinzelregular';
src: url('http://www.geeksville.us/fonts/Cinzel-Regular-webfont.eot');
src: url('http://www.geeksville.us/fonts/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.geeksville.us/fonts/Cinzel-Regular-webfont.woff') format('woff'),
url('http://www.geeksville.us/fonts/Cinzel-Regular-webfont.ttf') format('truetype'),
url('http://www.geeksville.us/fonts/Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Handwriting';
src: url('http://www.geeksville.us/fonts/Handwriting.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Glitch';
src: url('http://www.geeksville.us/fonts/AGlitchInTime.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CuttyFruty';
src: url('http://www.geeksville.us/fonts/CuttyFruty.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Saucy';
src: url('http://www.geeksville.us/fonts/Saucy_Jack.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Rujis';
src: url('http://www.geeksville.us/fonts/Rujis.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Dashley';
src: url('http://www.geeksville.us/fonts/Dashley.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Graziano';
src: url('http://www.geeksville.us/fonts/Graziano.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BlackletterHand';
src: url('http://www.geeksville.us/fonts/BlackletterHand.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Architect';
src: url('http://www.geeksville.us/fonts/ArchitectsDaughter.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/*@font-face {
font-family: 'Rufscript';
src: url('http://www.geeksville.us/fonts/Rufscript_v2.ttf') format('opentype')
font-weight: normal;
font-style: normal;
}*/
.charsheet .sheet-maindiv{
width: 830px;
}
.charsheet .sheet-background {
width: 840px;
}
.sheet-imagespacer{
width: 830px;
padding-left: 5px;
padding-right: 15px;
}
.charsheet .sheet-cdiv {
width:810px;
/*border: 1px dotted;*/
padding-right: 15px;
padding-left: 15px;
}
/* Set up the Background Settings */
.sheet-useBackground input[value="1"]:checked ~ *.sheet-background {
background-image: none;
background-color: white;
/*background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png");
background-size: 845px 900px;*/
/*background-repeat: no-repeat;*/
/*background-attachment: fixed;*/
/*background-position: center;
background-origin: content-box;*/
}
.sheet-useBackground input[value="2"]:checked ~ *.sheet-background {
background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png");
background-size: 845px 900px;
/*background-repeat: no-repeat;*/
/*background-attachment: fixed;*/
background-position: center;
background-origin: content-box;
}
.sheet-useBackground input[value="3"]:checked ~ *.sheet-background {
background-image: url("http://www.geeksville.us/roll20/Z-background.jpg");
background-size: 845px 564px;
/*background-repeat: no-repeat;*/
/*background-attachment: fixed;*/
background-position: center;
background-origin: content-box;
}
/* End Background Settings */
/*Character Sheet Logo*/
.sheet-SWD,
.sheet-PotSM,
.sheet-TLP,
.sheet-Zombie,
.sheet-NecessaryEvil,
.sheet-Deadlands {
max-width: 250px;
/*max-height: 100px;*/
margin-left: auto;
margin-right: auto;
display: none;
}
.sheet-ShowLogo input[value="1"]:checked ~ .sheet-SWD{
display: block;
}
.sheet-ShowLogo input[value="2"]:checked ~ .sheet-PotSM{
display: block;
}
.sheet-ShowLogo input[value="3"]:checked ~ .sheet-TLP{
display: block;
}
.sheet-ShowLogo input[value="4"]:checked ~ .sheet-Zombie{
display: block;
}
.sheet-ShowLogo input[value="5"]:checked ~ .sheet-NecessaryEvil{
display: block;
}
.sheet-ShowLogo input[value="6"]:checked ~ .sheet-Deadlands{
display: block;
}
/*End Character Sheet Logo*/
/* Disclaimer Information */
.sheet-playDisclaimer input[value="1"]:checked + span.sheet-disclaimer::before,
.sheet-playDisclaimer input[value="4"]:checked + span.sheet-disclaimer::before {
text-align: center;
content: "The Savage Worlds logo is a trademark of Pinnacle Entertainment Group. Used with permission.";
/*display: inline-block;*/
}
.sheet-playDisclaimer input[value="3"]:checked + span.sheet-disclaimer::before {
text-align: center;
content: "The Last Parsec logo is a trademark of Pinnacle Entertainment Group. Used with permission.";
/*display: inline-block;*/
}
.sheet-playDisclaimer input[value="2"]:checked + span.sheet-disclaimer::before {
text-align: center;
content: "The Pirates of the Spanish Main logo is a trademark of Pinnacle Entertainment Group. Used with permission.";
/*display: inline-block;*/
}
.sheet-playDisclaimer input[value="5"]:checked + span.sheet-disclaimer::before {
text-align: center;
content: "The Necessary Evil logo is a trademark of Pinnacle Entertainment Group. Used with permission.";
/*display: inline-block;*/
}
.sheet-playDisclaimer input[value="6"]:checked + span.sheet-disclaimer::before {
text-align: center;
content: "The Deadlands logo is a trademark of Pinnacle Entertainment Group. Used with permission.";
/*display: inline-block;*/
}
/* End Disclaimer Information */
.sheet-useCodeName:checked + label.sheet-characterName::before {
content: "Code Name:";
}
.sheet-useCodeName:not(:checked) + label.sheet-characterName::before {
content: "Name:";
}
.sheet-useThreatRating:not(:checked) + label.sheet-Rank-n-XP::before {
content: "XP/Rank";
}
.sheet-useThreatRating:checked + label.sheet-Rank-n-XP::before {
content: "XP/Threat Rating";
font-size: 9px;
}
.sheet-useParaHuman:not(:checked) + h4.sheet-CharacterHistory::before {
content: "Physical Appearance + Personal History";
}
.sheet-useParaHuman:checked + h4.sheet-CharacterHistory::before {
content: "Physical Appearance + Personal History + Origins of Parahuman Abilities";
}
.sheet-usePieces input[value="0"]:checked ~ label.sheet-Money::before {
content: "Money:";
}
.sheet-usePieces input[value="1"]:checked ~ label.sheet-Money::before {
content: "Pieces of Eight:";
font-size: 10px;
}
.sheet-usePieces input[value="2"]:checked ~ label.sheet-Money::before {
content: "Clams:";
}
/*.sheet-usePieces:not(:checked) + label.sheet-Money::before {
content: "Money";
}*/
h2.sheet-sectionHeader {
text-align: center;
color: #755b27;
background-color: #dbc792;
border-radius: 15px;
font-family: "cinzelregular";
}
.sheet-subsectionHeader {
text-align:center;
background-color: black;
color: #c7c3b0;
border-radius: 5px;
}
.sheet-repeatingHeader {
/*text-align: left; */
background-color: black;
color: #c7c3b0;
border-radius: 5px;
padding-left: 5px;
margin-right: 0px;
margin-left: 0px;
}
.sheet-WCSkillsRow {
width: 785px;
padding: 5px;
margin-bottom: 5px;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
}
/*.charsheet input {
display: inline-block;
width: 165px;
margin-bottom: 1px;
}*/
button[type=roll].sheet-GM-button::before {
background-image: none;
/*background-color: #f2f5d3;*/
/*background-color: white;*/
font-size: 13px;
font-family: sans-serif;
content: "gm";
}
button[type=roll].sheet-GM-button {
background-image: none;
background-color: #f2f5d3;
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.sheet-standardtext {
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
font-weight: bold;
}
.charsheet input[type=text].sheet-standard {
width: 140px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 1px;
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
font-weight: bold;
}
input.sheet-standardQuest {
width: 140px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 1px;
/*color: transparent;*/
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
}
textarea.sheet-Questtextarea {
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
}
input.sheet-standardNum {
width: 37px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 1px;
text-align: center;
/*color: transparent;*/
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
font-weight: bold;
}
input.sheet-derivedStat {
width: 37px;
text-align: center;
/*background-color: white;*/
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
font-weight: bold;
}
input.sheet-modifier {
width: 35px;
text-align: center;
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
font-weight: bold;
}
.charsheet select {
-webkit-appearance: none;
vertical-align: top;
padding-top: 0px;
}
label.sheet-nameRankXp,
label.sheet-AttributeLabel
span.sheet-nameRankXp {
width:80px;
font-weight: bold;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
/*background-color: #c7c3b0;*/
color: black;
background-image: url("http://www.geeksville.us/roll20/semi-trans-grayish.png");
border-radius: 8px;
}
.sheet-MooknameRankXp{
width:75px;
}
.sheet-weight {
color: black;
background-image: url("http://www.geeksville.us/roll20/semi-trans-grayish.png");
border-radius: 8px;
padding: 5px;
}
label.sheet-AttributeLabel {
width: 60px;
}
.sheet-AttBorder {
border: solid 1px;
/*width: 88px;*/
width: auto;
height: 28px;
margin: 0px;
padding: 2px;
margin-right: 0px;
margin-left: -3px;
margin-top: -3px;
background-image: url("http://www.geeksville.us/roll20/semi-trans.png");
}
.sheet-AttBorder > input.sheet-NewDieType:checked{
height: auto;
/*margin-top: -2px;*/
}
.sheet-AttMod {
padding: 0px;
width: auto;
margin: 0px;
margin-right: -3px;
}
.sheet-numSpan {
width: 50px;
font-size: 12px;
font-weight: bold;
text-align: center;
background-image: url("http://www.geeksville.us/roll20/semi-trans-grayish.png");
color: black;
display: inline-block;
}
.sheet-additionalrules{
width:46%;
margin-left:10px;
margin-right:10px;
}
/* -----------Section for NPC--------------*/
.charsheet div.sheet-player,
.charsheet div.sheet-npc {
visibility: hidden;
opacity: 0;
max-height:0;
overflow: hidden;
float: left;
}
.charsheet input.sheet-is-npc:checked ~ div.sheet-npc,
.charsheet input.sheet-is-npc:not(:checked )~ div.sheet-player,
{
max-height: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
overflow: auto;
}
.charsheet input.sheet-is-npc {
width: 20%;
height: 16px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.charsheet span.sheet-is-npc-tab::before {
content: "Wild Card";
}
.charsheet span.sheet-is-npc-tab {
text-align: center;
display: inline-block;
width: 20%;
height: 16px;
font-size: 9px;
background: #c7c3b0; /*#65763c;*/
color: black; /*white;*/
font-weight: bold;
border-radius: 4px;
margin-left: -20%
}
.charsheet input.sheet-is-npc:checked + span.sheet-is-npc-tab {
/*background: #93537c; */
background: black;
color: white;
border-radius: 4px;
}
.charsheet input.sheet-is-npc:checked + span.sheet-is-npc-tab::before {
content: "Ally / Mook"
}
/* -----------NPC Section End--------------*/
/* -----------Section for Tabs-------------*/
div.sheet-core-content { display: none; width:840px;}
/*-----------Actoba's way----------------- */
.charsheet div[class^="sheet-section"] {
visibility: hidden;
opacity: 0;
max-height:0;
overflow: hidden;
}
.charsheet input.sheet-tab1:checked ~ div.sheet-section-core,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-edges,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-skills,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-gear,
.charsheet input.sheet-tab5:checked ~ div.sheet-section-arcanum,
.charsheet input.sheet-tab6:checked ~ div.sheet-section-journal {
max-height: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
overflow: auto;
}
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
max-height: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
}
.charsheet input.sheet-tab {
width: 100px;
height: 40px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.charsheet span.sheet-tab {
text-align: center;
display: inline-block; /*originally inline-block*/
font-size: 13px;
background: #c7c3b0; /*originally 4a6486*/
color: black; /*originally white*/
/*font-family: "Tinos", "Quattrocento", "Lustria", "Buenardserif", serif;*/
font-weight: bold;
border-radius: 4px;
width: 100px; /*originally 87px*/
height: 40px; /*originally 20px*/
cursor: pointer;
position: relative;
vertical-align: middle;
align-content: center;
margin-left: -101px;/*originally 91px*/
}
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
.charsheet input.sheet-tab7:checked + span.sheet-tab7,
.charsheet input.sheet-tab8:checked + span.sheet-tab8,
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
background: #dbc792; /*originally ab8b57*/
color: #755b27; /*originally white*/
border-radius: 4px;
}
.charsheet span.sheet-spacer {
display: block;
margin-top: 5px;
}
.charsheet span.sheet-5pxshim {
display: block;
margin-left: 5px;
}
.charsheet span.sheet-10pxshim {
display: block;
margin-left: 10px;
}
.sheet-formula{
display:inline-block;
}
.sheet-arrow:checked + *.sheet-formula{
display:none;
}
.sheet-arrow:checked + *.sheet-hindrance{
display:none;
}
.sheet-staticBoating,
.sheet-staticClimbing,
.sheet-staticDriving,
.sheet-staticGambling,
.sheet-staticHealing,
.sheet-staticIntimidation,
.sheet-staticInvestigation,
.sheet-staticLockpicking,
.sheet-staticNotice,
.sheet-staticPersuasion,
.sheet-staticPiloting,
.sheet-staticRepair,
.sheet-staticRiding,
.sheet-staticShooting,
.sheet-staticStealth,
.sheet-staticStreetwise,
.sheet-staticSurvival,
.sheet-staticSwimming,
.sheet-staticTaunt,
.sheet-staticThrowing,
.sheet-staticTracking,
.sheet-Fame,
.sheet-Homeworld,
.sheet-Species,
.sheet-Occupation,
.sheet-ShipName,
.sheet-Sanity,
.sheet-civilian,
.sheet-Grit,
.sheet-WorstNightmare {
display:none;
}
.sheet-StaticSkill:checked + *.sheet-staticBoating,
.sheet-StaticSkill:checked + *.sheet-staticClimbing,
.sheet-StaticSkill:checked + *.sheet-staticDriving,
.sheet-StaticSkill:checked + *.sheet-staticGambling,
.sheet-StaticSkill:checked + *.sheet-staticHealing,
.sheet-StaticSkill:checked + *.sheet-staticIntimidation,
.sheet-StaticSkill:checked + *.sheet-staticInvestigation,
.sheet-StaticSkill:checked + *.sheet-staticLockpicking,
.sheet-StaticSkill:checked + *.sheet-staticNotice,
.sheet-StaticSkill:checked + *.sheet-staticPersuasion,
.sheet-StaticSkill:checked + *.sheet-staticPiloting,
.sheet-StaticSkill:checked + *.sheet-staticRepair,
.sheet-StaticSkill:checked + *.sheet-staticRiding,
.sheet-StaticSkill:checked + *.sheet-staticShooting,
.sheet-StaticSkill:checked + *.sheet-staticStealth,
.sheet-StaticSkill:checked + *.sheet-staticStreetwise,
.sheet-StaticSkill:checked + *.sheet-staticSurvival,
.sheet-StaticSkill:checked + *.sheet-staticSwimming,
.sheet-StaticSkill:checked + *.sheet-staticTaunt,
.sheet-StaticSkill:checked + *.sheet-staticThrowing,
.sheet-StaticSkill:checked + *.sheet-staticTracking,
.sheet-useFame:checked + *.sheet-Fame,
.sheet-useHomeworld:checked + *.sheet-Homeworld,
.sheet-useSpecies:checked + *.sheet-Species,
.sheet-useOccupation:checked + *.sheet-Occupation,
.sheet-useShipName:checked + *.sheet-ShipName,
.sheet-useSanity:checked + *.sheet-Sanity,
.sheet-useCodeName:checked ~ .sheet-civilian,
.sheet-useGrit:checked + *.sheet-Grit,
.sheet-useWorstNightmare:checked + *.sheet-WorstNightmare {
display:inline-block;
}
.sheet-useSpecies:checked ~ *.sheet-Race {
display: none;
}
.sheet-NewDieType:checked + *.sheet-dtypedropdown,
.sheet-NewDieType:checked ~ [data-groupname=repeating_skills] > .repitem .sheet-dtypedropdown,
.sheet-WDNewDieType:checked + *.sheet-dtypedropdown,
.sheet-WDNewDieType:checked ~ [data-groupname=repeating_skills] > .repitem .sheet-dtypedropdown {
display:inline-block;
/*display: none;*/
}
/* Trying to hide NPC Sections without Tabs */
.sheet-HideHindrance,
.sheet-HideEdges,
.sheet-HideArmor,
.sheet-HideMelee,
.sheet-HideRanged,
.sheet-HideGear,
.sheet-HideSpellsd,
.sheet-HideSpellsn,
.sheet-HideAtts,
.sheet-HideSkills,
.sheet-HideMWeapons,
.sheet-HideRWeapons,
.sheet-HideArcanum,
.sheet-HideNotes,
.sheet-HideConfig,
.sheet-HideWCSkills,
.sheet-HidemSkills,
.sheet-HideUITweaks,
.sheet-HideGameSettings {
width: 20%;
height: 16px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.sheet-HideHindrance:checked ~ *.sheet-hindrance,
.sheet-HideEdges:checked ~ *.sheet-edge,
.sheet-HideArmor:checked ~ *.sheet-armor,
.sheet-HideMelee:checked ~ *.sheet-melee,
.sheet-HideRanged:checked ~ *.sheet-ranged,
.sheet-HideGear:checked ~ *.sheet-gear,
.sheet-HideSpellsd:checked ~ *.sheet-spellsd,
.sheet-HideSpellsn:checked ~ *.sheet-spellsn,
.sheet-HideAtts:checked ~ *.sheet-atts,
.sheet-HideSkills:checked ~ *.sheet-mskills,
.sheet-HideMWeapons:checked ~ *.sheet-mweapons,
.sheet-HideRWeapons:checked ~ *.sheet-rweapons,
.sheet-HideArcanum:checked ~ *.sheet-arcanum,
.sheet-HideNotes:checked ~ *.sheet-notes,
.sheet-HideConfig:checked ~ *.sheet-config,
.sheet-HideWCSkills:checked ~ *.sheet-wcSkills,
.sheet-HidemSkills:checked ~ *.sheet-mSkills,
.sheet-HideUITweaks:checked ~ *.sheet-UITweaks,
.sheet-HideGameSettings:checked ~ *.sheet-GameSettings {
display:none;
}
.sheet-hindrance,
.sheet-edge,
.sheet-armor,
.sheet-melee,
.sheet-ranged,
.sheet-gear,
.sheet-spellsd,
.sheet-spellsn,
.sheet-atts,
.sheet-mskills,
.sheet-mweapons,
.sheet-rweapons,
.sheet-arcanum,
.sheet-notes {
display:inline-block;
}
.charsheet span.sheet-is-hindrance-tab::before,
.charsheet span.sheet-is-edge-tab::before,
.charsheet span.sheet-is-armor-tab::before,
.charsheet span.sheet-is-melee-tab::before,
.charsheet span.sheet-is-ranged-tab::before,
.charsheet span.sheet-is-gear-tab::before,
.charsheet span.sheet-is-spellsd-tab::before,
.charsheet span.sheet-is-spellsn-tab::before,
.charsheet span.sheet-is-atts-tab::before,
.charsheet span.sheet-is-skills-tab::before,
.charsheet span.sheet-is-mweapons-tab::before,
.charsheet span.sheet-is-rweapons-tab::before,
.charsheet span.sheet-is-arcanum-tab::before,
.charsheet span.sheet-is-notes-tab::before {
content: "Hide";
}
.charsheet span.sheet-is-config::before { /*Close Config: grayish background with black text*/
content: "Close Configuration";
}
.charsheet span.sheet-is-wcSkills::before {
content: "Close Wild Card Core Skills";
}
.charsheet span.sheet-is-mSkills::before {
content: "Close Mook Core Skills";
}
.charsheet span.sheet-is-wcUI::before {
content: "Close UI Tweaks Configuration";
}
.charsheet span.sheet-is-gameSettings::before {
content: "Close Game Settings Configuration";
}
.charsheet span.sheet-is-hindrance-tab,
.charsheet span.sheet-is-edge-tab,
.charsheet span.sheet-is-armor-tab,
.charsheet span.sheet-is-melee-tab,
.charsheet span.sheet-is-ranged-tab,
.charsheet span.sheet-is-gear-tab,
.charsheet span.sheet-is-spellsd-tab,
.charsheet span.sheet-is-spellsn-tab,
.charsheet span.sheet-is-atts-tab,
.charsheet span.sheet-is-skills-tab,
.charsheet span.sheet-is-mweapons-tab,
.charsheet span.sheet-is-rweapons-tab,
.charsheet span.sheet-is-arcanum-tab,
.charsheet span.sheet-is-notes-tab,
.charsheet span.sheet-is-config,
.charsheet span.sheet-is-wcSkills,
.charsheet span.sheet-is-mSkills,
.charsheet span.sheet-is-wcUI,
.charsheet span.sheet-is-gameSettings {
text-align: center;
display: inline-block;
width: 20%;
height: 16px;
font-size: 9px;
/*background: #65763c;*/
background: #c7c3b0; /*#93537c;*/
color: black; /*white;*/
font-weight: bold;
border-radius: 4px;
margin-left: -20%;
}
.charsheet span.sheet-is-config,
.charsheet span.sheet-is-wcSkills,
.charsheet span.sheet-is-mSkills,
.charsheet span.sheet-is-wcUI,
.charsheet span.sheet-is-gameSettings { /*Close Config: grayish background with black text*/
background-color: #c7c3b0;
color: black;
}
.charsheet .sheet-HideHindrance:checked + span.sheet-is-hindrance-tab,
.charsheet .sheet-HideEdges:checked + span.sheet-is-edge-tab,
.charsheet .sheet-HideArmor:checked + span.sheet-is-armor-tab,
.charsheet .sheet-HideMelee:checked + span.sheet-is-melee-tab,
.charsheet .sheet-HideRanged:checked + span.sheet-is-ranged-tab,
.charsheet .sheet-HideGear:checked + span.sheet-is-gear-tab,
.charsheet .sheet-HideSpellsd:checked + span.sheet-is-spellsd-tab,
.charsheet .sheet-HideSpellsn:checked + span.sheet-is-spellsn-tab,
.charsheet .sheet-HideAtts:checked + span.sheet-is-atts-tab,
.charsheet .sheet-HideSkills:checked + span.sheet-is-skills-tab,
.charsheet .sheet-HideMWeapons:checked + span.sheet-is-mweapons-tab,
.charsheet .sheet-HideRWeapons:checked + span.sheet-is-rweapons-tab,
.charsheet .sheet-HideArcanum:checked + span.sheet-is-arcanum-tab,
.charsheet .sheet-HideNotes:checked + span.sheet-is-notes-tab { /*Green Background with White Text*/
background: black; /*#65763c;*/
color: #c7c3b0; /*white;*/
border-radius: 4px;
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config,
.charsheet .sheet-HideWCSkills:checked + span.sheet-is-wcSkills,
.charsheet .sheet-HidemSkills:checked + span.sheet-is-mSkills,
.charsheet .sheet-HideUITweaks:checked + span.sheet-is-wcUI,
.charsheet .sheet-HideGameSettings:checked + span.sheet-is-gameSettings { /*Show Configuration Button: Black background with grayish text*/
background: black;
border-radius: 4px;
color: white;
}
.charsheet .sheet-HideHindrance:checked + span.sheet-is-hindrance-tab::before {
content: "Show Hindrances";
}
.charsheet .sheet-HideEdges:checked + span.sheet-is-edge-tab::before {
content: "Show Edges";
}
.charsheet .sheet-HideArmor:checked + span.sheet-is-armor-tab::before {
content: "Show Armor";
}
.charsheet .sheet-HideMelee:checked + span.sheet-is-melee-tab::before {
content: "Show Melee Weapons";
}
.charsheet .sheet-HideRanged:checked + span.sheet-is-ranged-tab::before {
content: "Show Ranged Weapons";
}
.charsheet .sheet-HideGear:checked + span.sheet-is-gear-tab::before {
content: "Show Gear";
}
.charsheet .sheet-HideSpellsd:checked + span.sheet-is-spellsd-tab::before {
content: "Show Damage-causing Spells";
}
.charsheet .sheet-HideSpellsn:checked + span.sheet-is-spellsn-tab::before {
content: "Show Non-damage-causing Spells";
}
.charsheet .sheet-HideAtts:checked + span.sheet-is-atts-tab::before {
content: "Show Attributes & Edges";
}
.charsheet .sheet-HideSkills:checked + span.sheet-is-skills-tab::before {
content: "Show Skills & Armor";
}
.charsheet .sheet-HideMWeapons:checked + span.sheet-is-mweapons-tab::before {
content: "Show Melee Weapons & Gear";
}
.charsheet .sheet-HideRWeapons:checked + span.sheet-is-rweapons-tab::before {
content: "Show Ranged Weapons";
}
.charsheet .sheet-HideArcanum:checked + span.sheet-is-arcanum-tab::before {
content: "Show Arcanum";
}
.charsheet .sheet-HideNotes:checked + span.sheet-is-notes-tab::before {
content: "Show Notes";
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::before { /*Show Configuration: Black background with grayish text*/
content: "Configuration";
}
.charsheet .sheet-HideWCSkills:checked + span.sheet-is-wcSkills::before {
content: "Show Wild Card Core Skills";
}
.charsheet .sheet-HidemSkills:checked + span.sheet-is-mSkills::before {
content: "Show Mook Core Skills";
}
.charsheet .sheet-HideUITweaks:checked + span.sheet-is-wcUI::before {
content: "Show UI Tweaks Configuration";
}
.charsheet .sheet-HideGameSettings:checked + span.sheet-is-gameSettings::before {
content: "Show Game Settings Configuration";
}
/* End NPC Sections Hiding */
.sheet-skills label {
display:inline-block;
text-align:left;
width:75px;
}
.charsheet label {
display: inline-block;
text-align: left;
width:75px;
}
.sheet-smalltextarea{
height:100px;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
}
.sheet-Questtextarea{
height:100px;
background-image: url("http://www.geeksville.us/roll20/semi-trans-grayish.png");
color: black;
}
.sheet-largetextarea{
height:50px;
width:669px;
background-image: url("http://www.geeksville.us/roll20/semi-trans-grayish.png");
color: black;
}
.skilllabel {
display: inline-block;
width:200px;
text-align: left;
}
.sheet-rank {
width: 165px;
margin-bottom:1px;
}
.sheet-col strong.sheet-dee {
font-size: 1.4em;
font-weight: bold;
padding-right: 4px;
}
.charsheet input.sheet-short {
width: 3.5em;
text-align: center;
background-image: url("http://www.geeksville.us/roll20/semi-trans-grayish.png");
color: black;
}
/*
.charsheet {
background-image: url("http://www.geeksville.us/roll20/oldMap_v2.png");
background-size: 845px 900px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-origin: content-box;
}
*/
.charsheet table td, .charsheet table th {
font-size: 1em;
font-weight: bold;
text-align: right;
}
.sheet-DStatsTable {
}
.sheet-DStatsTable th {
text-align: center;
}
.sheet-MacroButtons {
}
select.sheet-dtype {
width: 35px;
vertical-align: top;
-webkit-appearance: none;
background-color: transparent;
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
color: black;
}
/*Better Die Type Drop Down - Begin*/
.sheet-dtypeOrig {
width: 55px;
display:inline;
}
.sheet-NewDieType:checked + *.sheet-dtypeOrig,
.sheet-NewDieType:checked ~ [data-groupname=repeating_skills] > .repitem .sheet-dtypeOrig,
.sheet-WDNewDieType:checked + *.sheet-dtypeOrig,
.sheet-WDNewDieType:checked ~ [data-groupname=repeating_skills] > .repitem .sheet-dtypeOrig {
display: none;
}
.sheet-dtypedropdown {
/* fixed widths work best;*/
width: 35px;
display: none;
/*display: inline-block;*/
}
/*.sheet-dtypedropdown, .sheet-dietype {
display:inline-block;
}*/
.sheet-dietype {
display:inline-block;
}
.sheet-dietype {
vertical-align: middle;
width: 35px;
height: 35px;
}
.sheet-dietype input,
.sheet-dietype input + span {
display:none;
z-index: 1;
}
.sheet-dietype:hover {
background: silver;
opacity: .9;
position:relative;
top: -5px;
width: 50px;
height: auto;
z-index: 1;
padding: 5px;
}
.sheet-dietype:hover > .sheet-d4 {
display: none;
}
.sheet-dietype:hover input ,
.sheet-dietype:hover input + span {
display:inline;
}
.sheet-dietype:hover input + span {
margin-right:10px;
}
.sheet-dietype:hover span {
display: inline-block;
}
.sheet-d4 {
/*background-position: -411px -1px;*/
width: 35px;
height: 35px;
/*background-image: url("https://i.imgur.com/zkgyBOi.png");*/
font-family: "dicefontd4";
font-size: 50px;
color: red;
line-height:25px;
text-align: center;
/*text-align: right;*/
/*line-height: 25px;*/
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
/*padding-bottom: 25px;*/
/*background-repeat: no-repeat;*/
/*color: transparent;*/
/*display: inline-block;*/
display: none;
}
.sheet-d6 {
/*background-position: -411px -1px;*/
width: 35px;
height: 35px;
/*background-image: url("https://i.imgur.com/zkgyBOi.png");*/
font-family: "dicefontd6";
font-size: 40px;
color: black;
line-height:35px;
text-align: center;
/*text-align: right;*/
/*line-height: 25px;*/
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
/*background-repeat: no-repeat;*/
/*color: transparent;*/
display: inline-block;
display: none;
}
.sheet-d8 {
/*background-position: -703px -1px;*/
width: 35px;
height: 35px;
/*background-image: url("https://i.imgur.com/zkgyBOi.png");*/
font-family: "dicefontd8";
font-size: 40px;
color: black;
line-height:35px;
text-align: center;
/*text-align: right;*/
/*line-height: 25px;*/
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
/*background-repeat: no-repeat;*/
/*color: transparent;*/
display: inline-block;
display: none;
}
.sheet-d10 {
/*background-position: -411px -1px;*/
width: 35px;
height: 35px;
/*background-image: url("https://i.imgur.com/zkgyBOi.png");*/
font-family: "dicefontd10";
font-size: 45px;
color: blue;
line-height:35px;
text-align: center;
/*text-align: right;*/
/*line-height: 25px;*/
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
/*background-repeat: no-repeat;*/
/*color: transparent;*/
display: inline-block;
display: none;
}
.sheet-d12 {
/*background-position: -411px -1px;*/
width: 35px;
height: 35px;
/*background-image: url("https://i.imgur.com/zkgyBOi.png");*/
font-family: "dicefontd12";
font-size: 40px;
color: green;
line-height:35px;
text-align: center;
/*text-align: right;*/
/*line-height: 25px;*/
background-image: url("http://www.geeksville.us/roll20/semi-trans75.png");
/*background-repeat: no-repeat;*/
/*color: transparent;*/
display: inline-block;
display: none;
}
.sheet-dietype:not(:hover) input[value="4"]:checked ~ .sheet-d4 {
display: block;
}
.sheet-dietype:not(:hover) input[value="6"]:checked ~ .sheet-d6 {
display: block;
}
.sheet-dietype:not(:hover) input[value="8"]:checked ~ .sheet-d8 {
display: block;
}
.sheet-dietype:not(:hover) input[value="10"]:checked ~ .sheet-d10 {
display: block;
}
.sheet-dietype:not(:hover) input[value="12"]:checked ~ .sheet-d12 {
display: block;
}
/*Better Die Type Drop Down - End*/
/*Font Drop Down Menu*/
.sheet-fontDropdown {
/* fixed widths work best;*/
width: 100px;
/*border: dotted 1px;*/
display: inline-block;
}
/*.sheet-fontDropdown, .fontlist {
display:inline-block;
}*/
.sheet-fontlist {
display: inline-block;
}
.sheet-fontlist {
vertical-align: middle;
width: 100px;
height: 20px;
/*border: solid 1px;*/
}
.sheet-fontlist input,
.sheet-fontlist input + span {
display:none;
z-index: 1;
/*width: 150px;*/
}
.sheet-fontlist:hover {
background: silver;
/*position:absolute;*/
position: relative;
top: -10px;
width: 130px;
height: auto;
z-index: 1;
padding: 5px;
}
/*.sheet-fontlist:hover > .sheet-font1 {
display: none;
}*/
.sheet-fontlist:hover input ,
.sheet-fontlist:hover input + span {
display:inline-block;
}
/*Margin placeholder*/
.sheet-fontlist:hover input + span {
/*push the margin to the right
just to get the radio and label
to be on their own line*/
margin-right: 50%;
}
.sheet-fontlist:hover span {
display: inline-block;
}
.sheet-font1,
.sheet-font2,
.sheet-font3,
.sheet-font4,
.sheet-font5,
.sheet-font6,
.sheet-font7,
.sheet-font8,
.sheet-font9,
.sheet-font10 {
width: 100px;
height: 20px;
background-image: url("https://www.geeksville.us/roll20/semi-trans.png");
background-color: transparent;
/*display: inline-block;*/
color: black;
line-height: 20px;
text-align: left;
display: inline-block;
display: none;
}
.sheet-font2 {
font-family: "Handwriting";
font-size: 200%;
}
.sheet-font3 {
font-family: "Glitch";
font-size: 1.8em;
}
.sheet-font4 {
font-family: "CuttyFruty";
font-size: 15px;
}
.sheet-font5 {
font-family: "Saucy";
font-size: 15px;
/*font-size: 175%;*/
}
.sheet-font6 {
font-family: "Rujis";
font-size: 15px;
}
.sheet-font7 {
font-family: "Dashley";
font-size: 25px;
}
.sheet-font8 {
font-family: "Graziano";
font-size: 25px;
}
/*.sheet-font9 {
font-family: "BlackletterHand";
font-size: 25px;
}*/
.sheet-font10 {
font-family: "Architect";
font-size: 15px;
}
.sheet-fontlist:not(:hover) input[value="1"]:checked ~ .sheet-font1,
.sheet-fontlist:not(:hover) input[value="2"]:checked ~ .sheet-font2,
.sheet-fontlist:not(:hover) input[value="3"]:checked ~ .sheet-font3,
.sheet-fontlist:not(:hover) input[value="4"]:checked ~ .sheet-font4,
.sheet-fontlist:not(:hover) input[value="5"]:checked ~ .sheet-font5,
.sheet-fontlist:not(:hover) input[value="6"]:checked ~ .sheet-font6,
.sheet-fontlist:not(:hover) input[value="7"]:checked ~ .sheet-font7,
.sheet-fontlist:not(:hover) input[value="8"]:checked ~ .sheet-font8,
.sheet-fontlist:not(:hover) input[value="9"]:checked ~ .sheet-font9,
.sheet-fontlist:not(:hover) input[value="10"]:checked ~ .sheet-font10 {
display: block;
}
/*.sheet-fontlist:not(:hover) input[value="2"]:checked ~ .sheet-font2 {
display: block;
}*/
.sheet-useFont2:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont2:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Handwriting";
font-size: 200%;
}
.sheet-useFont3:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont3:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Glitch";
font-size: 175%;
}
.sheet-useFont4:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont4:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "CuttyFruty";
font-size: 125%;
}
.sheet-useFont5:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont5:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Saucy";
font-size: 150%;
}
.sheet-useFont6:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont6:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Rujis";
}
.sheet-useFont7:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont7:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Dashley";
font-size: 175%;
}
.sheet-useFont8:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont8:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Graziano";
font-size: 130%;
}
.sheet-useFont9:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont9:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "BlackletterHand";
font-size: 130%;
}
.sheet-useFont10:checked ~ [data-groupname=repeating_quests] > .repitem input.sheet-standardQuest,
.sheet-useFont10:checked ~ [data-groupname=repeating_quests] > .repitem textarea.sheet-Questtextarea {
font-family: "Architect";
font-size: 75%;
}
/*End Font Drop Down Menu*/
select.sheet-atype {
width: 85px;
vertical-align: top;
}
.col1 {
width: 600px;
}
/*Show and hide things*/
.sheet-horror {
display:none;
}
.sheet-cyberpunk {
display:none;
}
.sheet-deadlands {
display:none;
}
.sheet-hasPowers {
display:inline;
width:15px;
margin-left:5px;
}
.sheet-hiddenElement{
display:none;
}
.sheet-iscyberpunk:checked~*.sheet-cyberpunk{
display:inline-block;
}
.sheet-hasPowers:checked~.sheet-powers {
display:block;
}
button[type=roll].sheet-GM-button::before {
background-image: none;
/*background-color: #f2f5d3;*/
/*background-color: white;*/
font-size: 13px;
font-family: sans-serif;
content: "gm";
}
button[type=roll].sheet-GM-button {
background-image: none;
background-color: #f2f5d3;
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}