mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1756 lines
61 KiB
CSS
1756 lines
61 KiB
CSS
/* Various area/container settings */
|
|
/* the overall page viewed on the website */
|
|
.charsheet {
|
|
font-family: Arial, Verdana, sans-serif;
|
|
padding: 0px;
|
|
-webkit-box-sizing: border-box;
|
|
-mox-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
/* make padding/border/margin appear INSIDE div area */
|
|
.charsheet textarea, div, input, button {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
/* make it only expand and shrink to so wide & still be centered */
|
|
.sheet-container {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-width: 320px;
|
|
padding: 0;
|
|
background-color: white;
|
|
color: black;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
/* make third only expand and shrink to so wide & still be centered */
|
|
.sheet-third {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 275px;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
/* make third only expand and shrink to so wide & still be centered */
|
|
.sheet-fifth {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 165px;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
/* temp make two-third only expand and shrink to so wide & still be centered */
|
|
.sheet-twoThird {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 550px;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
/* for show/hide sections of the sheet sliders */
|
|
.sheet-sliders {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 65px;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
}
|
|
/* Border Test */
|
|
.sheet-borderPaper {
|
|
border: 10px solid transparent;
|
|
padding: 0px;
|
|
-webkit-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper-Small.png?raw=true") 10 repeat round;
|
|
-moz-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper-Small.png?raw=true") 10 repeat round;
|
|
border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper-Small.png?raw=true") 10 repeat round;
|
|
}
|
|
/* Evasion Background paper look */
|
|
.sheet-evasion {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Evasion.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 155px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Toughness Background paper look */
|
|
.sheet-toughness {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Toughness.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 155px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Resolve Background paper look */
|
|
.sheet-resolve {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Resolve.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 155px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Hit Points Background paper look */
|
|
.sheet-hitPoints {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Hit-Points.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 225px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Speed & Lethal Damage Background paper look */
|
|
.sheet-speedLethalDamage {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Speed-and-Lethal-Damage.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 175px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Wealth Background paper look */
|
|
.sheet-wealth {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Wealth.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 55px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Wealth Background paper look */
|
|
.sheet-attributes {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Attributes.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 100px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Action Top Background paper look */
|
|
.sheet-actionsTop {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Actions-Top.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 50px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Action Middle Background paper look */
|
|
.sheet-actionsMiddle {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Actions-Middle.png?raw=true");
|
|
background-repeat: repeat-y;
|
|
background-position: left top;
|
|
width: 275px;
|
|
min-height: 93px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Action Bottom Background paper look */
|
|
.sheet-actionsBottom {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Actions-Bottom.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 275px;
|
|
height: 28px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Action Top Background paper look */
|
|
.sheet-equipmentTop {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Equipment-Top.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 165px;
|
|
height: 15px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Action Middle Background paper look */
|
|
.sheet-equipmentMiddle {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Equipment-Middle.png?raw=true");
|
|
background-repeat: repeat-y;
|
|
background-position: left top;
|
|
width: 165px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Action Bottom Background paper look */
|
|
.sheet-equipmentBottom {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Equipment-Bottom.png?raw=true");
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 165px;
|
|
height: 20px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Roll Top Background paper look */
|
|
.sheet-rolltemplate-openLegend .sheet-rollTop {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Actions-Top.png?raw=true");
|
|
background-size: 250px 50px;
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 250px;
|
|
height: 50px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Roll Middle Background paper look */
|
|
.sheet-rolltemplate-openLegend .sheet-rollMiddle {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Actions-Middle.png?raw=true");
|
|
background-size: 250px;
|
|
background-repeat: repeat-y;
|
|
background-position: left top;
|
|
width: 250px;
|
|
min-height: 93px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* Roll Bottom Background paper look */
|
|
.sheet-rolltemplate-openLegend .sheet-rollBottom {
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/BG-Actions-Bottom.png?raw=true");
|
|
background-size: 250px;
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
width: 250px;
|
|
height: 28px;
|
|
padding: 0;
|
|
background-color: white;
|
|
}
|
|
/* sometimes you need a row of divs to look and act like a table... deal */
|
|
.sheet-makeTable, .sheet-rolltemplate-openLegend .sheet-makeTable { display: table; }
|
|
|
|
.sheet-makeCell, .sheet-rolltemplate-openLegend .sheet-makeCell { display: table-cell; }
|
|
/* Border effects */
|
|
.sheet-borderRound, .sheet-rolltemplate-openLegend .sheet-borderRound { border-radius: 4px; }
|
|
|
|
.sheet-borderAll,
|
|
.sheet-rolltemplate-openLegend .sheet-borderAll,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderAll,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderAll,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderAll {
|
|
border: 1px solid black;
|
|
}
|
|
.sheet-borderRight,
|
|
.sheet-rolltemplate-openLegend .sheet-borderRight,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderRight,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderRight,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderRight {
|
|
border-right: 1px solid black;
|
|
}
|
|
.sheet-borderLeft,
|
|
.sheet-rolltemplate-openLegend .sheet-borderLeft,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderLeft,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderLeft,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderLeft {
|
|
border-left: 1px solid black;
|
|
}
|
|
.sheet-borderTop,
|
|
.sheet-rolltemplate-openLegend .sheet-borderTop,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderTop,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderTop,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderTop {
|
|
border-top: 1px solid black;
|
|
}
|
|
.sheet-borderBottom,
|
|
.sheet-rolltemplate-openLegend .sheet-borderBottom,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderBottom,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderBottom,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderBottom {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-borderAllDotted,
|
|
.sheet-rolltemplate-openLegend .sheet-borderAllDotted,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderAllDotted,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderAllDotted,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderAllDotted {
|
|
border: 1px dashed black;
|
|
}
|
|
.sheet-borderRightDotted,
|
|
.sheet-rolltemplate-openLegend .sheet-borderRightDotted,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderRightDotted,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderRightDotted,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderRightDotted {
|
|
border-right: 1px dashed black;
|
|
}
|
|
.sheet-borderLeftDotted,
|
|
.sheet-rolltemplate-openLegend .sheet-borderLeftDotted,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderLeftDotted,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderLeftDotted,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderLeftDotted {
|
|
border-left: 1px dashed black;
|
|
}
|
|
.sheet-borderTopDotted,
|
|
.sheet-rolltemplate-openLegend .sheet-borderTopDotted,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderTopDotted,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderTopDotted,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderTopDotted {
|
|
border-top: 1px dashed black;
|
|
}
|
|
.sheet-borderBottomDotted,
|
|
.sheet-rolltemplate-openLegend .sheet-borderBottomDotted,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderBottomDotted,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderBottomDotted,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderBottomDotted {
|
|
border-bottom: 1px dashed black;
|
|
}
|
|
|
|
/* Padding effects */
|
|
.sheet-padAll,
|
|
.sheet-rolltemplate-openLegend .sheet-padAll,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-padAll,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-padAll,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-padAll,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-padAll,
|
|
.sheet-rolltemplate-openLegendModern .sheet-padAll {
|
|
padding-Right: 2px;
|
|
padding-Left: 2px;
|
|
padding-Top: 2px;
|
|
padding-Bottom: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
-mox-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-padRight,
|
|
.sheet-rolltemplate-openLegend .sheet-padRight,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-padRight,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-padRight,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-padRight,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-padRight,
|
|
.sheet-rolltemplate-openLegendModern .sheet-padRight {
|
|
padding-Right: 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-mox-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-padLeft,
|
|
.sheet-rolltemplate-openLegend .sheet-padLeft,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-padLeft,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-padLeft,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-padLeft,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-padLeft,
|
|
.sheet-rolltemplate-openLegendModern .sheet-padLeft {
|
|
padding-Left: 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-mox-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-padTop,
|
|
.sheet-rolltemplate-openLegend .sheet-padTop,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-padTop,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-padTop,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-padTop,
|
|
.sheet-rolltemplate-openLegendModern .sheet-padTop,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-padTop {
|
|
padding-Top: 12px;
|
|
-webkit-box-sizing: border-box;
|
|
-mox-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-padBottom,
|
|
.sheet-rolltemplate-openLegend .sheet-padBottom,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-padBottom,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-padBottom,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-padBottom,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-padBottom,
|
|
.sheet-rolltemplate-openLegendModern .sheet-padBottom {
|
|
padding-Bottom: 6px;
|
|
-webkit-box-sizing: border-box;
|
|
-mox-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Resizing text Boxes options */
|
|
.sheet-resizeNone textarea,
|
|
.sheet-rolltemplate-openLegend .sheet-resizeNone textarea,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-resizeNone textarea,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-resizeNone textarea,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-resizeNone textarea,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-resizeNone textarea,
|
|
.sheet-rolltemplate-openLegendModern .sheet-resizeNone textarea {
|
|
resize: none; overflow: auto;
|
|
}
|
|
.sheet-resizeVert textarea,
|
|
.sheet-rolltemplate-openLegend .sheet-resizeVert textarea,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-resizeVert textarea,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-resizeVert textarea,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-resizeVert textarea,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-resizeVert textarea,
|
|
.sheet-rolltemplate-openLegendModern .sheet-resizeVert textarea {
|
|
resize: vertical; overflow: auto;
|
|
}
|
|
.sheet-resizeHorz textarea,
|
|
.sheet-rolltemplate-openLegend .sheet-resizeHorz textarea,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-resizeHorz textarea,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-resizeHorz textarea,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-resizeHorz textarea,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-resizeHorz textarea,
|
|
.sheet-rolltemplate-openLegendModern .sheet-resizeHorz textarea {
|
|
resize: horizontal; overflow: auto;
|
|
}
|
|
.sheet-resizeBoth textarea,
|
|
.sheet-rolltemplate-openLegend .sheet-resizeBoth textarea,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-resizeBoth textarea,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-resizeBoth textarea,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-resizeBoth textarea,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-resizeBoth textarea,
|
|
.sheet-rolltemplate-openLegendModern .sheet-resizeBoth textarea {
|
|
resize: both; overflow: auto;
|
|
}
|
|
|
|
/* Text effects */
|
|
.sheet-bold,
|
|
.sheet-rolltemplate-openLegend .sheet-bold,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-bold,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-bold,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-bold,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-bold,
|
|
.sheet-rolltemplate-openLegendModern .sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-bolder,
|
|
.sheet-rolltemplate-openLegend .sheet-bolder,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-bolder,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-bolder,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-bolder,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-bolder,
|
|
.sheet-rolltemplate-openLegendModern .sheet-bolder {
|
|
font-weight: 900;
|
|
}
|
|
.sheet-italic,
|
|
.sheet-rolltemplate-openLegend .sheet-italic,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-italic,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-italic,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-italic,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-italic,
|
|
.sheet-rolltemplate-openLegendModern .sheet-italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-textSmall,
|
|
.sheet-rolltemplate-openLegend .sheet-textSmall,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textSmall,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textSmall,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textSmall,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textSmall,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textSmall {
|
|
font-size: 0.7em;
|
|
font-family: Verdana, sans-serif;
|
|
}
|
|
.sheet-textMedium,
|
|
.sheet-rolltemplate-openLegend .sheet-textMedium,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textMedium,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textMedium,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textMedium,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textMedium,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textMedium {
|
|
font-size: 1.0em;
|
|
}
|
|
.sheet-textLarge,
|
|
.sheet-rolltemplate-openLegend .sheet-textLarge,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textLarge,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textLarge,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textLarge,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textLarge,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textLarge {
|
|
font-size: 1.2em;
|
|
}
|
|
.sheet-textLarger,
|
|
.sheet-rolltemplate-openLegend .sheet-textLarger,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textLarger,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textLarger,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textLarger,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textLarger,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textLarger {
|
|
font-size: 1.5em;
|
|
font-family: Georgia, Verdana, sans-serif;
|
|
}
|
|
.sheet-textLargest,
|
|
.sheet-rolltemplate-openLegend .sheet-textLargest,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textLargest,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textLargest,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textLargest,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textLargest,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textLargest {
|
|
font-size: 2.0em;
|
|
font-family: Georgia, Verdana, sans-serif;
|
|
}
|
|
.sheet-smallCaps {
|
|
font-variant: small-caps;
|
|
}
|
|
/* START alignment */
|
|
.sheet-textLeft,
|
|
.sheet-rolltemplate-openLegend .sheet-textLeft,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textLeft,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textLeft,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textLeft,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textLeft,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textLeft {
|
|
text-align: left;
|
|
}
|
|
.sheet-textRight,
|
|
.sheet-rolltemplate-openLegend .sheet-textRight,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textRight,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textRight,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textRight,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textRight,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textRight {
|
|
text-align: right;
|
|
}
|
|
.sheet-textCenter,
|
|
.sheet-rolltemplate-openLegend .sheet-textCenter,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textCenter,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textCenter,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textCenter,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textCenter,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textCenter {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-vertTop,
|
|
.sheet-rolltemplate-openLegend .sheet-vertTop,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-vertTop,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-vertTop,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-vertTop,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-vertTop,
|
|
.sheet-rolltemplate-openLegendModern .sheet-vertTop {
|
|
vertical-align: top;
|
|
}
|
|
.sheet-vertMiddle,
|
|
.sheet-rolltemplate-openLegend .sheet-vertMiddle,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-vertMiddle,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-vertMiddle,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-vertMiddle,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-vertMiddle,
|
|
.sheet-rolltemplate-openLegendModern .sheet-vertMiddle {
|
|
vertical-align: middle;
|
|
}
|
|
.sheet-vertBottom,
|
|
.sheet-rolltemplate-openLegend .sheet-vertBottom,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-vertBottom,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-vertBottom,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-vertBottom,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-vertBottom,
|
|
.sheet-rolltemplate-openLegendModern .sheet-vertBottom {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* START Display */
|
|
.sheet-inlineBlock,
|
|
.sheet-rolltemplate-openLegend .sheet-inlineBlock,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-inlineBlock,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-inlineBlock,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-inlineBlock,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-inlineBlock,
|
|
.sheet-rolltemplate-openLegendModern .sheet-inlineBlock {
|
|
display: inline-block;
|
|
}
|
|
.sheet-block,
|
|
.sheet-rolltemplate-openLegend .sheet-block,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-block,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-block,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-block,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-block,
|
|
.sheet-rolltemplate-openLegendModern .sheet-block {
|
|
display: block;
|
|
}
|
|
.sheet-inline,
|
|
.sheet-rolltemplate-openLegend .sheet-inline,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-inline,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-inline,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-inline,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-inline,
|
|
.sheet-rolltemplate-openLegendModern .sheet-inline {
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-marginCenter, .sheet-rolltemplate-openLegend .sheet-marginCenter { margin: 0 auto; }
|
|
.sheet-marginTop, .sheet-rolltemplate-openLegend .sheet-marginTop { margin-top: 5px; }
|
|
.sheet-marginBottom, .sheet-rolltemplate-openLegend .sheet-margiBottom { margin-bottom: 5px; }
|
|
.sheet-marginLeft, .sheet-rolltemplate-openLegend .sheet-marginLeft { margin-left: 5px; }
|
|
.sheet-marginRight, .sheet-rolltemplate-openLegend .sheet-marginRight { margin-right: 5px; }
|
|
|
|
/* add shadows to text or divs/boxes */
|
|
.sheet-boxShadow,
|
|
.sheet-rolltemplate-openLegend .sheet-boxShadow,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-boxShadow,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-boxShadow,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-boxShadow,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-boxShadow,
|
|
.sheet-rolltemplate-openLegendModern .sheet-boxShadow {
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
|
|
}
|
|
.sheet-textShadow,
|
|
.sheet-rolltemplate-openLegend .sheet-textShadow,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-textShadow,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-textShadow,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-textShadow,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-textShadow,
|
|
.sheet-rolltemplate-openLegendModern .sheet-textShadow {
|
|
text-shadow: 2px 2px 4px #000000;
|
|
}
|
|
|
|
.sheet-scroll,
|
|
.sheet-rolltemplate-openLegend .sheet-scroll,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-scroll,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-scroll,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-scroll,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-scroll,
|
|
.sheet-rolltemplate-openLegendModern .sheet-scroll {
|
|
overflow-y: auto;
|
|
}
|
|
/* Text & Number formatting */
|
|
.charsheet input, .charsheet select {
|
|
display: inline-block;
|
|
width: 95%;
|
|
padding-Top: 0;
|
|
padding-Bottom: 0;
|
|
}
|
|
/*** Remove the 'spinners' (up/down graphic arrows), mouse wheel still works as well as up/down arrows on keyboard ***/
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
appearance: none;
|
|
margin: 0;
|
|
}
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
/*** Select fields (options) without border or down arrow ***/
|
|
.sheet-inputSelect select {
|
|
border: 0px;
|
|
background: #AAAAAA;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
color: white;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
line-height: 18px;
|
|
height: 18px;
|
|
}
|
|
/*** Input as numbers ***/
|
|
.sheet-inputNumber input[type=number], .sheet-inputNumber30 input[type=number], .sheet-inputNumber60 input[type=number] {
|
|
border-bottom: 1px solid #AAAAAA;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 10px;
|
|
color: black;
|
|
text-align: center;
|
|
}
|
|
.sheet-inputNumber30 input[type=number] {
|
|
width: 30px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
.sheet-inputNumber60 input[type=number] {
|
|
width: 60px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
background-color: silver;
|
|
}
|
|
.sheet-inputNumberLarge input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #cccccc;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
height: 70px;
|
|
width: 80px;
|
|
text-align: center;
|
|
color: black;
|
|
font-size: 40px;
|
|
}
|
|
.sheet-inputNumberLargeNarrow input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #cccccc;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
height: 70px;
|
|
width: 60px;
|
|
text-align: center;
|
|
color: black;
|
|
font-size: 40px;
|
|
}
|
|
.sheet-inputNumberLargeShort input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #cccccc;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
height: 50px;
|
|
width: 80px;
|
|
text-align: center;
|
|
color: black;
|
|
font-size: 40px;
|
|
}
|
|
.sheet-inputNumberLargeNarrowShort input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #cccccc;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
height: 50px;
|
|
width: 55px;
|
|
text-align: center;
|
|
color: black;
|
|
font-size: 40px;
|
|
}
|
|
.sheet-inputNumberLargeLethal input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #111111;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
height: 70px;
|
|
width: 60px;
|
|
text-align: center;
|
|
color: #cccccc;
|
|
font-size: 40px;
|
|
}
|
|
.sheet-inputNumberLargeLethalShort input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #111111;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
height: 50px;
|
|
width: 60px;
|
|
text-align: center;
|
|
color: #cccccc;
|
|
font-size: 40px;
|
|
}
|
|
|
|
/*** FOR CHECKBOX SELECTION ***/
|
|
/*** FOR SHOW/HIDE ***/
|
|
input[type=checkbox].sheet-tab-hide {
|
|
display: inline-block;
|
|
width: 24px;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
input[type=checkbox].sheet-tab-hide + div {
|
|
display: inline-block;
|
|
margin-left: -27px;
|
|
width: 25px;
|
|
font-family: pictos;
|
|
font-size: 2.0em;
|
|
color: #A0A0A0;
|
|
cursor: pointer;
|
|
}
|
|
input[type=checkbox].sheet-tab-hide:checked + div {
|
|
display: inline-block;
|
|
color: black;
|
|
}
|
|
input[type=checkbox].sheet-tab-hide:hover + div,
|
|
input[type=checkbox].sheet-tab-hide:hover * {
|
|
display: inline-block;
|
|
color: blue;
|
|
}
|
|
/*** END FOR SHOW/HIDE ***/
|
|
/*** END FOR CHECKBOX SELECTION ***/
|
|
|
|
/*** FOR RADIO SELECTION ***/
|
|
/*** FOR MAIN SHEET ***/
|
|
input[type=radio].sheet-tab-sheet {
|
|
opacity: 0;
|
|
width: 100px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
input[type=radio].sheet-tab-sheet + div {
|
|
margin-left: -100px;
|
|
display: inline-block;
|
|
width: 100px;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
background-color: #DDDDDD;
|
|
color: black;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align:center;
|
|
font-weight: bold;
|
|
}
|
|
input[type=radio].sheet-tab-sheet.sheet-main:checked + div,
|
|
input[type=radio].sheet-tab-sheet.sheet-background:checked + div,
|
|
input[type=radio].sheet-tab-sheet.sheet-options:checked + div {
|
|
background-color: #111111;
|
|
color:#DDDDDD;
|
|
}
|
|
/*** END FOR MAIN SHEET ***/
|
|
/*** FOR WHISPER optionsT ***/
|
|
input[type=radio].sheet-tab-chat {
|
|
opacity: 0;
|
|
width: 65px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
input[type=radio].sheet-tab-chat + div {
|
|
margin-left: -65px;
|
|
display: inline-block;
|
|
width: 65px;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
border-radius: 20px;
|
|
background-color: #DDDDDD;
|
|
color: black;
|
|
font-family: "Arial Black", Gadget, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align:center;
|
|
}
|
|
input[type=radio].sheet-tab-chat.sheet-public:checked + div,
|
|
input[type=radio].sheet-tab-chat.sheet-gm:checked + div {
|
|
background-color: #111111;
|
|
color:#DDDDDD;
|
|
}
|
|
/*** END FOR Whisper Options ***/
|
|
/*** FOR ACTIONS ***/
|
|
input[type=radio].sheet-tab-action {
|
|
opacity: 0;
|
|
width: 50px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
input[type=radio].sheet-tab-action + span {
|
|
margin-left: -50px;
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
background-color: #DDDDDD;
|
|
color: black;
|
|
text-align:center;
|
|
font-weight: bold;
|
|
}
|
|
input[type=radio].sheet-tab-action.sheet-attack:checked + span,
|
|
input[type=radio].sheet-tab-action.sheet-boon:checked + span,
|
|
input[type=radio].sheet-tab-action.sheet-effect:checked + span {
|
|
background-color: #111111;
|
|
color:#DDDDDD;
|
|
}
|
|
.sheet-tab-action-text + span {
|
|
display: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
|
|
/* Position the tooltip */
|
|
position: absolute;
|
|
z-index: 4;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -60px;
|
|
}
|
|
.sheet-tab-action-text:hover + span {
|
|
display: float;
|
|
}
|
|
/*** END FOR ACTIONS ***/
|
|
/*** END FOR RADIO SELECTION ***/
|
|
|
|
/*** Input as text for skill name (or just a blank line) ***/
|
|
.sheet-inputName input[type=text] {
|
|
border-bottom: 1px solid #AAAAAA;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 10px;
|
|
color: black;
|
|
}
|
|
.sheet-inputNameShort input[type=text] {
|
|
border-bottom: 1px solid #AAAAAA;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 10px;
|
|
color: black;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
/*** Input as text for dice size (usually d4/d6/d8/d10 etc) ***/
|
|
.sheet-inputDiceNum input[type=text] {
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
width: 15px;
|
|
background: none;
|
|
border: none;
|
|
/*** border-top: solid 1px #111111;
|
|
border-bottom: solid 1px #111111;
|
|
border-left: solid 1px #111111;
|
|
border-right: 0px; ***/
|
|
text-align: right;
|
|
}
|
|
/*** Input as text for dice size (usually d4/d6/d8/d10 etc) ***/
|
|
.sheet-inputDiceType select {
|
|
border: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
text-align: left;
|
|
display: inline-block;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
line-height: 18px;
|
|
height: 18px;
|
|
width: 35px;
|
|
}
|
|
.sheet-inputDiceType input[type=text] {
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
width: 35px;
|
|
background: none;
|
|
border: none;
|
|
text-align: left;
|
|
}
|
|
/*** Input as text for dice size (usually d4/d6/d8/d10 etc) ***/
|
|
.sheet-inputDice input[type=text] {
|
|
background: none;
|
|
border: dashed 1px #111111;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
}
|
|
/*** Input as number for level of skill (typically 1 digit) ***/
|
|
.sheet-inputLevel input[type=number] {
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: #AAAAAA;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-border-radius: 20px;
|
|
border-radius: 20px;
|
|
text-align: center;
|
|
color: white;
|
|
width: 30px;
|
|
}
|
|
/*** Attribute Button formatting to make the line clickable ***/
|
|
.sheet-attributeButton button[type=roll] {
|
|
background-color: transparent;
|
|
color: black;
|
|
font-style: italic;
|
|
text-align: left;
|
|
border: none;
|
|
line-height: 15px;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
width: 100%;
|
|
}
|
|
/*** Resolve/Toughness/Agility Button formatting to make the line clickable ***/
|
|
.sheet-resistButton button[type=roll] {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
font-size: 2.0em;
|
|
font-family: Georgia, Verdana, sans-serif;
|
|
line-height: 18px;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
width: 100%;
|
|
}
|
|
/*** Inventory Button formatting to make the line clickable ***/
|
|
.sheet-inventoryButton button[type=roll] {
|
|
background-color: transparent;
|
|
color: black;
|
|
border: none;
|
|
line-height: 12px;
|
|
font-weight: bold;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
width: 100%;
|
|
}
|
|
/*** Resolve/Toughness/Agility Button formatting to make the line clickable ***/
|
|
.sheet-speedButton button[type=roll] {
|
|
background-color: #111111;
|
|
color: #cccccc;
|
|
border: none;
|
|
font-weight: bold;
|
|
font-size: 1.0em;
|
|
font-family: Georgia, Verdana, sans-serif;
|
|
line-height: 15px;
|
|
background-image: none;
|
|
border-radius: 10px;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
width: 100%;
|
|
}
|
|
button[type=roll]::before,
|
|
* button[type=roll]::before {
|
|
content: "" !important;
|
|
}
|
|
button[type=roll]:hover,
|
|
button[type=roll]:hover * {
|
|
font-weight: normal;
|
|
color: #AAAAAA;
|
|
}
|
|
button[type=roll] * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Checkbox & Radio formatting */
|
|
/*** make regular checkboxes closer to surrounding items ***/
|
|
input.sheet-checks {
|
|
width: 12px;
|
|
height: 12px;
|
|
display: inline;
|
|
margin-left: -2px;
|
|
margin-right: -2px;
|
|
}
|
|
/*** same as above but 2x the size ***/
|
|
input.sheet-checks25 {
|
|
width: 25px;
|
|
height: 25px;
|
|
display: inline;
|
|
margin-left: -2px;
|
|
margin-right: -2px;
|
|
}
|
|
/*** Slider Checkbox ***/
|
|
input.sheet-checkboxSliderInvis {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 2;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-checkboxSlider {
|
|
width: 60px;
|
|
height: 20px;
|
|
background: #333;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
border-radius: 25px;
|
|
position: relative;
|
|
}
|
|
/*** On position ***/
|
|
.sheet-checkboxSlider:before {
|
|
content: 'On';
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 6px;
|
|
height: 2px;
|
|
color: #26ca28;
|
|
font-size: 14px;
|
|
}
|
|
/*** Off position ***/
|
|
.sheet-checkboxSlider:after {
|
|
content: 'Off';
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 32px;
|
|
height: 1px;
|
|
color: #ddd;
|
|
font-size: 14px;
|
|
}
|
|
/*** Clickable 'Pill' ***/
|
|
.sheet-checkboxSlider label {
|
|
display: block;
|
|
width: 15px;
|
|
height: 10px;
|
|
border-radius: 25px;
|
|
transition: all .5s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 5px;
|
|
left: 6px;
|
|
background: #ddd;
|
|
}
|
|
/*** Checkbox Checked ***/
|
|
.sheet-checkboxSlider input[type=checkbox]:checked + label {
|
|
left: 30px;
|
|
background: #26ca28;
|
|
}
|
|
/* Settings button as gear (uses letter 'y' in pictos font) as a checkbox to be used with javascript */
|
|
.sheet-settings {
|
|
display: inline-block;
|
|
width: 14px;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-settings + span {
|
|
margin-left: -17px;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
color: #A0A0A0;
|
|
cursor: pointer;
|
|
display: inline-Block;
|
|
}
|
|
|
|
.sheet-settings:checked + span {
|
|
color: black;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-settings:hover + span,
|
|
.sheet-settings:hover * {
|
|
color: blue;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Making the columns fit snug to each other inside the rows */
|
|
.sheet-row,
|
|
.sheet-rolltemplate-openLegend .sheet-row,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-row,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-row,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-row,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-row,
|
|
.sheet-rolltemplate-openLegendModern .sheet-row {
|
|
letter-spacing: -0.31em;
|
|
letter-spacing: normal;
|
|
word-spacing: -0.43em;
|
|
}
|
|
/* Making what's in the columns be normal again */
|
|
.sheet-column,
|
|
.sheet-rolltemplate-openLegend .sheet-column,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-column,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-column,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-column,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-column,
|
|
.sheet-rolltemplate-openLegendModern .sheet-column {
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
}
|
|
/* Hide and Show different sections */
|
|
.sheet-border,
|
|
.sheet-rolltemplate-openLegend .sheet-border,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderNormal,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderNormal,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderNormal,
|
|
.sheet-rolltemplate-openLegend .sheet-borderNormal,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-border {
|
|
border: 10px solid transparent;
|
|
padding: 0px;
|
|
-webkit-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper.png?raw=true") 10 round;
|
|
-moz-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper.png?raw=true") 10 round;
|
|
border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper.png?raw=true") 10 round;
|
|
}
|
|
|
|
.sheet-normalBorder,
|
|
.sheet-rolltemplate-openLegend .sheet-normalBorder,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-normalBorder,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-normalBorder,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-normalBorder,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-normalBorder {
|
|
border: 10px solid transparent;
|
|
padding: 0px;
|
|
-webkit-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper.png?raw=true") 10 round;
|
|
-moz-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper.png?raw=true") 10 round;
|
|
border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/border-Paper.png?raw=true") 10 round;
|
|
}
|
|
|
|
.sheet-display_alternate_border_flag[value="show"] ~ .sheet-normalBorder,
|
|
.sheet-rolltemplate-openLegendModern .sheet-modernBorder {
|
|
border: 10px solid transparent;
|
|
padding: 0px;
|
|
-webkit-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/Modern-Border.png?raw=true") 25 round;
|
|
-moz-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/Modern-Border.png?raw=true") 25 round;
|
|
border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/Modern-Border.png?raw=true") 25 round;
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend-boon .sheet-borderModern,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-borderModern,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-borderModern,
|
|
.sheet-rolltemplate-openLegend .sheet-borderModern {
|
|
border: 10px solid transparent;
|
|
padding: 0px;
|
|
-webkit-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/Modern-Border.png?raw=true") 25 round;
|
|
-moz-border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/Modern-Border.png?raw=true") 25 round;
|
|
border-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Open%20Legend/Modern-Border.png?raw=true") 25 round;
|
|
}
|
|
|
|
.sheet-agility_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-fortitude_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-might_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-learning_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-logic_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-perception_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-will_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-deception_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-persuasion_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-presence_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-alteration_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-creation_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-energy_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-entropy_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-influence_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-movement_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-prescience_display_sub_flag[value="show"] ~ .sheet-sub,
|
|
.sheet-protection_display_sub_flag[value="show"] ~ .sheet-sub {
|
|
background-color: #7FDBFF;
|
|
}
|
|
|
|
|
|
.sheet-option-main {
|
|
display: none;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-sheet.sheet-main:checked ~ .sheet-option-main.sheet-main,
|
|
input[type=radio].sheet-tab-sheet.sheet-background:checked ~ .sheet-option-main.sheet-background,
|
|
input[type=radio].sheet-tab-sheet.sheet-options:checked ~ .sheet-option-main.sheet-options {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-displaySheetCharacter,
|
|
.sheet-displaySheetAltForm1,
|
|
.sheet-displaySheetAltForm2,
|
|
.sheet-displaySheetCompanion1,
|
|
.sheet-displaySheetCompanion2,
|
|
.sheet-displaySheetCompanion3,
|
|
.sheet-displaySheetNPC {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-display_sheet_type[value="character"] ~ .sheet-displaySheetCharacter,
|
|
.sheet-display_sheet_type[value="alt form 1"] ~ .sheet-displaySheetCharacter.sheet-main,
|
|
.sheet-display_sheet_type[value="alt form 2"] ~ .sheet-displaySheetCharacter.sheet-main,
|
|
.sheet-display_sheet_type[value="companion 1"] ~ .sheet-displaySheetCharacter.sheet-main,
|
|
.sheet-display_sheet_type[value="companion 2"] ~ .sheet-displaySheetCharacter.sheet-main,
|
|
.sheet-display_sheet_type[value="companion 3"] ~ .sheet-displaySheetCharacter.sheet-main,
|
|
.sheet-display_sheet_type[value="alt form 1"] ~ .sheet-displaySheetAltForm1,
|
|
.sheet-display_sheet_type[value="alt form 2"] ~ .sheet-displaySheetAltForm2,
|
|
.sheet-display_sheet_type[value="companion 1"] ~ .sheet-displaySheetCompanion1,
|
|
.sheet-display_sheet_type[value="companion 2"] ~ .sheet-displaySheetCompanion2,
|
|
.sheet-display_sheet_type[value="companion 3"] ~ .sheet-displaySheetCompanion3,
|
|
.sheet-display_sheet_type[value="npc"] ~ .sheet-displaySheetNPC {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-option-action {
|
|
display: none;
|
|
}
|
|
|
|
input[type=radio].sheet-tab-action.sheet-attack:checked ~ .sheet-option-action.sheet-attack,
|
|
input[type=radio].sheet-tab-action.sheet-boon:checked ~ .sheet-option-action.sheet-boon,
|
|
input[type=radio].sheet-tab-action.sheet-attack:checked ~ .sheet-option-action.sheet-both,
|
|
input[type=radio].sheet-tab-action.sheet-boon:checked ~ .sheet-option-action.sheet-both,
|
|
input[type=radio].sheet-tab-action.sheet-attack:checked ~ .sheet-option-action.sheet-all,
|
|
input[type=radio].sheet-tab-action.sheet-boon:checked ~ .sheet-option-action.sheet-all,
|
|
input[type=radio].sheet-tab-action.sheet-effect:checked ~ .sheet-option-action.sheet-all,
|
|
input[type=radio].sheet-tab-action.sheet-effect:checked ~ .sheet-option-action.sheet-effect {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-option-boon {
|
|
display: none;
|
|
width: 45%;
|
|
|
|
}
|
|
|
|
input[type=checkbox].sheet-display-boon.sheet-pl1:checked ~ .sheet-option-boon.sheet-pl1,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl2:checked ~ .sheet-option-boon.sheet-pl2,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl3:checked ~ .sheet-option-boon.sheet-pl3,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl4:checked ~ .sheet-option-boon.sheet-pl4,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl5:checked ~ .sheet-option-boon.sheet-pl5,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl6:checked ~ .sheet-option-boon.sheet-pl6,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl7:checked ~ .sheet-option-boon.sheet-pl7,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl8:checked ~ .sheet-option-boon.sheet-pl8,
|
|
input[type=checkbox].sheet-display-boon.sheet-pl9:checked ~ .sheet-option-boon.sheet-pl9 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-show-hide {
|
|
display: none;
|
|
}
|
|
|
|
input[type=checkbox].sheet-tab-hide:checked ~ .sheet-show-hide {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-displaySettings {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-displayCharacter,
|
|
.sheet-displayAttributes,
|
|
.sheet-displayDefenses,
|
|
.sheet-displayHealthSpeed,
|
|
.sheet-displayFavoredActions,
|
|
.sheet-displayOtherActions,
|
|
.sheet-displayLegendaryItems,
|
|
.sheet-displayFeats,
|
|
.sheet-displayPerksFlaws,
|
|
.sheet-displayInventory,
|
|
.sheet-displayOtherInventory,
|
|
.sheet-displayGoalsBeliefs,
|
|
.sheet-displaySanity {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-display_character_flag[value="hide"] ~ .sheet-displayCharacter,
|
|
.sheet-display_attributes_flag[value="hide"] ~ .sheet-displayAttributes,
|
|
.sheet-display_defenses_flag[value="hide"] ~ .sheet-displayDefenses,
|
|
.sheet-display_healthspeed_flag[value="hide"] ~ .sheet-displayHealthSpeed,
|
|
.sheet-display_favoredactions_flag[value="hide"] ~ .sheet-displayFavoredActions,
|
|
.sheet-display_otheractions_flag[value="hide"] ~ .sheet-displayOtherActions,
|
|
.sheet-display_legendaryitems_flag[value="hide"] ~ .sheet-displayLegendaryItems,
|
|
.sheet-display_feats_flag[value="hide"] ~ .sheet-displayFeats,
|
|
.sheet-display_perksflaws_flag[value="hide"] ~ .sheet-displayPerksFlaws,
|
|
.sheet-display_inventory_flag[value="hide"] ~ .sheet-displayInventory,
|
|
.sheet-display_otherinventory_flag[value="hide"] ~ .sheet-displayOtherInventory,
|
|
.sheet-display_goalsbeliefs_flag[value="hide"] ~ .sheet-displayGoalsBeliefs,
|
|
.sheet-display_sanity_flag[value="hide"] ~ .sheet-displaySanity,
|
|
.sheet-displaySettingsFlag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-agility_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-fortitude_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-might_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-learning_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-logic_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-perception_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-will_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-deception_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-persuasion_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-presence_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-alteration_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-creation_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-energy_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-entropy_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-influence_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-movement_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-prescience_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-protection_display_settings_flag[value="hide"] ~ .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem1[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem2[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem3[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem4[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem5[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem6[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem7[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem8[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem9[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem10[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem11[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem12[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem13[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem14[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem15[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem16[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem17[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem18[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem19[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagItem20[value="hide"] + .sheet-displaySettings,
|
|
.sheet-displaySettingsFlagInitiative[value="hide"] ~ .sheet-displaySettingsInitiative {
|
|
display: none;
|
|
}
|
|
/* Boring Pre-defined width & height options */
|
|
.sheet-width5, .sheet-rolltemplate-openLegend .sheet-width5 { width: 5%; }
|
|
.sheet-width6, .sheet-rolltemplate-openLegend .sheet-width6 { width: 6%; } /* for Attribute settings */
|
|
.sheet-width10, .sheet-rolltemplate-openLegend .sheet-width10 { width: 10%; }
|
|
.sheet-width15, .sheet-rolltemplate-openLegend .sheet-width15 { width: 15%; }
|
|
.sheet-width20, .sheet-rolltemplate-openLegend .sheet-width20 { width: 20%; }
|
|
.sheet-width25, .sheet-rolltemplate-openLegend .sheet-width25 { width: 25%; }
|
|
.sheet-width30,
|
|
.sheet-rolltemplate-openLegend .sheet-width30,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width30,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width30,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width30,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-width30,
|
|
.sheet-rolltemplate-openLegendModern .sheet-width30 {
|
|
width: 30%;
|
|
}
|
|
.sheet-width35, .sheet-rolltemplate-openLegend .sheet-width35 { width: 35%; }
|
|
.sheet-width39, .sheet-rolltemplate-openLegend .sheet-width39 { width: 39%; } /* for Attribute settings */
|
|
.sheet-width40,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width40,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width40,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width40,
|
|
.sheet-rolltemplate-openLegend .sheet-width40 {
|
|
width: 40%;
|
|
}
|
|
.sheet-width45, .sheet-rolltemplate-openLegend .sheet-width45 { width: 45%; }
|
|
.sheet-width50, .sheet-rolltemplate-openLegend .sheet-width50 { width: 50%; }
|
|
.sheet-width55,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width55,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width55,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width55,
|
|
.sheet-rolltemplate-openLegend .sheet-width55 {
|
|
width: 55%;
|
|
}
|
|
.sheet-width60, .sheet-rolltemplate-openLegend .sheet-width60 { width: 60%; }
|
|
.sheet-width65,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width65,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width65,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width65,
|
|
.sheet-rolltemplate-openLegend .sheet-width65 { width: 65%; }
|
|
.sheet-width70, .sheet-rolltemplate-openLegend .sheet-width70 { width: 70%; }
|
|
.sheet-width75, .sheet-rolltemplate-openLegend .sheet-width75 { width: 75%; }
|
|
.sheet-width80, .sheet-rolltemplate-openLegend .sheet-width80 { width: 80%; }
|
|
.sheet-width85, .sheet-rolltemplate-openLegend .sheet-width85 { width: 85%; }
|
|
.sheet-width90,
|
|
.sheet-rolltemplate-openLegend .sheet-width90,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width90,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width90,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width90,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-width90,
|
|
.sheet-rolltemplate-openLegendModern .sheet-width90 {
|
|
width: 90%;
|
|
}
|
|
.sheet-width95,
|
|
.sheet-rolltemplate-openLegend .sheet-width95,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width95,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width95,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width95,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-width95,
|
|
.sheet-rolltemplate-openLegendModern .sheet-width95 {
|
|
width: 95%;
|
|
}
|
|
.sheet-width100,
|
|
.sheet-rolltemplate-openLegend .sheet-width100,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-width100,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-width100,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-width100,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-width100,
|
|
.sheet-rolltemplate-openLegendModern .sheet-width100 {
|
|
width: 100%;
|
|
}
|
|
.sheet-width1of3, .sheet-width2of6,
|
|
.sheet-rolltemplate-openLegend .sheet-width1of3,
|
|
.sheet-rolltemplate-openLegend .sheet-width2of6 {
|
|
width: 33.33333%;
|
|
}
|
|
.sheet-width2of3, .sheet-width4of6, .sheet-rolltemplate-openLegend .sheet-width4of6, .sheet-rolltemplate-openLegend .sheet-width4of6 { width: 66.66667%; }
|
|
.sheet-width1of6, .sheet-rolltemplate-openLegend .sheet-width1of6 { width: 16.66667%; }
|
|
.sheet-width5of6, .sheet-rolltemplate-openLegend .sheet-width5of6 { width: 83.33333%; }
|
|
.sheet-width1of8, .sheet-rolltemplate-openLegend .sheet-width1of8 { width: 12.5%; }
|
|
.sheet-width3of8, .sheet-rolltemplate-openLegend .sheet-width3of8 { width: 37.5%; }
|
|
.sheet-width5of8, .sheet-rolltemplate-openLegend .sheet-width5of8 { width: 62.5%; }
|
|
.sheet-width7of8, .sheet-rolltemplate-openLegend .sheet-width7of8 { width: 87.5%; }
|
|
.sheet-width165 { width: 165px; }
|
|
.sheet-width275 { width: 275px; }
|
|
.sheet-width825 { width: 825px; }
|
|
|
|
.sheet-height5, .sheet-rolltemplate-openLegend .sheet-height5 { height: 5px; }
|
|
.sheet-height10, .sheet-rolltemplate-openLegend .sheet-height10 { height: 10px; }
|
|
.sheet-height15, .sheet-rolltemplate-openLegend .sheet-height15 { height: 15px; }
|
|
.sheet-height25, .sheet-rolltemplate-openLegend .sheet-height25 { height: 25px; }
|
|
.sheet-height40, .sheet-rolltemplate-openLegend .sheet-height40 { height: 40px; }
|
|
.sheet-height50, .sheet-rolltemplate-openLegend .sheet-height50 { height: 50px; }
|
|
.sheet-height75, .sheet-rolltemplate-openLegend .sheet-height75 { height: 75px; }
|
|
.sheet-height80, .sheet-rolltemplate-openLegend .sheet-height80 { height: 80px; }
|
|
.sheet-height100, .sheet-rolltemplate-openLegend .sheet-height100 { height: 100px; }
|
|
.sheet-height150, .sheet-rolltemplate-openLegend .sheet-height150 { height: 150px; }
|
|
|
|
/* All the color options for background & text
|
|
* Colors: black, silver, gray/grey, white, red, navy, aqua,
|
|
* purple, blue, teal, olive, green, lime, yellow, orange, maroon, fuchsia
|
|
* text[Colorname] for text version
|
|
*/
|
|
.sheet-black, .sheet-rolltemplate-openLegend .sheet-black {
|
|
background-color: #111111;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textBlack, .sheet-rolltemplate-openLegend .sheet-textBlack {
|
|
color: #111111;;
|
|
}
|
|
|
|
.sheet-silver, .sheet-rolltemplate-openLegend .sheet-silver {
|
|
background-color: #DDDDDD;
|
|
color: #111111;
|
|
}
|
|
.sheet-textSilver, .sheet-rolltemplate-openLegend .sheet-textSilver {
|
|
color: #DDDDDD;
|
|
}
|
|
|
|
.sheet-gray, .sheet-grey, .sheet-rolltemplate-openLegend .sheet-gray, .sheet-rolltemplate-openLegend .sheet-grey {
|
|
background-color: #AAAAAA;
|
|
color: #111111;
|
|
}
|
|
.sheet-textGray, .sheet-textGrey, .sheet-rolltemplate-openLegend .sheet-textGray, .sheet-rolltemplate-openLegend .sheet-textGrey {
|
|
color: #AAAAAA;
|
|
}
|
|
|
|
.sheet-white,
|
|
.sheet-rolltemplate-openLegend .sheet-white,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-white,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-white,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-white,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-white,
|
|
.sheet-rolltemplate-openLegendModern .sheet-white {
|
|
background-color: #FFFFFF;
|
|
color: #111111;
|
|
}
|
|
.sheet-textWhite, .sheet-rolltemplate-openLegend .sheet-textWhite {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.sheet-red,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-red,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-red,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-red,
|
|
.sheet-rolltemplate-openLegend .sheet-red {
|
|
background-color: #FF4136;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textRed, .sheet-rolltemplate-openLegend .sheet-textRed {
|
|
color: #FF4136;
|
|
}
|
|
|
|
.sheet-navy, .sheet-rolltemplate-openLegend .sheet-navy {
|
|
background-color: #001F3F;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textNavy, .sheet-rolltemplate-openLegend .sheet-textNavy {
|
|
color: #001F3F;
|
|
}
|
|
|
|
.sheet-aqua, .sheet-rolltemplate-openLegend .sheet-aqua {
|
|
background-color: #7FDBFF;
|
|
color: #111111;
|
|
}
|
|
.sheet-textAqua, .sheet-rolltemplate-openLegend .sheet-textAqua {
|
|
color: #7FDBFF;;
|
|
}
|
|
|
|
.sheet-purple, .sheet-rolltemplate-openLegend .sheet-purple {
|
|
background-color: #B10DC9;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textPurple, .sheet-rolltemplate-openLegend .sheet-textPurple {
|
|
color: #B10DC9;
|
|
}
|
|
|
|
.sheet-blue, .sheet-rolltemplate-openLegend .sheet-blue {
|
|
background-color: #0074D9;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textBlue, .sheet-rolltemplate-openLegend .sheet-textBlue {
|
|
color: #0074D9;
|
|
}
|
|
|
|
.sheet-teal, .sheet-rolltemplate-openLegend .sheet-teal {
|
|
background-color: #39CCCC;
|
|
color: #111111;
|
|
}
|
|
.sheet-textTeal, .sheet-rolltemplate-openLegend .sheet-textTeal {
|
|
color: #39CCCC;
|
|
}
|
|
|
|
.sheet-olive, .sheet-rolltemplate-openLegend .sheet-olive {
|
|
background-color: #3D9970;
|
|
color: #111111;
|
|
}
|
|
.sheet-textOlive, .sheet-rolltemplate-openLegend .sheet-textOlive {
|
|
color: #3D9970;
|
|
}
|
|
|
|
.sheet-green,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-green,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-green,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-green,
|
|
.sheet-rolltemplate-openLegend .sheet-green {
|
|
background-color: #2ECC40;
|
|
color: #111111;
|
|
}
|
|
.sheet-textGreen, .sheet-rolltemplate-openLegend .sheet-textGreen {
|
|
color: #2ECC40;
|
|
}
|
|
|
|
.sheet-lime, .sheet-rolltemplate-openLegend .sheet-lime {
|
|
background-color: #01FF70;
|
|
color: #111111;
|
|
}
|
|
.sheet-textLime, .sheet-rolltemplate-openLegend .sheet-textLime {
|
|
color: #01FF70;
|
|
}
|
|
|
|
.sheet-yellow, .sheet-rolltemplate-openLegend .sheet-yellow {
|
|
background-color: #FFDC00;
|
|
color: #111111;
|
|
}
|
|
.sheet-textYellow, .sheet-rolltemplate-openLegend .sheet-textYellow {
|
|
color: #FFDC00;
|
|
}
|
|
|
|
.sheet-orange, .sheet-rolltemplate-openLegend .sheet-orange {
|
|
background-color: #FF851B;
|
|
color: #111111;
|
|
}
|
|
.sheet-textOrange, .sheet-rolltemplate-openLegend .sheet-textOrange {
|
|
color: #FF851B;
|
|
}
|
|
|
|
.sheet-maroon, .sheet-rolltemplate-openLegend .sheet-maroon {
|
|
background-color: #85144b;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textMaroon, .sheet-rolltemplate-openLegend .sheet-textMaroon {
|
|
color: #85144b;
|
|
}
|
|
|
|
.sheet-fuchsia, .sheet-rolltemplate-openLegend .sheet-fuchsia {
|
|
background-color: #F012BE;
|
|
color: #FFFFFF;
|
|
}
|
|
.sheet-textFuchsia, .sheet-rolltemplate-openLegend .sheet-textFuchsia {
|
|
color: #F012BE;
|
|
}
|
|
|
|
/* Roll Template Specific formatting */
|
|
.sheet-rolltemplate-openLegend .sheet-rollContainer,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-rollContainer,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-rollContainer,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-rollContainer,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-rollContainer,
|
|
.sheet-rolltemplate-openLegendModern .sheet-rollContainer {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend .sheet-row:nth-child(even),
|
|
.sheet-rolltemplate-openLegend-boon .sheet-row:nth-child(even),
|
|
.sheet-rolltemplate-openLegend-attack .sheet-row:nth-child(even),
|
|
.sheet-rolltemplate-openLegend-effect .sheet-row:nth-child(even),
|
|
.sheet-rolltemplate-openLegendNormal .sheet-row:nth-child(even),
|
|
.sheet-rolltemplate-openLegendModern .sheet-row:nth-child(even) {
|
|
background-color: rgba(61,153,112,0.1); /* Olive color at 10% transparent */
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend .sheet-powerLevel,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-powerLevel,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-powerLevel,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-powerLevel,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-powerLevel,
|
|
.sheet-rolltemplate-openLegendModern .sheet-powerLevel {
|
|
font-size: 3.5em;
|
|
}
|
|
|
|
/* Override default dice roll display */
|
|
.sheet-rolltemplate-openLegend .sheet-roll,
|
|
.sheet-rolltemplate-openLegend-boon .sheet-roll,
|
|
.sheet-rolltemplate-openLegend-attack .sheet-roll,
|
|
.sheet-rolltemplate-openLegend-effect .sheet-roll,
|
|
.sheet-rolltemplate-openLegendNormal .sheet-roll,
|
|
.sheet-rolltemplate-openLegendModern .sheet-roll {
|
|
font-size: 5em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend .inlinerollresult,
|
|
.sheet-rolltemplate-openLegend-boon .inlinerollresult,
|
|
.sheet-rolltemplate-openLegend-attack .inlinerollresult,
|
|
.sheet-rolltemplate-openLegend-effect .inlinerollresult,
|
|
.sheet-rolltemplate-openLegendNormal .inlinerollresult,
|
|
.sheet-rolltemplate-openLegendModern .inlinerollresult {
|
|
color: #111111;
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-openLegend-boon .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-openLegend-attack .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-openLegend-effect .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-openLegendNormal .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-openLegendModern .inlinerollresult.fullcrit {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-openLegend-boon .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-openLegend-attack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-openLegend-effect .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-openLegendNormal .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-openLegendModern .inlinerollresult.fullfail {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-openLegend .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-openLegend-boon .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-openLegend-attack .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-openLegend-effect .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-openLegendNormal .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-openLegendModern .inlinerollresult.importantroll {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|