Files
roll20-character-sheets-tester/13th Age Glorantha/13th_Age_Glorantha.css
T
William Barton 7ea26344cd Merge pull request #12 from speque/replace-glyph-with-utf-char-as-law-rune
[13th Age Glorantha] Replace a triangle glyph with a triangle utf character
2021-03-19 23:10:09 +00:00

1732 lines
40 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* version: 1.0 */
.sheet-13G {
padding-top: 0.5em;
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/bg_paper.jpg') repeat-y top left;
position: relative;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1em;
color: black;
}
.sheet-desc-show:not(:checked)~.sheet-desc,
.sheet-macro-text-show:not(:checked)~.sheet-macro-text,
.sheet-sect-show:not(:checked)~.sheet-sect {
display: none;
}
.sheet-table {
display: table;
border-collapse: collapse;
width: 100%;
}
.sheet-shrink {
font-size: 0.8em !important;
}
.sheet-normalize {
font-size: 1em !important;
}
.sheet-grow {
font-size: 1.4em !important;
}
.sheet-big {
font-size: 1.6em !important;
}
.sheet-bigger {
font-size: 2em !important;
}
.sheet-table-name {
display: table-caption;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal;
text-align: center;
width: 100%;
color: white;
}
.sheet-round {
border-width: 0px 1px 0px 0px;
border-color: rgba(125,114,69,0.2);
border-style: solid;
padding-bottom: 2px;
padding-top: 2px;
}
.sheet-caps {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
background-size: auto;
font-size: 1.5em;
text-transform: uppercase;
/* all letters in word are capitalized */
background-color: #152525;
border: 1px outset #ffcc66;
width: 100%;
padding-bottom: 0.1em;
padding-top: 0.1em;
float: left;
}
input.sheet-caps {
font-size: 1em;
color: white;
border-width: 0px 0px 1px 0px;
border-color: rgba(0,0,0,0);
background: none;
background-size: auto;
text-transform: uppercase;
width: 100%;
padding-bottom: 0.1em;
padding-top: 0.1em;
float: left;
cursor: default !important;
}
.sheet-mono {
font-family: Consolas,Andale Mono,Courier New,Courier,monospace,Patrick Hand !important;
}
.sheet-sans {
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal !important;
font-size: 1.3em;
}
.sheet-serif {
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial !important;
}
.sheet-table-smallsub {
font-variant: small-caps;
text-transform: capitalize;
/* only first letter of each word capitalized */;
}
.sheet-table-h1 {
display: table-cell;
text-align: center;
font-size: 1.3em;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal;
font-weight: bold;
vertical-align: bottom;
}
.sheet-table-h2 {
display: table-cell;
text-align: left;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.3em;
font-weight: bold;
font-style: italic;
vertical-align: middle;
}
.sheet-table-border {
width: 15px;
display: table-cell;
}
.sheet-table-maxspan {
display: table-caption;
text-align: center;
width: 100%;
background-color: rgba(125,114,69,0.2);
border-width: 0px 1px 0px 0px;
border-color: rgba(125,114,69,0.2);
border-style: solid;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.sheet-table-small {
font-size: 0.75em;
}
.sheet-table-padding {
padding: 0px 5px 0px 5px;
}
.sheet-table-total {
display: table-cell;
text-align: left;
font-style: italic;
background-color: black;
color: white;
}
.sheet-table-data {
display: table-cell;
vertical-align: middle;
}
div.sheet-2colrow div.sheet-col.sheet-col-narrow {
margin-right: 23px;
}
.sheet-center {
text-align: center !important;
}
.sheet-top {
vertical-align: top !important;
}
.sheet-mid {
vertical-align: middle !important;
}
.sheet-bot {
vertical-align: bottom !important;
}
.sheet-left {
text-align: left !important;
}
.sheet-right {
text-align: right !important;
}
.sheet-bold {
font-weight: bold !important;
}
.sheet-emph {
font-style: italic !important;
color: #808080;
}
.sheet-italic {
font-style: italic !important;
}
hr {
border-color: black;
}
hr.sheet-hr {
height: 5px;
border-width: 2px 0 0 0;
margin: 0px;
padding: 0px;
border-color: #808080;
}
textarea {
box-sizing: border-box;
background-color: rgba(250,250,250,0.5);
font-size: 1em;
line-height: 1.25em;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
overflow: auto;
}
textarea.sheet-nostyle {
border: none;
background-color: transparent;
}
textarea.sheet-textarea-six {
height: 8.5em;
resize: vertical;
overflow: auto;
display: block;
}
textarea.sheet-textarea-four {
height: 6em;
resize: vertical;
overflow: auto;
display: block;
}
textarea.sheet-textarea-two {
height: 3.5em;
resize: vertical;
overflow: auto;
display: block;
}
textarea.sheet-textarea-one {
height: 2em;
resize: vertical;
overflow: auto;
display: block;
}
.sheet-table-row {
display: table-row;
vertical-align: bottom;
width: 100%;
}
.sheet-table-underline {
border-style: solid;
border-color: #808080;
border-width: 0px 0px 2px 0px;
}
.sheet-table-dotted {
border-style: dotted;
border-color: #c0c0c0;
border-width: 0px 0px 2px 0px;
}
.sheet-table-dark {
background-color: rgba(30, 20, 20, 0.3);
}
input[type="label"] {
width: 100%;
font-size: 1.3em;
text-align: left;
vertical-align: top;
background-color: transparent;
border: none;
cursor: default !important;
}
input[type="text"], input[type="number"] {
background-color: transparent;
border-style: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
input.sheet-dotted[type="text"], input.sheet-dotted[type="number"] {
font-style: normal !important;
text-align: center;
vertical-align: bottom;
background-color: transparent;
border-style: dotted;
border-width: 0px 0px 2px 0px;
}
input.sheet-power-h1[type="text"], input.sheet-power-h1[type="number"] {
border-style: solid;
border-width: 0px 0px 0px 0px;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
input.sheet-power-h2[type="text"], input.sheet-power-h2[type="number"] {
border-style: solid;
color: white;
border-width: 0px 0px 0px 0px;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal;
font-size: 1.4em;
text-align: center;
}
input.sheet-power-h3[type="text"], input.sheet-power-h3[type="number"] {
border-style: solid;
color: white;
border-width: 0px 0px 0px 0px;
font-size: 1.4em;
text-align: left;
}
input[type="text"]:disabled, input[type="number"]:disabled {
border-style: solid;
border-color: darkgray;
border-radius: 3em;
border-width: 0px 2px 0px 2px;
cursor: not-allowed;
font-family: Consolas,Andale Mono,Courier New,Courier,monospace,Patrick Hand;
font-weight: bold;
font-size: 1.6em;
}
input[type="text"], select {
width: 100%;
margin: 0;
}
select {
margin-bottom: 0px;
width: 100px;
padding: 0 0 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
text-align: center;
text-align-last: center;
border-style: solid;
border-color: darkgray;
border-width: 0px 0px 2px 0px;
cursor: pointer;
}
/* hides default radio checkbox, but also makes it bigger and easier to press*/
input.sheet-tab {
opacity: 0;
border: none;
cursor: pointer;
overflow: hidden;
position: absolute;
transform: scale(2) translate(2em,0);
top: 9.5em;
width: 4em !important;
z-index: 9999;
/* high z-index ensures the tabs are always selectable */
}
/* stlying for top row tabs */
span.sheet-tab {
position: relative;
padding: 0.1em 0.5em;
text-align: center;
display: inline-block;
background-color: transparent;
color: rgba(30, 20, 20, 0.7);
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
border: none;
border-radius: 0.5em;
}
input.sheet-tab0:hover + span.sheet-tab0,
input.sheet-tab1:hover + span.sheet-tab1,
input.sheet-tab2:hover + span.sheet-tab2,
input.sheet-tab3:hover + span.sheet-tab3,
input.sheet-tab4:hover + span.sheet-tab4 {
background-color: rgba(30, 20, 20, 0.3);
content: attr(title);
/* tooltip */
}
input.sheet-tab0:checked + span.sheet-tab0,
input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2,
input.sheet-tab3:checked + span.sheet-tab3,
input.sheet-tab4:checked + span.sheet-tab4 {
background-color: rgba(30, 20, 20, 0.7);
color: white;
}
/* hides sheet sections when not tabbed */
div[class^="sheet-section"] {
display: none;
}
/* shows sheet section when tabbed */
input.sheet-tab0:checked ~ div.sheet-section-tab0,
input.sheet-tab1:checked ~ div.sheet-section-tab1,
input.sheet-tab2:checked ~ div.sheet-section-tab2,
input.sheet-tab3:checked ~ div.sheet-section-tab3,
input.sheet-tab4:checked ~ div.sheet-section-tab4 {
display: block;
}
/* hides sheet sections when not tabbed */
div[class^="sheet-subsection"] {
display: none;
}
/* shows wounds and conditions subsection when checked */
input.sheet-showconditions1:checked ~ div.sheet-conditions {
display: block;
}
/* toggles adventure / combat blocks when checked */
.sheet-block-c,
.sheet-block-switch0:checked ~ .sheet-block-a {
display: none;
}
.sheet-block-a,
.sheet-block-switch0:checked ~ .sheet-block-c {
display: block;
}
/* toggles runes / icons blocks when checked */
.sheet-block-i,
.sheet-block-switch2:checked ~ .sheet-block-r {
display: none;
}
.sheet-block-r,
.sheet-block-switch2:checked ~ .sheet-block-i {
display: block;
}
/* toggles equipment / wealth blocks when checked */
.sheet-block-w,
.sheet-block-switch3:checked ~ .sheet-block-e {
display: none;
}
.sheet-block-e,
.sheet-block-switch3:checked ~ .sheet-block-w {
display: block;
}
/* ACTION BUTTONS ~ uses sheetworkers*/
/* styling action buttons*/
button[type=action] {
-webkit-appearance: none;
background-color: rgba(30, 20, 20, 0.3);
background-image: none;
border: 1px solid #404040;
border-radius:5px;
box-shadow: none;
text-shadow: none;
margin: 2px;
padding: 3px;
font-family: Consolas,Andale Mono,Courier New,Courier,monospace,Patrick Hand;
font-weight: bold;
font-size: inherit;
position: relative;
display: inline-block;
cursor: pointer;
}
button[type=action]:hover {
background-color: rgba(30, 20, 20, 0.5);
color: white;
}
button[type=action]:focus {
background-color: rgba(30, 20, 20, 0.7);
color: white;
}
/*custom ability buttons*/
.sheet-standard,
.sheet-magic,
.sheet-sanity,
.sheet-honor,
.sheet-luck,
.sheet-other {
display: none;
}
/* shows / hides the selected ability on main page*/
.sheet-abilityswitch[value="standard"] ~ div.sheet-standard,
.sheet-abilityswitch[value="magic"] ~ div.sheet-magic,
.sheet-abilityswitch[value="sanity"] ~ div.sheet-sanity,
.sheet-abilityswitch[value="honor"] ~ div.sheet-honor,
.sheet-abilityswitch[value="luck"] ~ div.sheet-luck,
.sheet-abilityswitch[value="other"] ~ div.sheet-other {
display: block;
}
/*custom subsection buttons*/
.sheet-specials-on,
.sheet-specials-off,
.sheet-minions-on,
.sheet-minions-off,
.sheet-factions-on,
.sheet-factions-off {
display: none;
}
/* shows / hides the selected subsection on main page*/
.sheet-specialswitch[value="specials-off"] ~ div.sheet-specials-off,
.sheet-specialswitch[value="specials-on"] ~ div.sheet-specials-on {
display: block;
}
.sheet-minionswitch[value="minions-off"] ~ div.sheet-minions-off,
.sheet-minionswitch[value="minions-on"] ~ div.sheet-minions-on {
display: block;
}
.sheet-factionswitch[value="factions-off"] ~ div.sheet-factions-off,
.sheet-factionswitch[value="factions-on"] ~ div.sheet-factions-on {
display: block;
}
/* /action buttons */
/* text buttons */
.sheet-table-h1 button[type=roll].sheet-text-btn {
-webkit-appearance: none;
background-color: transparent;
background-image: none;
border: none;
border-radius: 0px;
box-shadow: none;
text-shadow: none;
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: inherit;
position: relative;
display: inline-block;
cursor: pointer;
}
.sheet-table-h1 button[type=roll].sheet-text-btn:hover {
color: #ff9933;
}
.sheet-table-h1 button[type=roll].sheet-text-btn:active {
color: #66ccff;
}
.sheet-table-h1 button[type=roll].sheet-text-btn:focus {
outline: none;
}
.sheet-table-h1 button[type=roll].sheet-text-btn:before {
content: none;
}
.sheet-table-h1 button[type=roll].sheet-btn-white {
color: white;
}
.sheet-table-h1 button[type=roll].sheet-btn-white:hover {
color: #66ccff;
}
/* roll macro button */
.sheet-table-data button[type=roll].sheet-fate-btn {
-webkit-appearance: none;
background-color: transparent;
background-image: none;
border: none;
border-radius: 0px;
box-shadow: none;
text-shadow: none;
margin: 0px;
padding: 0px;
width: 0.9em;
height: 0.9em;
text-decoration: none;
text-align: center;
vertical-align: middle;
color: #404040;
font-weight: bold;
font-size: 2em;
}
.sheet-table-data button[type=roll].sheet-fate-btn:before {
content: "✱";
transform: translate(0, -0.1em);
display: block;
float: left;
width: 100%;
padding-top: 50%;
padding-bottom: 50%;
line-height: 1em;
margin-top: -0.5em;
}
/* heavy asterisk symbol resembles 'fate' rune when rotated 90 degrees */
.sheet-table-data button[type=roll].sheet-fate-btn:hover {
color: #ff9933;
transform: rotate(-90deg) translate(2%, 2%);
}
.sheet-table-data button[type=roll].sheet-fate-btn:active {
color: #66ccff;
}
.sheet-table-data button[type=roll].sheet-fate-btn:focus {
outline: none;
}
/* custom checkboxes */
input.sheet-earth {
-webkit-appearance: none;
background-color: transparent;
border: 0.3em solid #404040;
padding: 0.4em;
display: inline-block;
position: relative;
}
/* thick box resembles the 'earth' rune */
input.sheet-earth:hover{
background-color: rgba(30, 20, 20, 0.3);
content: attr(title);
}
input.sheet-earth:checked:hover {
background-color: rgba(30, 20, 20, 0.7);
}
/* turns 'maligned' when checked */
input.sheet-earth:checked {
background-color: #404040;
}
input.sheet-darkness {
-webkit-appearance: none;
background-color: #404040;
border: 0.3em solid #404040;
border-radius: 50%;
padding: 0.4em;
display: inline-block;
position: relative;
}
/* thick disk resembles the 'darkness' rune */
input.sheet-darkness:hover{
background-color: rgba(30, 20, 20, 0.7);
content: attr(title);
}
input.sheet-darkness:checked:hover {
background-color: rgba(30, 20, 20, 0.3);
}
/* turns 'light' when checked */
input.sheet-darkness:checked {
background-color: transparent;
}
input.sheet-law {
-webkit-appearance: none;
background-color: transparent;
border: none;
border-radius: 0px;
box-shadow: none;
text-shadow: none;
margin: 0px;
padding: 0px;
text-decoration: none;
text-align: center;
vertical-align: middle;
color: #404040;
font-weight: bolder;
font-size: 1.8em;
}
input.sheet-law:before{
content: "▽";
display: block;
}
input.sheet-law:hover{
color: rgba(30, 20, 20, 0.7);
}
/* upsidedown symbol resembles 'law' rune when checked */
input.sheet-law:checked {
transform: scaleY(-1) translate(0px, 0px);
}
input.sheet-bang {
-webkit-appearance: none;
background-color: transparent;
border: none;
border-radius: 0px;
box-shadow: none;
text-shadow: none;
margin: 0px;
padding: 1px;
text-align: center;
vertical-align: middle;
color: rgba(30, 20, 20, 0);
font-weight: bolder;
font-size: 1.4em;
}
input.sheet-bang:before{
content: "!";
}
input.sheet-bang:hover{
color: rgba(30, 20, 20, 0.7);
content: attr(title);
}
input.sheet-bang:checked {
content: "!";
color: #404040;
}
input.sheet-toggle {
-webkit-appearance: none;
background-color: transparent;
border: none;
border-radius: 100%;
box-shadow: none;
text-shadow: none;
padding-bottom: 5px;
text-align: center;
vertical-align: middle;
color: white;
font-size: 3em;
}
input.sheet-toggle:before{
content: "⚲";
display: block;
transform: rotate(-90deg);
}
input.sheet-toggle:hover{
color: rgba(250, 250, 250, 0.7);
content: attr(title);
}
input.sheet-toggle:checked {
content: "⚲";
transform: scaleX(-1) translateX(-5px);
}
/* end of custom checkboxes */
/* Copied and edited from user Vince: https://app.roll20.net/forum/post/882997/css-wizardry/?pageforid=2849556#post-2849556 */
/* Overlay the +Add button with content text. */
[data-groupname=repeating_class-ability] > button.btn.repcontrol_add:after {
content: "Add Another Class Ability for CPP";
background-color: rgba(30, 20, 20, 0.3);
z-index: 9999;
}
/* Overlay the Modify/Done button. Overlying text is static */
[data-groupname=repeating_class-ability] > button.btn.repcontrol_edit:after {
content: "Adjust Class Abilities for CPP";
background-color: rgba(30, 20, 20, 0.3);
z-index: 9999;
}
/* this sets the formatting for all repcontrol buttons */
.charsheet .repcontrol_add,
.charsheet .repcontrol_edit {
display: block;
height: 1em;
background: transparent;
color: rgba(30, 20, 20, 0.7);
border: 1px outset darkgray;
box-shadow: none;
border-radius: 0px;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Verdana,sans-serif,Candal;
font-size: 1.1em;
z-index: 9999;
}
/* ROLL TEMPLATES */
/* red template */
.sheet-rolltemplate-13G_red .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_red .sheet-rt-table td,
.sheet-rolltemplate-13G_red .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_red table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_red .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(125, 45, 45);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_red .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(110, 5, 5);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_red .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_red td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_red tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_red tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_red .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_red .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_red .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_red .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* green template */
.sheet-rolltemplate-13G_green .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_green .sheet-rt-table td,
.sheet-rolltemplate-13G_green .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_green table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_green .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(70, 100, 50);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_green .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(20, 75, 20);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_green .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_green td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_green tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_green tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_green .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_green .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_green .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_green .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* blue template */
.sheet-rolltemplate-13G_blue .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_blue .sheet-rt-table td,
.sheet-rolltemplate-13G_blue .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_blue table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_blue .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(50, 100, 130);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_blue .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(35, 65, 115);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_blue .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_blue td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_blue tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_blue tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_blue .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_blue .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_blue .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_blue .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* orange template */
.sheet-rolltemplate-13G_orange .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_orange .sheet-rt-table td,
.sheet-rolltemplate-13G_orange .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_orange table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_orange .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(120, 65, 30);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_orange .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(100, 60, 5);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_orange .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_orange td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_orange tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_orange tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_orange .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_orange .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_orange .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_orange .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* teal template */
.sheet-rolltemplate-13G_teal .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_teal .sheet-rt-table td,
.sheet-rolltemplate-13G_teal .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_teal table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_teal .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(35, 105, 95);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_teal .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(40, 85, 85);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_teal .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_teal td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_teal tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_teal tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_teal .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_teal .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_teal .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_teal .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* purple template */
.sheet-rolltemplate-13G_purple .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_purple .sheet-rt-table td,
.sheet-rolltemplate-13G_purple .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_purple table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_purple .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(95, 70, 120);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_purple .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(75, 55, 110);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_purple .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_purple td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_purple tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_purple tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_purple .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_purple .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_purple .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_purple .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* black template */
.sheet-rolltemplate-13G_black .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_black .sheet-rt-table td,
.sheet-rolltemplate-13G_black .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_black table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_black .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(35, 17, 27);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_black .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(15, 5, 10);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_black .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_black td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_black tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_black tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_black .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_black .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_black .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_black .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* gray template */
.sheet-rolltemplate-13G_gray .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_gray .sheet-rt-table td,
.sheet-rolltemplate-13G_gray .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_gray table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_gray .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(85, 80, 75);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_gray .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(70, 65, 60);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_gray .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_gray td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_gray tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_gray tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_gray .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_gray .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_gray .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_gray .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}
/* white template */
.sheet-rolltemplate-13G_white .sheet-rt-table {
margin: 0;
border: none;
}
.sheet-rolltemplate-13G_white .sheet-rt-table td,
.sheet-rolltemplate-13G_white .sheet-rt-table th {
padding: 5px;
border: none;
}
.sheet-rolltemplate-13G_white table {
width: 100%;
background-color: #e3dccb;
border: 2px solid #000;
border-spacing: 0;
border-collapse: separate;
border-radius: 8px 8px 0px 0px;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
overflow: hidden;
}
.sheet-rolltemplate-13G_white .sheet-h1 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/stone.png') repeat-x top left;
/* stone texture */
background-size: cover;
background-color: rgb(125, 100, 120);
margin: 2px 25px 2px 25px;
border-radius: 8px 8px 0px 0px;
border: none;
padding-bottom: 2px;
color: white;
font-family: Candara,Calibri,Segoe,Segoe UI,Optima,sans-serif,Candal;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_white .sheet-h2 {
background: url('https://raw.githubusercontent.com/Seraaron/roll20-character-sheets/master/13th%20Age%20Glorantha/img/pattern.png') repeat-x top left;
/* pattern texture */
background-size: contain;
background-color: rgb(115, 90, 95);
margin: 2px 2px 2px 2px;
border: 2px solid #326732;
padding-top: 2px;
color: white;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif,Arial;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
.sheet-rolltemplate-13G_white .sheet-h1 a {
color: white;
text-decoration: underline;
}
.sheet-rolltemplate-13G_white td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-13G_white tr:nth-child(odd) {
background-color: #f4f1eb;
}
.sheet-rolltemplate-13G_white tr:nth-child(even) {
background-color: #e3dccb;
}
.sheet-rolltemplate-13G_white .inlinerollresult {
color: white;
background-color: rgba(30, 20, 20, 0.7);
border-color: rgba(30, 20, 20, 0.3);
border-radius: 3px;
}
.sheet-rolltemplate-13G_white .inlinerollresult.fullcrit {
color: white;
background-color: #66ccff;
border-color: #42a4d8;
border-radius: 3px;
}
.sheet-rolltemplate-13G_white .inlinerollresult.fullfail {
color: white;
background-color: #ff9933;
border-color: #d35d17;
border-radius: 3px;
}
.sheet-rolltemplate-13G_white .inlinerollresult.importantroll {
color: white;
background-color: #ff00cc;
border-color: #990099;
border-radius: 3px;
}