3563 lines
116 KiB
CSS
3563 lines
116 KiB
CSS
/* DO NOT MODIFY !
|
|
This file is automatically generated from a tempalte. Any change will be overwritten
|
|
*/
|
|
@import url('https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps|Kavivanar|Fredericka+the+Great|Macondo|Uncial+Antiqua&display=swap');
|
|
|
|
/* Font Import Reference
|
|
//Signatures --- font-family: 'Bilbo Swash Caps', cursive;
|
|
//Headers --- font-family: 'Uncial Antiqua', cursive;
|
|
//Spell Titles--- font-family: 'Macondo', cursive;
|
|
//Text box --- font-family: 'Kavivanar', cursive;
|
|
*/
|
|
|
|
/* Color References
|
|
New Border Underline: cc9966
|
|
|
|
*/
|
|
|
|
/*Reminders
|
|
Get rid of the sheet border gradient
|
|
https://puu.sh/FqOMO/0c073a293c.png
|
|
*/
|
|
|
|
|
|
/*----------- Repeating Blocks -------------*/
|
|
.charsheet .repcontrol_add
|
|
{
|
|
display: inline-block;
|
|
background:#7F2108;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:left!important;
|
|
margin-bottom:0px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
font-family: 'Uncial Antiqua', Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
}
|
|
.charsheet .repcontrol_add, .charsheet .repcontrol_edit
|
|
{
|
|
display: inline-block;
|
|
background:#7F2108;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
font-family: 'Uncial Antiqua', Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
}
|
|
.charsheet .repcontrol_del
|
|
{
|
|
background:red;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_move
|
|
{
|
|
display: inline-block;
|
|
background:#08667f;
|
|
color:white;
|
|
text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:1.4em;
|
|
padding-top:3px;
|
|
padding-bottom:3px;
|
|
}
|
|
/*----------- End of Repeating Blocks -------------*/
|
|
|
|
|
|
/*---------- Hide number scrollers-----------*/
|
|
|
|
/*-- Hide arrows on number fields --*/
|
|
/* For Firefox */
|
|
input[type='number'] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
/* Webkit browsers like Safari and Chrome */
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
div.sheet-padding {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
/* -- Update Alerts -- */
|
|
div.sheet-alert {
|
|
border-radius:10px;
|
|
padding: 15px;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
justify-items: left;
|
|
align-items: start;
|
|
margin: 2px;
|
|
}
|
|
.sheet-alert-hidder[value="1"] + div.sheet-alert {
|
|
display: none;
|
|
}
|
|
label.sheet-fakebutton {
|
|
display: inline-block;
|
|
background: transparent;
|
|
border-radius: 5px;
|
|
padding: 3px;
|
|
margin: 0px;
|
|
width: auto;
|
|
justify-self: right;
|
|
border: solid 2px #000;
|
|
}
|
|
label.sheet-fakebutton input {
|
|
display: none;
|
|
}
|
|
/* Info alerts */
|
|
div.sheet-alert-info, div.sheet-alert-info h3 {
|
|
color: #31708f;
|
|
background-color: #d9edf7;
|
|
border-color: #bce8f1;
|
|
}
|
|
div.sheet-alert-info label.sheet-fakebutton {
|
|
border-color: #31708f;
|
|
color: #31708f;
|
|
}
|
|
div.sheet-alert-info label.sheet-fakebutton:hover {
|
|
color: #519abe;
|
|
border-color: #519abe;
|
|
}
|
|
/* Warning alerts */
|
|
div.sheet-alert-warning, div.sheet-alert-warning h3 {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1;
|
|
}
|
|
div.sheet-alert-warning label.sheet-fakebutton {
|
|
border-color: #a94442;
|
|
color: #a94442;
|
|
}
|
|
div.sheet-alert-warning label.sheet-fakebutton:hover {
|
|
color: darkred;
|
|
border-color: darkred;
|
|
}
|
|
|
|
|
|
|
|
/*=======================Tabs=======================*/
|
|
|
|
.sheet-buttonbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
padding: 5px 0 0 0;
|
|
background: transparent;
|
|
}
|
|
.sheet-navbuttons,
|
|
.sheet-functions {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: flex-end;
|
|
flex: 1 0 20%;
|
|
}
|
|
.sheet-navbuttons {
|
|
text-align: left;
|
|
}
|
|
.sheet-functions {
|
|
text-align: right;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabblank {
|
|
flex: 0 0 15px;
|
|
}
|
|
|
|
.sheet-tabbutton {
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
color:white;
|
|
text-shadow:0px 0px 0.5em black;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight:700;
|
|
|
|
background: transparent;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/metalbar.jpg');
|
|
|
|
padding: 4px 8px 2px;
|
|
height: 20px;
|
|
border-radius: 5px 5px 0px 0px ;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-tabbutton:hover,
|
|
.sheet-tabstoggle[value="character"] ~ .sheet-buttonbar > .sheet-navbuttons > button.sheet-tabbutton[name="act_character"],
|
|
.sheet-tabstoggle[value="abilities"] ~ .sheet-buttonbar > .sheet-navbuttons > button.sheet-tabbutton[name="act_abilities"],
|
|
.sheet-tabstoggle[value="magic"] ~ .sheet-buttonbar > .sheet-navbuttons > button.sheet-tabbutton[name="act_magic"],
|
|
.sheet-tabstoggle[value="combat"] ~ .sheet-buttonbar > .sheet-navbuttons > button.sheet-tabbutton[name="act_combat"],
|
|
.sheet-tabstoggle[value="spells"] ~ .sheet-buttonbar > .sheet-navbuttons > button.sheet-tabbutton[name="act_spells"],
|
|
.sheet-tabstoggle[value="help"] ~ .sheet-buttonbar > .sheet-navbuttons > button.sheet-tabbutton[name="act_help"] {
|
|
background: #dcdcdc;
|
|
background-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/metalbar_dark.jpg);
|
|
text-shadow:0px 0px 0.5em black,0px 0px 0.5em black;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-tab1,
|
|
.sheet-tabstoggle[value="abilities"] ~ div.sheet-tab2,
|
|
.sheet-tabstoggle[value="magic"] ~ div.sheet-tab3,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-tab4,
|
|
.sheet-tabstoggle[value="spells"] ~ div.sheet-tab5,
|
|
.sheet-tabstoggle[value="help"] ~ div.sheet-tab6 {
|
|
display: block;
|
|
}
|
|
|
|
div.sheet-tab-content {
|
|
font-size: 14px;
|
|
min-width: 835px;
|
|
max-width: 950px;
|
|
width: auto;
|
|
background:white;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/subtlepaper.jpg');
|
|
box-shadow: inset 0px 0px 10px #cdab6c, inset 0px 0px 8px #544477,inset 0px 0px 4px #30233d;
|
|
padding: 5px;
|
|
margin-bottom:20px;
|
|
border-radius:0px 0px 15px 15px;
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
}
|
|
div.sheet-top_bar {
|
|
width: auto;
|
|
background:white;
|
|
box-shadow: inset 0px 0px 10px #cdab6c, inset 0px 0px 8px #544477,inset 0px 0px 4px #30233d;
|
|
padding: 5px;
|
|
border-radius:15px 15px 0px 0px;
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
}
|
|
|
|
/*=======================End of tabs=======================*/
|
|
/* Die Selection */
|
|
button.sheet-die-toggle-simple,
|
|
button.sheet-die-toggle-stress {
|
|
display: none; /* hidden by default */
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
color:white;
|
|
text-shadow:0px 0px 0.5em black;
|
|
text-align: center;
|
|
|
|
padding: 1px 4px 2px;
|
|
height: 20px;
|
|
font-size: 16px;
|
|
line-height:18px;
|
|
font-weight:700;
|
|
border-radius: 8px 8px 2px 2px;
|
|
margin: 0px;
|
|
border:2px solid black;
|
|
}
|
|
button.sheet-die-toggle-simple {
|
|
background: #555555;
|
|
background: -moz-linear-gradient(to right, #8f8f8f, #595959, #595959, #7d7d7d);
|
|
background: -webkit-linear-gradient(to right, #8f8f8f, #595959, #595959, #7d7d7d);
|
|
background: -ms-linear-gradient(to right, #8f8f8f, #595959, #595959, #7d7d7d);
|
|
background: -o-linear-gradient(to right, #8f8f8f, #595959, #595959, #7d7d7d);
|
|
background: linear-gradient(to right, #8f8f8f, #595959, #595959, #7d7d7d);
|
|
background: linear-gradient(to right, #8f8f8f, #595959, #595959, #7d7d7d);
|
|
}
|
|
button.sheet-die-toggle-stress {
|
|
background: #33bbbb;
|
|
background: -moz-linear-gradient(to right, #ee3f2f, #8C5025, #8C5025, #daa520);
|
|
background: -webkit-linear-gradient(to right, #ee3f2f, #8C5025, #8C5025, #daa520);
|
|
background: -ms-linear-gradient(to right, #ee3f2f, #8C5025, #8C5025, #daa520);
|
|
background: -o-linear-gradient(to right, #ee3f2f, #8C5025, #8C5025, #daa520);
|
|
background: linear-gradient(to right, #ee3f2f, #8C5025, #8C5025, #daa520);
|
|
}
|
|
|
|
/* Only display the toggles button when the settings is on toggle, and only display the correct one */
|
|
input.sheet-dtype-selector[value="toggle"] + input.sheet-selected-die[value="simple"] ~ div button.sheet-die-toggle-simple {
|
|
display: inline-block;
|
|
}
|
|
input.sheet-dtype-selector[value="toggle"] + input.sheet-selected-die[value="stress"] ~ div button.sheet-die-toggle-stress {
|
|
display: inline-block;
|
|
}
|
|
/* Change which roll button to display based on the setting and the toggle */
|
|
button.sheet-simple-roll,
|
|
button.sheet-stress-roll {
|
|
display: none;
|
|
}
|
|
|
|
/* utility to display roll side-by-side */
|
|
div.sheet-flex-container {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-content: center;
|
|
justify-content: center;
|
|
}
|
|
div.sheet-flex-container_2 {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
input.sheet-dtype-selector[value="both"] ~ div.sheet-tab-content button.sheet-simple-roll,
|
|
input.sheet-dtype-selector[value="both"] ~ div.sheet-tab-content button.sheet-stress-roll,
|
|
input.sheet-dtype-selector[value="toggle"] ~ input.sheet-selected-die[value="simple"] ~ div.sheet-tab-content button.sheet-simple-roll,
|
|
input.sheet-dtype-selector[value="toggle"] ~ input.sheet-selected-die[value="stress"] ~ div.sheet-tab-content button.sheet-stress-roll,
|
|
/* special class for rolls that always have the same type and should always be displayed */
|
|
button.sheet-single-roll {
|
|
display: block;
|
|
}
|
|
|
|
/* End Die Selection */
|
|
|
|
/* Configuration */
|
|
.sheet-config {
|
|
display: grid;
|
|
grid-template-columns: 45% 45%;
|
|
column-gap: 10%;
|
|
margin-top: 15px;
|
|
}
|
|
.sheet-config-entry span {
|
|
font-family: 'Macondo', cursive;
|
|
color: #663333;
|
|
font-size: 1.3em;
|
|
justify-self: center;
|
|
}
|
|
.sheet-documentation p, .sheet-documentation li{
|
|
font-family: 'Macondo', cursive;
|
|
color: #663333;
|
|
font-size: 1.3em;
|
|
}
|
|
.sheet-documentation li li {
|
|
font-size: 1em;
|
|
}
|
|
.sheet-documentation h1,
|
|
.sheet-documentation h2,
|
|
.sheet-documentation h3,
|
|
.sheet-documentation h4,
|
|
.sheet-documentation h5,
|
|
.sheet-docmentation h6 {
|
|
margin-bottom: 5px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
|
|
|
|
/* End configuration */
|
|
|
|
|
|
/*----------- End of Font Face -------------*/
|
|
/*----------- Banner -------------*/
|
|
.sheet-banner {
|
|
background: url('http://www.atlas-games.com/images/ArM5LogoColor.jpg');
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right bottom;
|
|
}
|
|
|
|
.sheet-banner-content {
|
|
margin: 0;
|
|
height: 100px;
|
|
width: 200px;
|
|
}
|
|
/*----------- End of Banner -------------*/
|
|
/*----------- background -------------*/
|
|
.charsheet {
|
|
background-image:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/velvet.jpg');
|
|
width:850px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sheet-divider {
|
|
background-image:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/divider-block.jpg');
|
|
width:600px;
|
|
margin:0px auto;
|
|
height:15px;
|
|
display:block;
|
|
margin-top:5px;
|
|
margin-bottom:15px;
|
|
box-shadow:0px 0px 5px 0px #f0ede4 inset;
|
|
}
|
|
|
|
/*----------- End of background -------------*/
|
|
/*----------- Text -------------*/
|
|
.sheet-table_2 th,
|
|
.sheet-table_1 th {
|
|
font-variant: small-caps;
|
|
font-family: 'Macondo', cursive;
|
|
}
|
|
|
|
.sheet-heading_3 {
|
|
font-family: 'Macondo', cursive;
|
|
}
|
|
|
|
.sheet-heading {
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
font-weight:bold;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
.sheet-heading_1 {
|
|
background: transparent;
|
|
font-family: 'Bilbo Swash Caps', cursive;
|
|
font-size: 30px;
|
|
color:#663333;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
width:200px;
|
|
}
|
|
|
|
textarea.sheet-textarea_4:hover,textarea.sheet-textarea_4:focus,
|
|
textarea.sheet-textarea_3:hover,textarea.sheet-textarea_3:focus,
|
|
textarea.sheet-textarea_2:hover,textarea.sheet-textarea_2:focus,
|
|
textarea.sheet-textarea_1:hover,textarea.sheet-textarea_1:focus,
|
|
.sheet-number_1:hover, .sheet-number_1:focus,
|
|
.sheet-heading_2:hover, .sheet-heading_2:focus,
|
|
.sheet-heading_3:hover, .sheet-heading_3:focus,
|
|
.sheet-heading_1:hover, .sheet-heading_1:focus {
|
|
background: white; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(#e6dbc6, white); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(#e6dbc6, white); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(#e6dbc6, white); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(#e6dbc6, white); /* Standard syntax */
|
|
}
|
|
.sheet-heading_2 {
|
|
background: transparent;
|
|
font-family: 'Macondo', cursive;
|
|
color:#663333;
|
|
font-size:1.2em;
|
|
line-height:1.2em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
width:160px;
|
|
}
|
|
.sheet-heading_2a {
|
|
background: transparent;
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
color:#663333;
|
|
font-size:1.2em;
|
|
line-height:1.2em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
width:100px;
|
|
}
|
|
.sheet-heading_3 {
|
|
background: transparent;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
line-height:1.2em;
|
|
color:#53332a;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
width:200px;
|
|
}
|
|
.sheet-heading_4 {
|
|
background: transparent;
|
|
font-family: 'Macondo', cursive;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
|
|
width:120px;
|
|
}
|
|
.sheet-number_1 {
|
|
width:40px;
|
|
font-family: "Macondo", fantasy;
|
|
color:#663333;
|
|
font-size:1.2em;
|
|
line-height:1.2em;
|
|
text-align:center;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
}
|
|
.sheet-number_2 {
|
|
width: 40px;
|
|
font-family: 'Macondo', fantasy;
|
|
color:#53332a;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
text-align: center;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
}
|
|
.sheet-number_3 {
|
|
width:30px;
|
|
font-family: 'Macondo', fantasy;
|
|
color:#53332a;
|
|
font-size:1.3em;
|
|
font-weight: bold;
|
|
line-height:1.2em;
|
|
text-align:center;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #cc9966;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
}
|
|
|
|
/* Advancement */
|
|
.sheet-advance {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/advancement_advance.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
/* Advancement Total */
|
|
.sheet-total {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/advancement_total.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
/* Misc Formatting */
|
|
.sheet-minor {
|
|
color:gray;
|
|
}
|
|
|
|
.sheet-number_3:disabled,
|
|
.sheet-number_2:disabled,
|
|
.sheet-number_2:read-only,
|
|
.sheet-number_1:disabled {
|
|
background: #53332a;
|
|
border:2px solid #e6dbc6;
|
|
color:white;
|
|
text-align: right;
|
|
}
|
|
.sheet-counter {
|
|
width:90px;
|
|
font-family: Copperplate Gothic Light, 'Copperplate Gothic Light', fantasy;
|
|
font-size:1.1em;
|
|
line-height:1.2em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid black;
|
|
box-shadow: none;
|
|
background:transparent;
|
|
text-shadow: 0px 0px 10px white;
|
|
color:black;
|
|
font-weight:700;
|
|
}
|
|
|
|
input.sheet-counter[type=number]::-webkit-inner-spin-button,
|
|
input.sheet-counter[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
/*-----Subsection Header------*/
|
|
.sheet-heading_label {
|
|
margin-left:0px;
|
|
margin-bottom:-6px;
|
|
padding-left: 10px;
|
|
border: 2px solid #d49d4b;
|
|
border-radius: 0px 15px 0px 0px;
|
|
background:#544177;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/paintbar_v2.jpg");
|
|
/* text-shadow: 0px 0px 20px black, 0px 0px 15px black, 0px 0px 5px #cb8f33; */
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
text-shadow: 0px 0px 30px #bea05a, 0px 0px 20px #bea05a, 0px 0px 10px white, 2px 2px 15px white, 2px 2px 10px white, 2px 2px 5px white, 2px 2px 2px white;
|
|
color:black;
|
|
width: fit-content;
|
|
padding-right:30px;
|
|
}
|
|
/*----------- End of Text -------------*/
|
|
/*----------- Virtue Formatting--------*/
|
|
.sheet-Vmajor {
|
|
background: transparent;
|
|
font-family: "Copperplate", fantasy;
|
|
color:#663333;
|
|
font-size:1.2em;
|
|
line-height:1.2em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #53332a;
|
|
width:160px;
|
|
}
|
|
.sheet-Vminor {
|
|
background: transparent;
|
|
font-family: "Copperplate", fantasy;
|
|
color:#663333;
|
|
font-size:1em;
|
|
line-height:1em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #53332a;
|
|
width:160px;
|
|
}
|
|
.sheet-Vfree {
|
|
background: transparent;
|
|
font-family: "Copperplate", fantasy;
|
|
font-style: italics;
|
|
color:#663333;
|
|
font-size:1em;
|
|
line-height:1em;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid #53332a;
|
|
width:160px;
|
|
}
|
|
/*----------- Tables -------------*/
|
|
.sheet-table_1 th {
|
|
font-variant:small-caps;
|
|
color:#53332a;
|
|
}
|
|
.sheet-table_2 {
|
|
font-family: 'Macondo', cursive;
|
|
font-weight:bold;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
color:#53332a;
|
|
|
|
}
|
|
.sheet-table_2 th {
|
|
text-align:left;
|
|
color:#53332a;
|
|
}
|
|
.sheet-table_3 {
|
|
font-family: 'Macondo', cursive;
|
|
font-variant: small-caps;
|
|
font-weight:bold;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
color:#53332a;
|
|
|
|
}
|
|
.sheet-table_3 th {
|
|
text-align:left;
|
|
color:#e7e3d8;
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/combatroller_bg2.jpg");
|
|
/* border: 2px solid #e6dbc6;*/
|
|
border-bottom: 2px solid #53332a; border-top: 1px solid #d49d4b;
|
|
padding-left:5px;
|
|
}
|
|
.sheet-table_3 tr:nth-child(even) {
|
|
background:#e6dbc6;
|
|
}
|
|
.sheet-cellgroup {
|
|
background:#e6dbc6;
|
|
}
|
|
|
|
|
|
/*----------- End of Tables -------------*/
|
|
/*----------- textarea -------------*/
|
|
textarea.sheet-textarea_1 {
|
|
width: 200px;
|
|
resize:vertical;
|
|
height:85px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:0px 10px;
|
|
background: #e6dbc6;
|
|
font-family: 'Kavivanar', cursive;
|
|
font-variant: normal;
|
|
color:#53332a;
|
|
}
|
|
textarea.sheet-textarea_2 {
|
|
width: 400px;
|
|
resize:vertical;
|
|
height:85px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:0px 10px;
|
|
background:#e6dbc6;
|
|
font-family: 'Kavivanar', cursive;
|
|
font-variant: normal;
|
|
font-size: 14px;
|
|
color:#53332a;
|
|
|
|
}
|
|
textarea.sheet-textarea_3 {
|
|
width: 180px;
|
|
resize:vertical;
|
|
height:30px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:0px 10px;
|
|
background:#e6dbc6;
|
|
margin-bottom:0px;
|
|
}
|
|
textarea.sheet-textarea_4 {
|
|
width: 390px;
|
|
resize:vertical;
|
|
height:100px;
|
|
border:1px dotted #d3d3d3;
|
|
border-radius:0px 10px;
|
|
background: #e6dbc6;
|
|
font-family: 'Kavivanar', cursive;
|
|
font-variant: normal;
|
|
font-size: 14px;
|
|
color:#53332a;
|
|
}
|
|
/*----------- End of textarea -------------*/
|
|
/*----------- Select -------------*/
|
|
select.sheet-select_1 {
|
|
-webkit-appearance: none;
|
|
padding-top:0px;
|
|
padding-right:0px;
|
|
appearance: none;
|
|
margin-bottom: 0;
|
|
width:110px;
|
|
font-family: 'Macondo', cursive;
|
|
font-size: 16px;
|
|
color:#53332a;
|
|
font-weight:bold;
|
|
background:none;
|
|
|
|
}
|
|
|
|
select.sheet-select_2 {
|
|
-webkit-appearance: none;
|
|
padding-top:0px;
|
|
padding-right:0px;
|
|
appearance:none;
|
|
margin-bottom:0px;
|
|
width:110px;
|
|
font-family: 'Macondo', cursive;
|
|
font-variant: small-caps;
|
|
color: #53332a;
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
}
|
|
|
|
select {
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
select *.sheet-italic {
|
|
font-style:italic;
|
|
}
|
|
/*----------- End of Select -------------*/
|
|
/*----------- Hide Things -------------*/
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ div.sheet-hide {
|
|
display: none;
|
|
}
|
|
/*----------- End of Hide Things -------------*/
|
|
/*----------- Checkbox -------------*/
|
|
/* Hide actual checkbox */
|
|
|
|
input.sheet-checkbox_wound[type="checkbox"],
|
|
input.sheet-checkbox_3[type="checkbox"],
|
|
input.sheet-checkbox_2[type="checkbox"],
|
|
input.sheet-checkbox_1[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before,
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 0px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before,
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before {
|
|
font-family:"Pictos";
|
|
content: "W";
|
|
color:#6a8c55;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 24px;
|
|
|
|
}
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
input.sheet-checkbox_1[type="checkbox"]:checked + span::before {
|
|
font-family:"Pictos";
|
|
content:"W";
|
|
color:#53332a;
|
|
}
|
|
input.sheet-checkbox_2[type="checkbox"]:checked + span::before {
|
|
content: "x";
|
|
color:red;
|
|
|
|
} /* Fake checkbox */
|
|
input.sheet-checkbox_3[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-checkbox_3[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
} /* Hide actual checkbox */
|
|
|
|
input.sheet-puissant[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-puissant[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-puissant[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-puissant[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
input.sheet-puissant[type="checkbox"]:checked + span::before {
|
|
content: "✓";
|
|
color:green;
|
|
font-weight: bold;
|
|
} /* Fake checkbox */
|
|
input.sheet-puissant[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
}
|
|
/*--------Health Fake Checkbox-----------*/
|
|
|
|
input.sheet-checkbox_wound[type="checkbox"] + span {
|
|
min-width: 0px;
|
|
}
|
|
|
|
input.sheet-checkbox_wound[type="checkbox"] + span::before {
|
|
margin-right: 0px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/unwounded.png");
|
|
|
|
}
|
|
input.sheet-checkbox_wound[type="checkbox"]:checked + span::before {
|
|
content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/wounded.png");
|
|
}
|
|
/*----------- Dropdown ----------*/
|
|
select.sheet-dropdown {
|
|
font-size: 1.1em;
|
|
height: 25px;
|
|
width: 70px;
|
|
text-align-last: center;
|
|
vertical-align: middle;
|
|
background: #9f8779;
|
|
border: 0px;
|
|
position: relative;
|
|
padding: 2px 10px;
|
|
|
|
margin-bottom: 0px;
|
|
left: 30px;
|
|
color: white;
|
|
font-family: "Lucida Bright", "Book Antiqua", "Candara", "Verdana";
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
-webkit-appearance: none;
|
|
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
|
|
}
|
|
|
|
select.sheet-dropdown:hover {
|
|
background: #53332a;
|
|
}
|
|
|
|
/*----------- Radio -------------*/
|
|
|
|
/* Hide actual radio */
|
|
input.sheet-selector[type="radio"],
|
|
input.sheet-radio_2[type="radio"],
|
|
input.sheet-radio_1[type="radio"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio */
|
|
input.sheet-selector[type="radio"] + span::before,
|
|
input.sheet-radio_2[type="radio"] + span::before,
|
|
input.sheet-radio_1[type="radio"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-8px;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input.sheet-selector[type="radio"] + span::before,
|
|
input.sheet-radio_1[type="radio"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -8px;
|
|
margin:0px;
|
|
}
|
|
|
|
input.sheet-radio_2[type="radio"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
|
|
/* Fake radio */
|
|
input.sheet-selector[type="radio"] + span::before,
|
|
input.sheet-radio_2[type="radio"] + span::before,
|
|
input.sheet-radio_1[type="radio"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-selector[type="radio"]:checked + span::before,
|
|
input.sheet-radio_2[type="radio"]:checked + span::before,
|
|
input.sheet-radio_1[type="radio"]:checked + span::before {
|
|
content: "x";
|
|
}
|
|
/* -----Based on the selector radio, hides options -------*/
|
|
.input.sheet-selector[type="radio"][value="minor"]:checked ~ div.sheet-options {
|
|
font-family: "Gopperplate Gothic Light";
|
|
font-size: 1em;
|
|
}
|
|
.input.sheet-selector[type="radio"][value="free"]:checked ~ div.sheet-options {
|
|
font-family: "Gopperplate Gothic Light";
|
|
font-size: 1em;
|
|
}
|
|
/* ===== ====== ====== ===== ====== */ /* Hide actual radio */
|
|
input.sheet-puissant[type="radio"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 8px;
|
|
margin:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio */
|
|
input.sheet-puissant[type="radio"] + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
input.sheet-puissant[type="radio"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -8px;
|
|
margin:0px;
|
|
}
|
|
|
|
input.sheet-puissant[type="radio"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin:-10px;
|
|
}
|
|
|
|
/* Fake radio */
|
|
input.sheet-puissant[type="radio"] + span::before {
|
|
content: "";
|
|
width: 20px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-puissant.sheet-red[type="radio"]:checked + span::before {
|
|
content: "No";
|
|
color:red;
|
|
}
|
|
input.sheet-puissant.sheet-green[type="radio"]:checked + span::before {
|
|
content: "Yes";
|
|
color:green;
|
|
}
|
|
/*----------- End of Checkbox -------------*/
|
|
/*----------- Buttons -------------*/
|
|
button.sheet-botch:before,
|
|
button.sheet-reroll:before,
|
|
button.sheet-critical:before {
|
|
content: "" !important;
|
|
display: none;
|
|
}
|
|
|
|
.charsheet button.sheet-reroll[type=roll],
|
|
.charsheet button.sheet-botch[type=roll],
|
|
.charsheet button.sheet-critical[type=roll]
|
|
{
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
color:white;
|
|
text-shadow:0px 0px 0.5em black;
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
padding: 1px 8px 2px;
|
|
height: 20px;
|
|
font-size: 16px;
|
|
line-height:18px;
|
|
font-weight:700;
|
|
border-radius: 8px 8px 2px 2px;
|
|
margin: 0px;
|
|
|
|
border:2px solid black;
|
|
}
|
|
|
|
|
|
button.sheet-reroll[type=roll] {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #356e7A, #205a66, #169E9C);
|
|
background: -webkit-linear-gradient(to top, #356e7A, #205a66, #169E9C);
|
|
background: -ms-linear-gradient(to top, #356e7A, #205a66, #169E9C);
|
|
background: -o-linear-gradient(to top, #356e7A, #205a66, #169E9C);
|
|
background: linear-gradient(to top, #356e7A, #205a66, #169E9C);
|
|
}
|
|
button.sheet-botch[type=roll] {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: -webkit-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: -ms-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: -o-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
}
|
|
button.sheet-critical[type=roll] {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: -webkit-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: -ms-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: -o-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
}
|
|
|
|
button.sheet-reroll:hover, button.sheet-reroll:active {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #0e969e, #297080, #2ebaee);
|
|
background: -webkit-linear-gradient(to top, #0e969e, #297080, #2ebaee);
|
|
background: -ms-linear-gradient(to top, #0e969e, #297080, #2ebaee);
|
|
background: -o-linear-gradient(to top, #0e969e, #297080, #2ebaee);
|
|
background: linear-gradient(to top, #0e969e, #297080, #2ebaee);
|
|
}
|
|
button.sheet-botch:hover, button.sheet-botch:active {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: -webkit-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: -ms-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: -o-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
}
|
|
button.sheet-critical:hover, button.sheet-critical:active {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: -webkit-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: -ms-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: -o-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
}
|
|
|
|
/* ======== button ========*/
|
|
.sheet-button button[type="roll"]:before,
|
|
.sheet-button:before {
|
|
content: "0"!important;
|
|
display: none;
|
|
border: none;
|
|
}
|
|
.sheet-button button[type="roll"],
|
|
.sheet-button {
|
|
background-repeat: no-repeat;
|
|
margin: 0px auto;
|
|
font-family: 'Contrail One', Copperplate Gothic Light, 'Copperplate Gothic Light';
|
|
font-size:1em !important;
|
|
color:white;
|
|
text-shadow: 1px 1px 2px black;
|
|
font-weight:bold;
|
|
height:25px;
|
|
width: 25px;
|
|
padding-left:0px;
|
|
border:none;
|
|
}
|
|
|
|
/* Set the image of simple and stress roll buttons */
|
|
.sheet-simple-roll {
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rollbutton_base.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-simple-roll:hover {
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rollbutton.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-simple-roll:active {
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rollbutton_hvr.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-stress-roll {
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rollbutton_stress_base.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-stress-roll:hover {
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rollbutton_stress.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-stress-roll:active {
|
|
background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rollbutton_stress_hvr.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/*----------- End of Buttons -------------*/
|
|
|
|
/*----------- Fatigue Levels -------------*/
|
|
|
|
:not(.sheet-fatigue-proxy[value="1"]):not(.sheet-fatigue-proxy[value="2"]):not(.sheet-fatigue-proxy[value="3"]):not(.sheet-fatigue-proxy[value="4"]):not(.sheet-fatigue-proxy[value="5"]):not(.sheet-fatigue-proxy[value="6"]):not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-1 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="2"]):not(.sheet-fatigue-proxy[value="3"]):not(.sheet-fatigue-proxy[value="4"]):not(.sheet-fatigue-proxy[value="5"]):not(.sheet-fatigue-proxy[value="6"]):not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-2 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="3"]):not(.sheet-fatigue-proxy[value="4"]):not(.sheet-fatigue-proxy[value="5"]):not(.sheet-fatigue-proxy[value="6"]):not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-3 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="4"]):not(.sheet-fatigue-proxy[value="5"]):not(.sheet-fatigue-proxy[value="6"]):not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-4 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="5"]):not(.sheet-fatigue-proxy[value="6"]):not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-5 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="6"]):not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-6 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="7"]):not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-7 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="8"]):not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-8 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="9"]):not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-9 {
|
|
display: none;
|
|
}
|
|
:not(.sheet-fatigue-proxy[value="10"]) + table tr.sheet-addfatigue-10 {
|
|
display: none;
|
|
}
|
|
|
|
/* Empty rule to fix syntax highlighting after python integration above */
|
|
:not(*) {}
|
|
|
|
|
|
/*----------- Roll Template --------------*/
|
|
/* Common display elements */
|
|
.sheet-rolltemplate-all .sheet-display-simple .inlinerollresult,
|
|
.sheet-rolltemplate-all .sheet-display-simple .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-all .sheet-display-simple .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-all .sheet-display-simple .inlinerollresult.importantroll {
|
|
color: #5e5e5e ! important;
|
|
border: none;
|
|
background:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-all .sheet-display-simple-light .inlinerollresult,
|
|
.sheet-rolltemplate-all .sheet-display-simple-light .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-all .sheet-display-simple-light .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-all .sheet-display-simple-light .inlinerollresult.importantroll {
|
|
color: white ! important;
|
|
border: none;
|
|
background:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-all .sheet-display-stress .inlinerollresult {
|
|
color: #8d4f23! important;
|
|
border: none;
|
|
background:none;
|
|
}
|
|
.sheet-rolltemplate-all .sheet-display-stress-light .inlinerollresult {
|
|
color: #c2a973 ! important;
|
|
border: none;
|
|
background:none;
|
|
}
|
|
.sheet-rolltemplate-all .sheet-display-stress .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-all .sheet-display-stress-light .inlinerollresult.fullfail {
|
|
color: #ee3f2f ! important;
|
|
border: none;
|
|
background:none;
|
|
}
|
|
.sheet-rolltemplate-all .sheet-display-stress .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-all .sheet-display-stress-light .inlinerollresult.fullcrit {
|
|
color: #daa520 ! important;
|
|
border: none;
|
|
background:none;
|
|
}
|
|
.sheet-rolltemplate-all .sheet-display-default {
|
|
color: white ! important;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-botchbt a[href^="~"] {
|
|
color: white;
|
|
font-size: 14px;
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
border: 1px solid black;
|
|
border-radius: 8px;
|
|
padding: 2px;
|
|
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: -webkit-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: -ms-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: -o-linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
background: linear-gradient(to top, #651f1f, #651f1f, #ee3f2f);
|
|
}
|
|
.sheet-rolltemplate-botchbt a[href^="~"]:hover, .sheet-rolltemplate-botchbt a[href^="~"]:active {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: -webkit-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: -ms-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: -o-linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
background: linear-gradient(to top, #a00e0e, #bb1a11, #ec2513);
|
|
}
|
|
|
|
.sheet-rolltemplate-critbt a[href^="~"] {
|
|
color: white;
|
|
font-size: 14px;
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
border: 1px solid black;
|
|
border-radius: 8px;
|
|
padding: 2px;
|
|
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: -webkit-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: -ms-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: -o-linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
background: linear-gradient(to top, #916a08, #785807, #DAA520);
|
|
}
|
|
.sheet-rolltemplate-critbt a[href^="~"]:hover, .sheet-rolltemplate-critbt a[href^="~"]:active {
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: -webkit-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: -ms-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: -o-linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
background: linear-gradient(to top, #daa520, #B8860B, #FFD700);
|
|
}
|
|
|
|
/*=== spell ===*/
|
|
.sheet-rolltemplate-spell table {
|
|
width: 235px;
|
|
border-spacing: 5px;
|
|
background: white;
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/subtlepaper.jpg);
|
|
color: #53332a;
|
|
font-size: 14px;
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
/* box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black; */
|
|
border-top-left-radius:3px;
|
|
border-top-right-radius:3px;
|
|
box-shadow: 0px 25px 4px black;
|
|
}
|
|
.sheet-rolltemplate-spell::after {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/spellroller_footer.png);
|
|
position:relative;
|
|
left:-4px;
|
|
}
|
|
.sheet-rolltemplate-spell table tr td.sheet-spellsubheader {
|
|
background:#D3E5F5;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/horizontalbanner.png);
|
|
background-position:bottom left;
|
|
background-size: 100% 100%;
|
|
background-repeat:no-repeat;
|
|
text-indent: 5px;
|
|
Height:50px;
|
|
color:white;
|
|
font-family: 'Bilbo Swash Caps', cursive;
|
|
font-size: 30px;
|
|
text-shadow: 2px 2px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell table tr .sheet-spelldescription {
|
|
font-family: 'Kavivanar', cursive;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell table tr .sheet-spelllabel {
|
|
font-family: 'Macondo', cursive;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-rolltemplate-botch table {
|
|
width: 100%;
|
|
background: white;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/botchbanner.jpg);
|
|
height:82px;
|
|
width:235px;
|
|
font-size: 2em;
|
|
text-align: center;
|
|
border-radius: 30px 2px 30px 30px;
|
|
}
|
|
.sheet-rolltemplate-botch th {
|
|
color: #bc4f3a;
|
|
line-height: .5em;
|
|
font-size: 1em;
|
|
font-family: 'Macondo', cursive;
|
|
text-shadow: 0px 0px 5px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-reroll table {
|
|
width: 100%;
|
|
background: white;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/rerollbanner.jpg);
|
|
height:82px;
|
|
width:235px;
|
|
font-size: 2em;
|
|
text-align: center;
|
|
border-radius: 30px 2px 30px 30px;
|
|
}
|
|
.sheet-rolltemplate-reroll th {
|
|
color: #3a9cbc;
|
|
line-height: .5em;
|
|
font-size: 1em;
|
|
font-family: 'Macondo', cursive;
|
|
text-shadow: 0px 0px 5px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-critical table {
|
|
width: 100%;
|
|
background: white;
|
|
color: gold;
|
|
text-shadow: 2px 2px 2px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/criticalbanner.jpg);
|
|
height:82px;
|
|
width:235px;
|
|
font-size: 2em;
|
|
text-align: center;
|
|
border-radius: 30px 2px 30px 30px;
|
|
}
|
|
.sheet-rolltemplate-critical th {
|
|
color: #ffd700;
|
|
line-height: .5em;
|
|
font-size: 1em;
|
|
font-family: 'Macondo', cursive;
|
|
text-shadow: 0px 0px 5px black;
|
|
text-shadow: 2px 2px 5px black;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell th {
|
|
background:#B35439;
|
|
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/spellroller_header.jpg');
|
|
background-size: 240px;
|
|
color:white;
|
|
padding: 5px;
|
|
border-bottom: 1px solid black;
|
|
font-family:'Macondo', cursive;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-shadow: 2px 2px 2px black;
|
|
border-top-left-radius:3px;
|
|
border-top-right-radius:3px;
|
|
}
|
|
.sheet-rolltemplate-spell .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-generic .inlinerollresult,
|
|
.sheet-rolltemplate-attack .inlinerollresult,
|
|
.sheet-rolltemplate-defend .inlinerollresult,
|
|
.sheet-rolltemplate-initiative .inlinerollresult,
|
|
.sheet-rolltemplate-soak .inlinerollresult,
|
|
.sheet-rolltemplate-arcane .inlinerollresult,
|
|
.sheet-rolltemplate-botch .inlinerollresult,
|
|
.sheet-rolltemplate-reroll .inlinerollresult,
|
|
.sheet-rolltemplate-critical .inlinerollresult,
|
|
.sheet-rolltemplate-ability .inlinerollresult,
|
|
.sheet-rolltemplate-spell .inlinerollresult {
|
|
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
font-size: 1.2em;
|
|
border: none ! important; /*Cool Gray 6 C*/
|
|
padding:0px;
|
|
background:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-botch .inlinerollresult.fullfail {
|
|
color:red;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell td.sheet-top_bottom {
|
|
border-top: 1px solid #8B0000;
|
|
border-bottom: 1px solid #8B0000;
|
|
|
|
}
|
|
/*=== attack & initiative ===*/
|
|
.sheet-rolltemplate-attack table,
|
|
.sheet-rolltemplate-defend table,
|
|
.sheet-rolltemplate-initiative table,
|
|
.sheet-rolltemplate-soak table {
|
|
width: 235px;
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/combatroller_bg2.jpg), white;
|
|
color: #cccc99;
|
|
font-size: 1.5em;
|
|
font-family: 'Macondo', cursive;
|
|
font-variant:small-caps;
|
|
text-align:center;
|
|
border-top-left-radius:10px;
|
|
border-top-right-radius:10px;
|
|
box-shadow: 0px 0px 4px black;
|
|
}
|
|
.sheet-rolltemplate-attack td,
|
|
.sheet-rolltemplate-defend td,
|
|
.sheet-rolltemplate-initiative td,
|
|
.sheet-rolltemplate-soak td {
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-defend .sheet-combatroller {
|
|
margin-top:-4px;
|
|
}
|
|
.sheet-rolltemplate-defend table,
|
|
.sheet-rolltemplate-initiative table,
|
|
.sheet-rolltemplate-soak table {
|
|
border-radius: 10px;
|
|
border-bottom: 10px solid #333333;
|
|
}
|
|
.sheet-rolltemplate-attack::after {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/downspikes.png);
|
|
}
|
|
|
|
.sheet-rolltemplate-defend::before {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/upwardshield.png);
|
|
margin-bottom:-3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack th,
|
|
.sheet-rolltemplate-defend th,
|
|
.sheet-rolltemplate-initiative th,
|
|
.sheet-rolltemplate-soak th {
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
background:#B35439;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/combatroller_header.jpg");
|
|
background-size: 100%;
|
|
color: white;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
border-top-left-radius:10px;
|
|
border-top-right-radius:10px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-tcat,
|
|
.sheet-rolltemplate-defend .sheet-tcat,
|
|
.sheet-rolltemplate-initiative .sheet-tcat,
|
|
.sheet-rolltemplate-soak .sheet-tcat {
|
|
font-weight: bold;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-inlinerollresult,
|
|
.sheet-rolltemplate-defend .sheet-inlinerollresult,
|
|
.sheet-rolltemplate-initiative .sheet-inlinerollresult,
|
|
.sheet-rolltemplate-soak .sheet-inlinerollresult {
|
|
display: inline-block;
|
|
font-family:'Macondo', cursive;
|
|
min-width: 1.5em;
|
|
font-size: 1.2em;
|
|
/*color:white;*/
|
|
text-align: center;
|
|
border: none; /*Cool Gray 6 C*/
|
|
background:none;
|
|
}
|
|
|
|
.sheet-rolltemplate-ability table {
|
|
background:white;
|
|
background:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/subtlepaper.jpg');
|
|
font-family: 'Macondo', cursive;
|
|
font-size: 1em;
|
|
line-height: 1.5em;
|
|
color:#53332a;
|
|
width:210px;
|
|
box-shadow: 0px 25px 4px black;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.sheet-rolltemplate-ability th {
|
|
width: 210px;
|
|
background:#D3E5F5;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/horizontalbanner.png);
|
|
background-position:bottom left;
|
|
background-size: 100% 100%;
|
|
background-repeat:no-repeat;
|
|
text-align: left;
|
|
text-indent: 5px;
|
|
padding: 10px;
|
|
padding-right: 15px;
|
|
Height:50px;
|
|
color: #fcd68a;
|
|
font-family: 'Fredericka the Great', cursive;
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
text-shadow: 2px 2px 2px black;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-ability td.sheet-banner {
|
|
background:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/splitbanner.jpg);
|
|
text-shadow: 2px 2px 2px black;
|
|
color:white;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
/*----.sheet-rolltemplate-ability .sheet-flex_container {
|
|
display:flex;
|
|
justify-content:space-around;
|
|
vertical-align:middle;
|
|
}----*/
|
|
.sheet-rolltemplate-ability div.sheet-define {
|
|
font-family: "Uncial Antiqua", fantasy;
|
|
font-size: 1.5em;
|
|
margin-left:15px;
|
|
padding-bottom:17px;
|
|
|
|
}
|
|
.sheet-rolltemplate-ability div.sheet-define::first-letter {
|
|
color:#337999;
|
|
font-size: 200%;
|
|
line-height: 100%;
|
|
}
|
|
.sheet-rolltemplate-ability div.sheet-flex_item {
|
|
display:i block;
|
|
margin:-14px;
|
|
margin-left:30px;
|
|
}
|
|
.sheet-rolltemplate-ability div.sheet-bigresult {
|
|
font-size: 2em;
|
|
font-family: "Uncial Antiqua", fantasy;
|
|
text-align:right;
|
|
margin:5px;
|
|
margin-right:25px;
|
|
font-variant: bold;
|
|
}
|
|
.sheet-rolltemplate-ability td.sheet-label {
|
|
width:50%;
|
|
padding-left:20px;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-ability::after {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/basicroller_footer.png);
|
|
position:relative;
|
|
left:-4px;
|
|
}
|
|
.sheet-rolltemplate-ability td.sheet-result {
|
|
font-family: 'Macondo', cursive;
|
|
text-align:right;
|
|
padding-right:50px;
|
|
font-weight:bold;
|
|
}
|
|
/*---------Roll Template Generic------------*/
|
|
.sheet-rolltemplate-generic table {
|
|
background-image:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/subtlepaper.jpg');
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
width:235px;
|
|
font-size: 1.4em;
|
|
line-height: 1.4em;
|
|
color: #53332a;
|
|
box-shadow: 0px 26px 4px black;
|
|
}
|
|
.sheet-rolltemplate-generic th {
|
|
background-image:url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/genericheader.jpg');
|
|
background-repeat: no-repeat;
|
|
font-family: 'Uncial Antiqua', cursive;
|
|
font-size:1em;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black,0px 0px 5px black,0px 0px 10px black,0px 0px 10px black;
|
|
padding-bottom: 10px;
|
|
padding-left: 20px;
|
|
vertical-align:bottom;
|
|
height: 125px;
|
|
border-top: none;
|
|
}
|
|
.sheet-rolltemplate-generic .sheet-Label {
|
|
font-weight: bold;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-generic::after {
|
|
content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/basicroller_footer.png);
|
|
position:relative;
|
|
left:-4px;
|
|
}
|
|
/*--------Roll Template Arcane--------*/
|
|
.sheet-rolltemplate-arcane {
|
|
background:none;
|
|
font-family:"Book Antiqua";
|
|
width:235px;
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
color: #53332a;
|
|
}
|
|
.sheet-rolltemplate-arcane table {
|
|
position:relative;
|
|
top:-50px;
|
|
width:210px;
|
|
margin:auto;
|
|
border-collapse:separate;
|
|
}
|
|
.sheet-rolltemplate-arcane th {
|
|
background:#e6dbc6;
|
|
font-size:1.4em;
|
|
line-height:.6em;
|
|
border: 10px solid black;
|
|
|
|
-webkit-border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/starbanner.png) 16 stretch; /* Safari 3.1-5 */
|
|
-o-border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/starbanner.png) 16 stretch; /* Opera 11-12.1 */
|
|
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/starbanner.png) 16 stretch;
|
|
|
|
border-image-outset:6px;
|
|
border-image-width:10px;
|
|
border-spacing:20px;
|
|
padding:0px;
|
|
|
|
}
|
|
.sheet-rolltemplate-arcane td {
|
|
/* background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/subtlepaper.jpg"); */
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
}
|
|
.sheet-rolltemplate-arcane td.sheet-label {
|
|
width:50%;
|
|
font-size:12px;
|
|
line-height:1em;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-rolltemplate-arcane td.sheet-result {
|
|
font-family: 'Macondo', cursive;
|
|
width:50%;
|
|
font-size:12px;
|
|
font-size:1em;
|
|
line-height:1em;
|
|
text-align:right;
|
|
font-weight:bold;
|
|
padding:0px;
|
|
padding-right:50px;
|
|
min-width:0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-arcane td.sheet-textfield {
|
|
font-style:italic;
|
|
font-size: .8em;
|
|
}
|
|
.sheet-rolltemplate-arcane td.sheet-bigresult {
|
|
background-color:transparent;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ars_Magica_5th/images/numbercircle.png");
|
|
background-repeat:no-repeat;
|
|
background-position:49.5%;
|
|
text-align:center;
|
|
position:relative;
|
|
font-size:25px;
|
|
color:white;
|
|
line-height:55px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000,
|
|
1px -2px 1px #000;
|
|
}
|
|
.sheet-rolltemplate-arcane .sheet-bigresult .inlinerollresult {
|
|
vertical-align:-5px;
|
|
}
|
|
|
|
/* --- CUSTOM - Better default rolltemplate from the forum --- */
|
|
/* https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates#Jakob.27s_Better_Default_Rolltemplate */
|
|
/* CSS class name have been renamed to isolate them from the rest of the sheet */
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-custom {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-custom {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-custom .sheet-crt-container {
|
|
border: 1px solid;
|
|
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
|
border-color: var(--header-bg-color);
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-custom .sheet-crt-header {
|
|
background-color: var(--header-bg-color) ! important;
|
|
/* change text-align to center to center the header text */
|
|
text-align: center;
|
|
color: var(--header-text-color) ! important;
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container .inlinerollresult {
|
|
background-color: var(--roll-bg-color) ! important;
|
|
border-color: var(--roll-bg-color) ! important;
|
|
color: var(--roll-text-color) ! important;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container a {
|
|
background-color: var(--button-bg-color) ! important;
|
|
color: var(--button-text-color) ! important;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-rolltemplate-custom .sheet-crt-container {
|
|
/* this is the default color */
|
|
--header-bg-color: rgba(112,32,130,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container .inlinerollresult {
|
|
--roll-bg-color: #FEF68E;
|
|
--roll-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container a {
|
|
--button-bg-color: #ce0f69;
|
|
--button-text-color: #FFF;
|
|
}
|
|
|
|
/*
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-red {
|
|
--header-bg-color: #F00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: #0F0;
|
|
--header-text-color: #000;
|
|
}
|
|
*/
|
|
|
|
/* Use python integration to support all CSS v3 colors */
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-aliceblue {
|
|
--header-bg-color: #f0f8ff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-aliceblue .inlinerollresult {
|
|
--roll-bg-color: #f0f8ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-aliceblue a {
|
|
--button-bg-color: #f0f8ff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-antiquewhite {
|
|
--header-bg-color: #faebd7;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-antiquewhite .inlinerollresult {
|
|
--roll-bg-color: #faebd7;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-antiquewhite a {
|
|
--button-bg-color: #faebd7;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-aqua {
|
|
--header-bg-color: #00ffff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-aqua .inlinerollresult {
|
|
--roll-bg-color: #00ffff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-aqua a {
|
|
--button-bg-color: #00ffff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-aquamarine {
|
|
--header-bg-color: #7fffd4;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-aquamarine .inlinerollresult {
|
|
--roll-bg-color: #7fffd4;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-aquamarine a {
|
|
--button-bg-color: #7fffd4;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-azure {
|
|
--header-bg-color: #f0ffff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-azure .inlinerollresult {
|
|
--roll-bg-color: #f0ffff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-azure a {
|
|
--button-bg-color: #f0ffff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-beige {
|
|
--header-bg-color: #f5f5dc;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-beige .inlinerollresult {
|
|
--roll-bg-color: #f5f5dc;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-beige a {
|
|
--button-bg-color: #f5f5dc;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-bisque {
|
|
--header-bg-color: #ffe4c4;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-bisque .inlinerollresult {
|
|
--roll-bg-color: #ffe4c4;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-bisque a {
|
|
--button-bg-color: #ffe4c4;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-black {
|
|
--header-bg-color: #000000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-black .inlinerollresult {
|
|
--roll-bg-color: #000000;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-black a {
|
|
--button-bg-color: #000000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-blanchedalmond {
|
|
--header-bg-color: #ffebcd;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-blanchedalmond .inlinerollresult {
|
|
--roll-bg-color: #ffebcd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-blanchedalmond a {
|
|
--button-bg-color: #ffebcd;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-blue {
|
|
--header-bg-color: #0000ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-blue .inlinerollresult {
|
|
--roll-bg-color: #0000ff;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-blue a {
|
|
--button-bg-color: #0000ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-blueviolet {
|
|
--header-bg-color: #8a2be2;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-blueviolet .inlinerollresult {
|
|
--roll-bg-color: #8a2be2;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-blueviolet a {
|
|
--button-bg-color: #8a2be2;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-brown {
|
|
--header-bg-color: #a52a2a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-brown .inlinerollresult {
|
|
--roll-bg-color: #a52a2a;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-brown a {
|
|
--button-bg-color: #a52a2a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-burlywood {
|
|
--header-bg-color: #deb887;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-burlywood .inlinerollresult {
|
|
--roll-bg-color: #deb887;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-burlywood a {
|
|
--button-bg-color: #deb887;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-cadetblue {
|
|
--header-bg-color: #5f9ea0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-cadetblue .inlinerollresult {
|
|
--roll-bg-color: #5f9ea0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-cadetblue a {
|
|
--button-bg-color: #5f9ea0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-chartreuse {
|
|
--header-bg-color: #7fff00;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-chartreuse .inlinerollresult {
|
|
--roll-bg-color: #7fff00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-chartreuse a {
|
|
--button-bg-color: #7fff00;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-chocolate {
|
|
--header-bg-color: #d2691e;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-chocolate .inlinerollresult {
|
|
--roll-bg-color: #d2691e;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-chocolate a {
|
|
--button-bg-color: #d2691e;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-coral {
|
|
--header-bg-color: #ff7f50;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-coral .inlinerollresult {
|
|
--roll-bg-color: #ff7f50;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-coral a {
|
|
--button-bg-color: #ff7f50;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-cornflowerblue {
|
|
--header-bg-color: #6495ed;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-cornflowerblue .inlinerollresult {
|
|
--roll-bg-color: #6495ed;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-cornflowerblue a {
|
|
--button-bg-color: #6495ed;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-cornsilk {
|
|
--header-bg-color: #fff8dc;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-cornsilk .inlinerollresult {
|
|
--roll-bg-color: #fff8dc;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-cornsilk a {
|
|
--button-bg-color: #fff8dc;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-crimson {
|
|
--header-bg-color: #dc143c;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-crimson .inlinerollresult {
|
|
--roll-bg-color: #dc143c;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-crimson a {
|
|
--button-bg-color: #dc143c;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-cyan {
|
|
--header-bg-color: #00ffff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-cyan .inlinerollresult {
|
|
--roll-bg-color: #00ffff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-cyan a {
|
|
--button-bg-color: #00ffff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkblue {
|
|
--header-bg-color: #00008b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkblue .inlinerollresult {
|
|
--roll-bg-color: #00008b;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkblue a {
|
|
--button-bg-color: #00008b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkcyan {
|
|
--header-bg-color: #008b8b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkcyan .inlinerollresult {
|
|
--roll-bg-color: #008b8b;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkcyan a {
|
|
--button-bg-color: #008b8b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkgoldenrod {
|
|
--header-bg-color: #b8860b;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkgoldenrod .inlinerollresult {
|
|
--roll-bg-color: #b8860b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkgoldenrod a {
|
|
--button-bg-color: #b8860b;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkgray {
|
|
--header-bg-color: #a9a9a9;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkgray .inlinerollresult {
|
|
--roll-bg-color: #a9a9a9;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkgray a {
|
|
--button-bg-color: #a9a9a9;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkgreen {
|
|
--header-bg-color: #006400;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkgreen .inlinerollresult {
|
|
--roll-bg-color: #006400;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkgreen a {
|
|
--button-bg-color: #006400;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkgrey {
|
|
--header-bg-color: #a9a9a9;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkgrey .inlinerollresult {
|
|
--roll-bg-color: #a9a9a9;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkgrey a {
|
|
--button-bg-color: #a9a9a9;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkkhaki {
|
|
--header-bg-color: #bdb76b;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkkhaki .inlinerollresult {
|
|
--roll-bg-color: #bdb76b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkkhaki a {
|
|
--button-bg-color: #bdb76b;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkmagenta {
|
|
--header-bg-color: #8b008b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkmagenta .inlinerollresult {
|
|
--roll-bg-color: #8b008b;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkmagenta a {
|
|
--button-bg-color: #8b008b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkolivegreen {
|
|
--header-bg-color: #556b2f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkolivegreen .inlinerollresult {
|
|
--roll-bg-color: #556b2f;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkolivegreen a {
|
|
--button-bg-color: #556b2f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkorange {
|
|
--header-bg-color: #ff8c00;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkorange .inlinerollresult {
|
|
--roll-bg-color: #ff8c00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkorange a {
|
|
--button-bg-color: #ff8c00;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkorchid {
|
|
--header-bg-color: #9932cc;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkorchid .inlinerollresult {
|
|
--roll-bg-color: #9932cc;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkorchid a {
|
|
--button-bg-color: #9932cc;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkred {
|
|
--header-bg-color: #8b0000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkred .inlinerollresult {
|
|
--roll-bg-color: #8b0000;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkred a {
|
|
--button-bg-color: #8b0000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darksalmon {
|
|
--header-bg-color: #e9967a;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darksalmon .inlinerollresult {
|
|
--roll-bg-color: #e9967a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darksalmon a {
|
|
--button-bg-color: #e9967a;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkseagreen {
|
|
--header-bg-color: #8fbc8f;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkseagreen .inlinerollresult {
|
|
--roll-bg-color: #8fbc8f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkseagreen a {
|
|
--button-bg-color: #8fbc8f;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkslateblue {
|
|
--header-bg-color: #483d8b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkslateblue .inlinerollresult {
|
|
--roll-bg-color: #483d8b;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkslateblue a {
|
|
--button-bg-color: #483d8b;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkslategray {
|
|
--header-bg-color: #2f4f4f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkslategray .inlinerollresult {
|
|
--roll-bg-color: #2f4f4f;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkslategray a {
|
|
--button-bg-color: #2f4f4f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkslategrey {
|
|
--header-bg-color: #2f4f4f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkslategrey .inlinerollresult {
|
|
--roll-bg-color: #2f4f4f;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkslategrey a {
|
|
--button-bg-color: #2f4f4f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkturquoise {
|
|
--header-bg-color: #00ced1;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkturquoise .inlinerollresult {
|
|
--roll-bg-color: #00ced1;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkturquoise a {
|
|
--button-bg-color: #00ced1;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-darkviolet {
|
|
--header-bg-color: #9400d3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-darkviolet .inlinerollresult {
|
|
--roll-bg-color: #9400d3;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-darkviolet a {
|
|
--button-bg-color: #9400d3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-deeppink {
|
|
--header-bg-color: #ff1493;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-deeppink .inlinerollresult {
|
|
--roll-bg-color: #ff1493;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-deeppink a {
|
|
--button-bg-color: #ff1493;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-deepskyblue {
|
|
--header-bg-color: #00bfff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-deepskyblue .inlinerollresult {
|
|
--roll-bg-color: #00bfff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-deepskyblue a {
|
|
--button-bg-color: #00bfff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-dimgray {
|
|
--header-bg-color: #696969;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-dimgray .inlinerollresult {
|
|
--roll-bg-color: #696969;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-dimgray a {
|
|
--button-bg-color: #696969;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-dimgrey {
|
|
--header-bg-color: #696969;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-dimgrey .inlinerollresult {
|
|
--roll-bg-color: #696969;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-dimgrey a {
|
|
--button-bg-color: #696969;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-dodgerblue {
|
|
--header-bg-color: #1e90ff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-dodgerblue .inlinerollresult {
|
|
--roll-bg-color: #1e90ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-dodgerblue a {
|
|
--button-bg-color: #1e90ff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-firebrick {
|
|
--header-bg-color: #b22222;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-firebrick .inlinerollresult {
|
|
--roll-bg-color: #b22222;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-firebrick a {
|
|
--button-bg-color: #b22222;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-floralwhite {
|
|
--header-bg-color: #fffaf0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-floralwhite .inlinerollresult {
|
|
--roll-bg-color: #fffaf0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-floralwhite a {
|
|
--button-bg-color: #fffaf0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-forestgreen {
|
|
--header-bg-color: #228b22;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-forestgreen .inlinerollresult {
|
|
--roll-bg-color: #228b22;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-forestgreen a {
|
|
--button-bg-color: #228b22;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-fuchsia {
|
|
--header-bg-color: #ff00ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-fuchsia .inlinerollresult {
|
|
--roll-bg-color: #ff00ff;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-fuchsia a {
|
|
--button-bg-color: #ff00ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-gainsboro {
|
|
--header-bg-color: #dcdcdc;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-gainsboro .inlinerollresult {
|
|
--roll-bg-color: #dcdcdc;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-gainsboro a {
|
|
--button-bg-color: #dcdcdc;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-ghostwhite {
|
|
--header-bg-color: #f8f8ff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-ghostwhite .inlinerollresult {
|
|
--roll-bg-color: #f8f8ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-ghostwhite a {
|
|
--button-bg-color: #f8f8ff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-gold {
|
|
--header-bg-color: #ffd700;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-gold .inlinerollresult {
|
|
--roll-bg-color: #ffd700;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-gold a {
|
|
--button-bg-color: #ffd700;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-goldenrod {
|
|
--header-bg-color: #daa520;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-goldenrod .inlinerollresult {
|
|
--roll-bg-color: #daa520;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-goldenrod a {
|
|
--button-bg-color: #daa520;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-gray {
|
|
--header-bg-color: #808080;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-gray .inlinerollresult {
|
|
--roll-bg-color: #808080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-gray a {
|
|
--button-bg-color: #808080;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-green {
|
|
--header-bg-color: #008000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-green .inlinerollresult {
|
|
--roll-bg-color: #008000;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-green a {
|
|
--button-bg-color: #008000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-greenyellow {
|
|
--header-bg-color: #adff2f;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-greenyellow .inlinerollresult {
|
|
--roll-bg-color: #adff2f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-greenyellow a {
|
|
--button-bg-color: #adff2f;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-grey {
|
|
--header-bg-color: #808080;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-grey .inlinerollresult {
|
|
--roll-bg-color: #808080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-grey a {
|
|
--button-bg-color: #808080;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-honeydew {
|
|
--header-bg-color: #f0fff0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-honeydew .inlinerollresult {
|
|
--roll-bg-color: #f0fff0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-honeydew a {
|
|
--button-bg-color: #f0fff0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-hotpink {
|
|
--header-bg-color: #ff69b4;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-hotpink .inlinerollresult {
|
|
--roll-bg-color: #ff69b4;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-hotpink a {
|
|
--button-bg-color: #ff69b4;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-indianred {
|
|
--header-bg-color: #cd5c5c;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-indianred .inlinerollresult {
|
|
--roll-bg-color: #cd5c5c;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-indianred a {
|
|
--button-bg-color: #cd5c5c;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-indigo {
|
|
--header-bg-color: #4b0082;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-indigo .inlinerollresult {
|
|
--roll-bg-color: #4b0082;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-indigo a {
|
|
--button-bg-color: #4b0082;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-ivory {
|
|
--header-bg-color: #fffff0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-ivory .inlinerollresult {
|
|
--roll-bg-color: #fffff0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-ivory a {
|
|
--button-bg-color: #fffff0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-khaki {
|
|
--header-bg-color: #f0e68c;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-khaki .inlinerollresult {
|
|
--roll-bg-color: #f0e68c;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-khaki a {
|
|
--button-bg-color: #f0e68c;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lavender {
|
|
--header-bg-color: #e6e6fa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lavender .inlinerollresult {
|
|
--roll-bg-color: #e6e6fa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lavender a {
|
|
--button-bg-color: #e6e6fa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lavenderblush {
|
|
--header-bg-color: #fff0f5;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lavenderblush .inlinerollresult {
|
|
--roll-bg-color: #fff0f5;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lavenderblush a {
|
|
--button-bg-color: #fff0f5;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lawngreen {
|
|
--header-bg-color: #7cfc00;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lawngreen .inlinerollresult {
|
|
--roll-bg-color: #7cfc00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lawngreen a {
|
|
--button-bg-color: #7cfc00;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lemonchiffon {
|
|
--header-bg-color: #fffacd;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lemonchiffon .inlinerollresult {
|
|
--roll-bg-color: #fffacd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lemonchiffon a {
|
|
--button-bg-color: #fffacd;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightblue {
|
|
--header-bg-color: #add8e6;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightblue .inlinerollresult {
|
|
--roll-bg-color: #add8e6;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightblue a {
|
|
--button-bg-color: #add8e6;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightcoral {
|
|
--header-bg-color: #f08080;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightcoral .inlinerollresult {
|
|
--roll-bg-color: #f08080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightcoral a {
|
|
--button-bg-color: #f08080;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightcyan {
|
|
--header-bg-color: #e0ffff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightcyan .inlinerollresult {
|
|
--roll-bg-color: #e0ffff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightcyan a {
|
|
--button-bg-color: #e0ffff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightgoldenrodyellow {
|
|
--header-bg-color: #fafad2;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightgoldenrodyellow .inlinerollresult {
|
|
--roll-bg-color: #fafad2;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightgoldenrodyellow a {
|
|
--button-bg-color: #fafad2;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightgray {
|
|
--header-bg-color: #d3d3d3;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightgray .inlinerollresult {
|
|
--roll-bg-color: #d3d3d3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightgray a {
|
|
--button-bg-color: #d3d3d3;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightgreen {
|
|
--header-bg-color: #90ee90;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightgreen .inlinerollresult {
|
|
--roll-bg-color: #90ee90;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightgreen a {
|
|
--button-bg-color: #90ee90;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightgrey {
|
|
--header-bg-color: #d3d3d3;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightgrey .inlinerollresult {
|
|
--roll-bg-color: #d3d3d3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightgrey a {
|
|
--button-bg-color: #d3d3d3;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightpink {
|
|
--header-bg-color: #ffb6c1;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightpink .inlinerollresult {
|
|
--roll-bg-color: #ffb6c1;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightpink a {
|
|
--button-bg-color: #ffb6c1;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightsalmon {
|
|
--header-bg-color: #ffa07a;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightsalmon .inlinerollresult {
|
|
--roll-bg-color: #ffa07a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightsalmon a {
|
|
--button-bg-color: #ffa07a;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightseagreen {
|
|
--header-bg-color: #20b2aa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightseagreen .inlinerollresult {
|
|
--roll-bg-color: #20b2aa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightseagreen a {
|
|
--button-bg-color: #20b2aa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightskyblue {
|
|
--header-bg-color: #87cefa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightskyblue .inlinerollresult {
|
|
--roll-bg-color: #87cefa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightskyblue a {
|
|
--button-bg-color: #87cefa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightslategray {
|
|
--header-bg-color: #778899;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightslategray .inlinerollresult {
|
|
--roll-bg-color: #778899;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightslategray a {
|
|
--button-bg-color: #778899;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightslategrey {
|
|
--header-bg-color: #778899;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightslategrey .inlinerollresult {
|
|
--roll-bg-color: #778899;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightslategrey a {
|
|
--button-bg-color: #778899;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightsteelblue {
|
|
--header-bg-color: #b0c4de;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightsteelblue .inlinerollresult {
|
|
--roll-bg-color: #b0c4de;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightsteelblue a {
|
|
--button-bg-color: #b0c4de;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lightyellow {
|
|
--header-bg-color: #ffffe0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lightyellow .inlinerollresult {
|
|
--roll-bg-color: #ffffe0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lightyellow a {
|
|
--button-bg-color: #ffffe0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-lime {
|
|
--header-bg-color: #00ff00;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-lime .inlinerollresult {
|
|
--roll-bg-color: #00ff00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-lime a {
|
|
--button-bg-color: #00ff00;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-limegreen {
|
|
--header-bg-color: #32cd32;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-limegreen .inlinerollresult {
|
|
--roll-bg-color: #32cd32;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-limegreen a {
|
|
--button-bg-color: #32cd32;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-linen {
|
|
--header-bg-color: #faf0e6;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-linen .inlinerollresult {
|
|
--roll-bg-color: #faf0e6;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-linen a {
|
|
--button-bg-color: #faf0e6;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-magenta {
|
|
--header-bg-color: #ff00ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-magenta .inlinerollresult {
|
|
--roll-bg-color: #ff00ff;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-magenta a {
|
|
--button-bg-color: #ff00ff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-maroon {
|
|
--header-bg-color: #800000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-maroon .inlinerollresult {
|
|
--roll-bg-color: #800000;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-maroon a {
|
|
--button-bg-color: #800000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumaquamarine {
|
|
--header-bg-color: #66cdaa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumaquamarine .inlinerollresult {
|
|
--roll-bg-color: #66cdaa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumaquamarine a {
|
|
--button-bg-color: #66cdaa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumblue {
|
|
--header-bg-color: #0000cd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumblue .inlinerollresult {
|
|
--roll-bg-color: #0000cd;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumblue a {
|
|
--button-bg-color: #0000cd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumorchid {
|
|
--header-bg-color: #ba55d3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumorchid .inlinerollresult {
|
|
--roll-bg-color: #ba55d3;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumorchid a {
|
|
--button-bg-color: #ba55d3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumpurple {
|
|
--header-bg-color: #9370db;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumpurple .inlinerollresult {
|
|
--roll-bg-color: #9370db;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumpurple a {
|
|
--button-bg-color: #9370db;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumseagreen {
|
|
--header-bg-color: #3cb371;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumseagreen .inlinerollresult {
|
|
--roll-bg-color: #3cb371;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumseagreen a {
|
|
--button-bg-color: #3cb371;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumslateblue {
|
|
--header-bg-color: #7b68ee;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumslateblue .inlinerollresult {
|
|
--roll-bg-color: #7b68ee;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumslateblue a {
|
|
--button-bg-color: #7b68ee;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumspringgreen {
|
|
--header-bg-color: #00fa9a;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumspringgreen .inlinerollresult {
|
|
--roll-bg-color: #00fa9a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumspringgreen a {
|
|
--button-bg-color: #00fa9a;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumturquoise {
|
|
--header-bg-color: #48d1cc;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumturquoise .inlinerollresult {
|
|
--roll-bg-color: #48d1cc;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumturquoise a {
|
|
--button-bg-color: #48d1cc;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mediumvioletred {
|
|
--header-bg-color: #c71585;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mediumvioletred .inlinerollresult {
|
|
--roll-bg-color: #c71585;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mediumvioletred a {
|
|
--button-bg-color: #c71585;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-midnightblue {
|
|
--header-bg-color: #191970;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-midnightblue .inlinerollresult {
|
|
--roll-bg-color: #191970;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-midnightblue a {
|
|
--button-bg-color: #191970;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mintcream {
|
|
--header-bg-color: #f5fffa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mintcream .inlinerollresult {
|
|
--roll-bg-color: #f5fffa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mintcream a {
|
|
--button-bg-color: #f5fffa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-mistyrose {
|
|
--header-bg-color: #ffe4e1;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-mistyrose .inlinerollresult {
|
|
--roll-bg-color: #ffe4e1;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-mistyrose a {
|
|
--button-bg-color: #ffe4e1;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-moccasin {
|
|
--header-bg-color: #ffe4b5;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-moccasin .inlinerollresult {
|
|
--roll-bg-color: #ffe4b5;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-moccasin a {
|
|
--button-bg-color: #ffe4b5;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-navajowhite {
|
|
--header-bg-color: #ffdead;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-navajowhite .inlinerollresult {
|
|
--roll-bg-color: #ffdead;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-navajowhite a {
|
|
--button-bg-color: #ffdead;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-navy {
|
|
--header-bg-color: #000080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-navy .inlinerollresult {
|
|
--roll-bg-color: #000080;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-navy a {
|
|
--button-bg-color: #000080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-oldlace {
|
|
--header-bg-color: #fdf5e6;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-oldlace .inlinerollresult {
|
|
--roll-bg-color: #fdf5e6;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-oldlace a {
|
|
--button-bg-color: #fdf5e6;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-olive {
|
|
--header-bg-color: #808000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-olive .inlinerollresult {
|
|
--roll-bg-color: #808000;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-olive a {
|
|
--button-bg-color: #808000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-olivedrab {
|
|
--header-bg-color: #6b8e23;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-olivedrab .inlinerollresult {
|
|
--roll-bg-color: #6b8e23;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-olivedrab a {
|
|
--button-bg-color: #6b8e23;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-orange {
|
|
--header-bg-color: #ffa500;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-orange .inlinerollresult {
|
|
--roll-bg-color: #ffa500;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-orange a {
|
|
--button-bg-color: #ffa500;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-orangered {
|
|
--header-bg-color: #ff4500;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-orangered .inlinerollresult {
|
|
--roll-bg-color: #ff4500;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-orangered a {
|
|
--button-bg-color: #ff4500;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-orchid {
|
|
--header-bg-color: #da70d6;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-orchid .inlinerollresult {
|
|
--roll-bg-color: #da70d6;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-orchid a {
|
|
--button-bg-color: #da70d6;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-palegoldenrod {
|
|
--header-bg-color: #eee8aa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-palegoldenrod .inlinerollresult {
|
|
--roll-bg-color: #eee8aa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-palegoldenrod a {
|
|
--button-bg-color: #eee8aa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-palegreen {
|
|
--header-bg-color: #98fb98;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-palegreen .inlinerollresult {
|
|
--roll-bg-color: #98fb98;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-palegreen a {
|
|
--button-bg-color: #98fb98;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-paleturquoise {
|
|
--header-bg-color: #afeeee;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-paleturquoise .inlinerollresult {
|
|
--roll-bg-color: #afeeee;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-paleturquoise a {
|
|
--button-bg-color: #afeeee;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-palevioletred {
|
|
--header-bg-color: #db7093;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-palevioletred .inlinerollresult {
|
|
--roll-bg-color: #db7093;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-palevioletred a {
|
|
--button-bg-color: #db7093;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-papayawhip {
|
|
--header-bg-color: #ffefd5;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-papayawhip .inlinerollresult {
|
|
--roll-bg-color: #ffefd5;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-papayawhip a {
|
|
--button-bg-color: #ffefd5;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-peachpuff {
|
|
--header-bg-color: #ffdab9;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-peachpuff .inlinerollresult {
|
|
--roll-bg-color: #ffdab9;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-peachpuff a {
|
|
--button-bg-color: #ffdab9;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-peru {
|
|
--header-bg-color: #cd853f;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-peru .inlinerollresult {
|
|
--roll-bg-color: #cd853f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-peru a {
|
|
--button-bg-color: #cd853f;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-pink {
|
|
--header-bg-color: #ffc0cb;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-pink .inlinerollresult {
|
|
--roll-bg-color: #ffc0cb;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-pink a {
|
|
--button-bg-color: #ffc0cb;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-plum {
|
|
--header-bg-color: #dda0dd;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-plum .inlinerollresult {
|
|
--roll-bg-color: #dda0dd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-plum a {
|
|
--button-bg-color: #dda0dd;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-powderblue {
|
|
--header-bg-color: #b0e0e6;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-powderblue .inlinerollresult {
|
|
--roll-bg-color: #b0e0e6;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-powderblue a {
|
|
--button-bg-color: #b0e0e6;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-purple {
|
|
--header-bg-color: #800080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-purple .inlinerollresult {
|
|
--roll-bg-color: #800080;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-purple a {
|
|
--button-bg-color: #800080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-red {
|
|
--header-bg-color: #ff0000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-red .inlinerollresult {
|
|
--roll-bg-color: #ff0000;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-red a {
|
|
--button-bg-color: #ff0000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-rosybrown {
|
|
--header-bg-color: #bc8f8f;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-rosybrown .inlinerollresult {
|
|
--roll-bg-color: #bc8f8f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-rosybrown a {
|
|
--button-bg-color: #bc8f8f;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-royalblue {
|
|
--header-bg-color: #4169e1;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-royalblue .inlinerollresult {
|
|
--roll-bg-color: #4169e1;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-royalblue a {
|
|
--button-bg-color: #4169e1;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-saddlebrown {
|
|
--header-bg-color: #8b4513;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-saddlebrown .inlinerollresult {
|
|
--roll-bg-color: #8b4513;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-saddlebrown a {
|
|
--button-bg-color: #8b4513;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-salmon {
|
|
--header-bg-color: #fa8072;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-salmon .inlinerollresult {
|
|
--roll-bg-color: #fa8072;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-salmon a {
|
|
--button-bg-color: #fa8072;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-sandybrown {
|
|
--header-bg-color: #f4a460;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-sandybrown .inlinerollresult {
|
|
--roll-bg-color: #f4a460;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-sandybrown a {
|
|
--button-bg-color: #f4a460;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-seagreen {
|
|
--header-bg-color: #2e8b57;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-seagreen .inlinerollresult {
|
|
--roll-bg-color: #2e8b57;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-seagreen a {
|
|
--button-bg-color: #2e8b57;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-seashell {
|
|
--header-bg-color: #fff5ee;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-seashell .inlinerollresult {
|
|
--roll-bg-color: #fff5ee;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-seashell a {
|
|
--button-bg-color: #fff5ee;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-sienna {
|
|
--header-bg-color: #a0522d;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-sienna .inlinerollresult {
|
|
--roll-bg-color: #a0522d;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-sienna a {
|
|
--button-bg-color: #a0522d;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-silver {
|
|
--header-bg-color: #c0c0c0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-silver .inlinerollresult {
|
|
--roll-bg-color: #c0c0c0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-silver a {
|
|
--button-bg-color: #c0c0c0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-skyblue {
|
|
--header-bg-color: #87ceeb;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-skyblue .inlinerollresult {
|
|
--roll-bg-color: #87ceeb;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-skyblue a {
|
|
--button-bg-color: #87ceeb;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-slateblue {
|
|
--header-bg-color: #6a5acd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-slateblue .inlinerollresult {
|
|
--roll-bg-color: #6a5acd;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-slateblue a {
|
|
--button-bg-color: #6a5acd;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-slategray {
|
|
--header-bg-color: #708090;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-slategray .inlinerollresult {
|
|
--roll-bg-color: #708090;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-slategray a {
|
|
--button-bg-color: #708090;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-slategrey {
|
|
--header-bg-color: #708090;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-slategrey .inlinerollresult {
|
|
--roll-bg-color: #708090;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-slategrey a {
|
|
--button-bg-color: #708090;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-snow {
|
|
--header-bg-color: #fffafa;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-snow .inlinerollresult {
|
|
--roll-bg-color: #fffafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-snow a {
|
|
--button-bg-color: #fffafa;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-springgreen {
|
|
--header-bg-color: #00ff7f;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-springgreen .inlinerollresult {
|
|
--roll-bg-color: #00ff7f;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-springgreen a {
|
|
--button-bg-color: #00ff7f;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-steelblue {
|
|
--header-bg-color: #4682b4;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-steelblue .inlinerollresult {
|
|
--roll-bg-color: #4682b4;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-steelblue a {
|
|
--button-bg-color: #4682b4;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-tan {
|
|
--header-bg-color: #d2b48c;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-tan .inlinerollresult {
|
|
--roll-bg-color: #d2b48c;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-tan a {
|
|
--button-bg-color: #d2b48c;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-teal {
|
|
--header-bg-color: #008080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-teal .inlinerollresult {
|
|
--roll-bg-color: #008080;
|
|
--roll-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-teal a {
|
|
--button-bg-color: #008080;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-thistle {
|
|
--header-bg-color: #d8bfd8;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-thistle .inlinerollresult {
|
|
--roll-bg-color: #d8bfd8;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-thistle a {
|
|
--button-bg-color: #d8bfd8;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-tomato {
|
|
--header-bg-color: #ff6347;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-tomato .inlinerollresult {
|
|
--roll-bg-color: #ff6347;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-tomato a {
|
|
--button-bg-color: #ff6347;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-turquoise {
|
|
--header-bg-color: #40e0d0;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-turquoise .inlinerollresult {
|
|
--roll-bg-color: #40e0d0;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-turquoise a {
|
|
--button-bg-color: #40e0d0;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-violet {
|
|
--header-bg-color: #ee82ee;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-violet .inlinerollresult {
|
|
--roll-bg-color: #ee82ee;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-violet a {
|
|
--button-bg-color: #ee82ee;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-wheat {
|
|
--header-bg-color: #f5deb3;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-wheat .inlinerollresult {
|
|
--roll-bg-color: #f5deb3;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-wheat a {
|
|
--button-bg-color: #f5deb3;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-white {
|
|
--header-bg-color: #ffffff;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-white .inlinerollresult {
|
|
--roll-bg-color: #ffffff;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-white a {
|
|
--button-bg-color: #ffffff;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-whitesmoke {
|
|
--header-bg-color: #f5f5f5;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-whitesmoke .inlinerollresult {
|
|
--roll-bg-color: #f5f5f5;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-whitesmoke a {
|
|
--button-bg-color: #f5f5f5;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-yellow {
|
|
--header-bg-color: #ffff00;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-yellow .inlinerollresult {
|
|
--roll-bg-color: #ffff00;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-yellow a {
|
|
--button-bg-color: #ffff00;
|
|
--button-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-color-yellowgreen {
|
|
--header-bg-color: #9acd32;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-yellowgreen .inlinerollresult {
|
|
--roll-bg-color: #9acd32;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-yellowgreen a {
|
|
--button-bg-color: #9acd32;
|
|
--button-text-color: #000;
|
|
}
|
|
|
|
|
|
/* transparent for inline roll and ability button */
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-rlcolor-transparent .inlinerollresult {
|
|
--roll-bg-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-container.sheet-crt-btcolor-transparent a {
|
|
--button-bg-color: transparent;
|
|
--button-text-color: #000;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-custom .sheet-crt-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
/* custom alignements */
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-key.sheet-crt-lalign-left {
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-key.sheet-crt-lalign-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-key.sheet-crt-lalign-right {
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-value.sheet-crt-ralign-left {
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-value.sheet-crt-ralign-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-crt-content .sheet-crt-value.sheet-crt-ralign-right {
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
*/
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-custom .sheet-crt-content div:nth-of-type(4n+3),
|
|
.sheet-rolltemplate-custom .sheet-crt-content div:nth-of-type(4n) {
|
|
background:#EEE;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-rolltemplate-custom .sheet-crt-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/*----------- Roll Template --------------*/ |