Files
roll20-character-sheets/Mythras/templates/roll_templates/effect.css
T

133 lines
4.0 KiB
CSS

/* Default Roll Template Styles */
.sheet-rolltemplate-effect {
background: white;
font-family: 'Merriweather', serif;
font-size: 12px;
line-height: 18px;
color: black;
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode {
background: #1f1f1f;
color: whitesmoke;
}
.sheet-rolltemplate-effect div.sheet-border {
border: 2px solid #123e54;
font-family: 'Merriweather', serif;
font-size: 12px;
line-height: 18px;
border-radius: 5px;
}
.sheet-rolltemplate-effect div.sheet-header {
background: #123e54;
color: whitesmoke;
}
.sheet-rolltemplate-effect div.sheet-character {
font-size: 11px;
text-align: center;
}
.sheet-rolltemplate-effect div.sheet-name {
font-family: "Sorts Mill Goudy", serif;
text-align: center;
font-size: 15px;
}
.sheet-rolltemplate-effect div.sheet-skills {
display: flex;
justify-content: space-between;
gap: 2px;
flex-wrap: wrap;
}
.sheet-rolltemplate-effect div.sheet-traits {
background: repeating-linear-gradient(to bottom, transparent, transparent 18px, gainsboro 18px, gainsboro 36px);
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode div.sheet-traits {
background: repeating-linear-gradient(to bottom, transparent, transparent 18px, #333333 18px, #333333 36px);
}
.sheet-rolltemplate-effect hr {
margin: 0;
}
.sheet-rolltemplate-effect div.sheet-description {
max-height: 72px;
overflow: auto;
}
.sheet-rolltemplate-effect a {
border-radius: 5px;
box-sizing: border-box;
font-size: 12px !important;
border: solid 1px black !important;
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
color: black !important;
padding: 0 2px 0 !important;
margin: 0 !important;
text-shadow: none !important;
box-shadow: none !important;
}
.sheet-rolltemplate-effect a:hover {
border: solid 1px black !important;
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
color: whitesmoke !important;
text-shadow: none;
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .sheet-skills a {
border: solid 1px black !important;
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
color: whitesmoke !important;
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .sheet-skills a:hover {
border: solid 1px black !important;
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
color: black !important;
}
.sheet-rolltemplate-effect .sheet-traits a {
font-size: 12px !important;
border: none !important;
background: transparent !important;
color: inherit !important;
padding: 0 !important;
margin: 0 !important;
text-shadow: none !important;
box-shadow: none !important;
text-decoration: underline;
}
.sheet-rolltemplate-effect .sheet-traits a:hover {
color: royalblue !important;
}
.sheet-rolltemplate-effect .inlinerollresult,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult {
display: inline-block;
text-align: center;
padding: 0;
margin: 0;
color: inherit;
border: none !important;
background: transparent !important;
height: 18px;
font-weight: inherit;
font-size: 12px;
font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-effect .inlinerollresult.fullcrit,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
border: none !important;
color: inherit;
background: transparent !important;
font-weight: inherit;
}
.sheet-rolltemplate-effect .inlinerollresult.fullfail,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
border: none !important;
color: inherit;
background: transparent !important;
font-weight: inherit;
}
.sheet-rolltemplate-effect .inlinerollresult.importantroll,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
border: none !important;
color: inherit;
background: transparent !important;
font-weight: inherit;
}