+Added new image files for eventual use in roll templates or as background images +Added new instructions file in .rtf format * Updated importer file * Replaced character sheet image * Updated JSON file to include link to instructions page + Added parchment-y background image +Added Benguiat font to resemble Mac Mirage font from rule books + Added roll templates * Tweaked styles/formatting to make things cleaner * Changed K/S Area and Sub-Area roll buttons to use new K/S template * Changed weapons buttons to use new roll template + Added Powers buttons * Reordered armor to more closely match texts * Pointed Castings to new roll template * Updated Revision to 0.97 * Added new Dodging Armor alt rule + Added Heka Aperture override + Added critfail and autofail params (and associated code) to all K/S areas + Added difficulty rating attributes so they could be directly accessed/modified by code * Changed AE and ae to appropriate aeligs * Updated 1st time functions to treat upgrade from pre rev 0.96 different from update from rev 0.96 + Added roll templates for KS checks, parrying, opposed KS checks
966 lines
22 KiB
CSS
966 lines
22 KiB
CSS
/* Set the min-width so that when the window is resized the look will stay consistant */
|
|
|
|
.charsheet {
|
|
/* background-color: #ddd; */
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
min-width: 800px;
|
|
}
|
|
|
|
@font-face{/*The mirage font*/
|
|
font-family:Benguiat;
|
|
src:local('Benguiat'),local('Benguiat-Regular'),url(https://www.wfonts.com/download/data/2014/05/29/benguiat/unicode.benguiat.ttf);
|
|
}
|
|
|
|
/* * {
|
|
font-family: Benguiat,Lucida-Bright,Monospace;
|
|
}; */
|
|
|
|
/*Configure the tab buttons*/
|
|
.sheet-mainpage,
|
|
.sheet-kspage,
|
|
.sheet-castingspage,
|
|
.sheet-miscpage,
|
|
.sheet-configpage {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-bestiarysheet,
|
|
.sheet-personasheet {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-kstoggle1[value="1"] + div.sheet-personasheet {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-kstoggle1[value="0"] + div.sheet-bestiarysheet {
|
|
display: block;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="mainpage"] ~ div.sheet-mainpage,
|
|
.sheet-tabstoggle[value="kspage"] ~ div.sheet-kspage,
|
|
.sheet-tabstoggle[value="castingspage"] ~ div.sheet-castingspage,
|
|
.sheet-tabstoggle[value="miscpage"] ~ div.sheet-miscpage,
|
|
.sheet-tabstoggle[value="configpage"] ~ div.sheet-configpage {
|
|
display: block;
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.sheet-alchemypage,
|
|
.sheet-apotropaismpage,
|
|
.sheet-astrologypage,
|
|
.sheet-conjurationpage,
|
|
.sheet-divinationpage,
|
|
.sheet-dweomercraeftgeneralpage,
|
|
.sheet-dweomercraeftblackpage,
|
|
.sheet-dweomercraeftelementalpage,
|
|
.sheet-dweomercraeftgraypage,
|
|
.sheet-dweomercraeftgreenpage,
|
|
.sheet-dweomercraeftwhitepage,
|
|
.sheet-exorcismpage,
|
|
.sheet-fortunetellingpage,
|
|
.sheet-hekaforgingpage,
|
|
.sheet-herbalismpage,
|
|
.sheet-mediumshippage,
|
|
.sheet-mysticismpage,
|
|
.sheet-necromancypage,
|
|
.sheet-priestcraeftgeneralpage,
|
|
.sheet-priestcraeftbasicpage,
|
|
.sheet-priestcraeftbalancepage,
|
|
.sheet-priestcraeftgloomydarknesspage,
|
|
.sheet-priestcraeftmoonlightpage,
|
|
.sheet-priestcraeftshadowydarknesspage,
|
|
.sheet-priestcraeftsunlightpage,
|
|
.sheet-sorcerypage,
|
|
.sheet-spellsongspage,
|
|
.sheet-witchcraeftpage
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-subtabstoggle[value="alchemypage"] ~ div.sheet-alchemypage,
|
|
.sheet-subtabstoggle[value="apotropaismpage"] ~ div.sheet-apotropaismpage,
|
|
.sheet-subtabstoggle[value="astrologypage"] ~ div.sheet-astrologypage,
|
|
.sheet-subtabstoggle[value="conjurationpage"] ~ div.sheet-conjurationpage,
|
|
.sheet-subtabstoggle[value="divinationpage"] ~ div.sheet-divinationpage,
|
|
.sheet-subtabstoggle[value="dweomercraeftgeneralpage"] ~ div.sheet-dweomercraeftgeneralpage,
|
|
.sheet-subtabstoggle[value="dweomercraeftblackpage"] ~ div.sheet-dweomercraeftblackpage,
|
|
.sheet-subtabstoggle[value="dweomercraeftelementalpage"] ~ div.sheet-dweomercraeftelementalpage,
|
|
.sheet-subtabstoggle[value="dweomercraeftgraypage"] ~ div.sheet-dweomercraeftgraypage,
|
|
.sheet-subtabstoggle[value="dweomercraeftgreenpage"] ~ div.sheet-dweomercraeftgreenpage,
|
|
.sheet-subtabstoggle[value="dweomercraeftwhitepage"] ~ div.sheet-dweomercraeftwhitepage,
|
|
.sheet-subtabstoggle[value="exorcismpage"] ~ div.sheet-exorcismpage,
|
|
.sheet-subtabstoggle[value="fortunetellingpage"] ~ div.sheet-fortunetellingpage,
|
|
.sheet-subtabstoggle[value="hekaforgingpage"] ~ div.sheet-hekaforgingpage,
|
|
.sheet-subtabstoggle[value="herbalismpage"] ~ div.sheet-herbalismpage,
|
|
.sheet-subtabstoggle[value="mediumshippage"] ~ div.sheet-mediumshippage,
|
|
.sheet-subtabstoggle[value="mysticismpage"] ~ div.sheet-mysticismpage,
|
|
.sheet-subtabstoggle[value="necromancypage"] ~ div.sheet-necromancypage,
|
|
.sheet-subtabstoggle[value="priestcraeftgeneralpage"] ~ div.sheet-priestcraeftgeneralpage,
|
|
.sheet-subtabstoggle[value="priestcraeftbasicpage"] ~ div.sheet-priestcraeftbasicpage,
|
|
.sheet-subtabstoggle[value="priestcraeftbalancepage"] ~ div.sheet-priestcraeftbalancepage,
|
|
.sheet-subtabstoggle[value="priestcraeftgloomydarknesspage"] ~ div.sheet-priestcraeftgloomydarknesspage,
|
|
.sheet-subtabstoggle[value="priestcraeftmoonlightpage"] ~ div.sheet-priestcraeftmoonlightpage,
|
|
.sheet-subtabstoggle[value="priestcraeftshadowydarknesspage"] ~ div.sheet-priestcraeftshadowydarknesspage,
|
|
.sheet-subtabstoggle[value="priestcraeftsunlightpage"] ~ div.sheet-priestcraeftsunlightpage,
|
|
.sheet-subtabstoggle[value="sorcerypage"] ~ div.sheet-sorcerypage,
|
|
.sheet-subtabstoggle[value="spellsongspage"] ~ div.sheet-spellsongspage,
|
|
.sheet-subtabstoggle[value="witchcraeftpage"] ~ div.sheet-witchcraeftpage
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-hideable-ks {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideable-button {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideable-subs {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideable-hekacalccheck {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hideable-indicator {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-buttontoggle1[value="1"] + button.sheet-hideable-button {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-kstoggle1[value="1"] + div.sheet-hideable-ks {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.sheet-toggle-show-subs[value="1"] ~ div.sheet-hideable-subs {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-toggle-show-indicator[value="1"] ~ div.sheet-hideable-indicator {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-toggle-show-hekacalccheck[value="1"] ~ div.sheet-hideable-hekacalccheck {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-kssubcolumns {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 800px;
|
|
}
|
|
.sheet-kssubcolumns > * {
|
|
flex: 1;
|
|
}
|
|
|
|
/* roll template */
|
|
.sheet-rolltemplate-casting table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
/* background:url(https://github.com/archibael/roll20-character-sheets/blob/brez-djmyth/DangerousJourneys-Mythus/images/Mythus%20portrait%20box.png?raw=true) top left repeat;
|
|
background-size: 250px 250px;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-casting th {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(63, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .sheet-n {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(36, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-casting .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .sheet-tcat {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .sheet-tcatgreen {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .sheet-tcatred {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting td {
|
|
padding-left: 5px;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .inlinerollresult {
|
|
background-color: transparent;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-casting .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-power table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
/* background:url(https://github.com/archibael/roll20-character-sheets/blob/brez-djmyth/DangerousJourneys-Mythus/images/Mythus%20portrait%20box.png?raw=true) top left repeat;
|
|
background-size: 250px 250px;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-power th {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(63, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-n {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(36, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-tcat {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-tcatgreen {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .sheet-tcatred {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-power td {
|
|
padding-left: 5px;
|
|
font-size: 0.9em;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-power .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
/* background:url(https://github.com/archibael/roll20-character-sheets/blob/brez-djmyth/DangerousJourneys-Mythus/images/Mythus%20portrait%20box.png?raw=true) top left repeat;
|
|
background-size: 250px 250px;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck th {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(63, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-n {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(36, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-tcat {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-tcatgreen {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-tcatred {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck td {
|
|
padding-left: 5px;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
/*.sheet-rolltemplate-kscheck tr.hideable {
|
|
vertical-align: inherit;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck tr.hideable {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-daze-toggle-show[value="1"] ~ tr.hideable {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .sheet-daze-toggle-show {
|
|
width: 10px;
|
|
}
|
|
*/
|
|
|
|
|
|
.sheet-rolltemplate-kscheck .inlinerollresult {
|
|
background-color: transparent;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscheck .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
/* background:url(https://github.com/archibael/roll20-character-sheets/blob/brez-djmyth/DangerousJourneys-Mythus/images/Mythus%20portrait%20box.png?raw=true) top left repeat;
|
|
background-size: 250px 250px;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-attack th {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(63, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-n {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(36, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-tcat {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-tcatgreen {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-tcatred {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack td {
|
|
padding-left: 5px;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult {
|
|
background-color: transparent;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
/* background:url(https://github.com/archibael/roll20-character-sheets/blob/brez-djmyth/DangerousJourneys-Mythus/images/Mythus%20portrait%20box.png?raw=true) top left repeat;
|
|
background-size: 250px 250px;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-parry th {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(63, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .sheet-n {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(36, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .sheet-tcat {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .sheet-tcatgreen {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .sheet-tcatred {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry td {
|
|
padding-left: 5px;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .inlinerollresult {
|
|
background-color: transparent;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-parry .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
|
|
/* background:url(https://github.com/archibael/roll20-character-sheets/blob/brez-djmyth/DangerousJourneys-Mythus/images/Mythus%20portrait%20box.png?raw=true) top left repeat;
|
|
background-size: 250px 250px;*/
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-kscontest th {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(63, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.1em;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .sheet-n {
|
|
color: rgb(233, 223, 151);
|
|
background-color: rgb(36, 32, 33);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.5em;
|
|
text-align: left;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
text-transform: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .sheet-tcat {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
.sheet-rolltemplate-kscontest .sheet-tcattish {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .sheet-tcatty {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
width: 300px;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .sheet-tcatgreen {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .sheet-tcatred {
|
|
font-weight: bold;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest td {
|
|
padding-left: 5px;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .inlinerollresult {
|
|
background-color: transparent;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-kscontest .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
/* Universal styling applied to all elements of these types */
|
|
|
|
h2 {
|
|
font-size: 2em;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
|
|
button
|
|
{
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
h3
|
|
{
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
span
|
|
{
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
width: 60%;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
input {
|
|
display: inline-block;
|
|
width: 165px;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
img {
|
|
max-height: 100px;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
}
|
|
|
|
input.sheet-toggle-show {
|
|
width: 10px;
|
|
}
|
|
|
|
input.sheet-toggle-show-subs {
|
|
width: 10px;
|
|
}
|
|
|
|
input.sheet-toggle-show-hekacalccheck {
|
|
width: 10px;
|
|
}
|
|
input.sheet-buttontoggle1 {
|
|
width: 1px;
|
|
}
|
|
|
|
input.sheet-toggle-show-indicator {
|
|
width: 10px;
|
|
}
|
|
|
|
/* Targetted styling that only effects elements with these classes */
|
|
input.sheet-toggle-show:not(:checked) ~ div.sheet-hideable,
|
|
input.sheet-toggle-hide:checked ~ div.sheet-hideable {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-toggle-show-subs:not(:checked) ~ div.sheet-hideable-subs,
|
|
input.sheet-toggle-hide-subs:checked ~ div.sheet-hideable-subs {
|
|
display: none;
|
|
}
|
|
input.sheet-toggle-show-hekacalccheck:not(:checked) ~ div.sheet-hideable-hekacalccheck,
|
|
input.sheet-toggle-hide-hekacalccheck:checked ~ div.sheet-hideable-hekacalccheck {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-toggle-show-hidden:not(:checked) ~ div.sheet-hideable,
|
|
input.sheet-toggle-hide-hidden:checked ~ div.sheet-hideable {
|
|
display: none;
|
|
width: 5px;
|
|
}
|
|
|
|
div.sheet-hideable {
|
|
width: 100%;
|
|
}
|
|
|
|
div.sheet-hideable-ks {
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
button.sheet-hideable-button {
|
|
width: 75px;
|
|
}
|
|
*/
|
|
|
|
|
|
div.sheet-hideable-subs {
|
|
width: 100%;
|
|
}
|
|
div.sheet-hideable-hekacalccheck {
|
|
width: 100%;
|
|
}
|
|
|
|
input.sheet-short {
|
|
width: 165px;
|
|
}
|
|
|
|
input.sheet-long {
|
|
width: 300px;
|
|
}
|
|
|
|
input.sheet-midshort {
|
|
width: 60px;
|
|
}
|
|
|
|
input.sheet-halfmidshort {
|
|
width: 36px;
|
|
}
|
|
|
|
input.sheet-supershort {
|
|
width: 10px;
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
|
|
label.sheet-short {
|
|
width: 155px;
|
|
}
|
|
|
|
label.sheet-headershort {
|
|
width: 160px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
button.sheet-myrol {
|
|
width: 300px;
|
|
}
|
|
|
|
span.sheet-headershort
|
|
{
|
|
display: inline-block; /* or block */
|
|
width: 160px;
|
|
}
|
|
|
|
span.sheet-headermidshort
|
|
{
|
|
display: inline-block; /* or block */
|
|
width: 39px;
|
|
}
|
|
|
|
span.sheet-headerhalfmidshort
|
|
{
|
|
display: inline-block; /* or block */
|
|
width: 21px;
|
|
}
|
|
|
|
label.sheet-headerhalfmidshort {
|
|
width: 21px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-headermidshort {
|
|
width: 39px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-headerwl {
|
|
width: 20px;
|
|
}
|
|
|
|
label.sheet-headerwlbig {
|
|
width: 130px;
|
|
}
|
|
|
|
label.sheet-headerbutton {
|
|
width: 100px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-headersupershort {
|
|
width: 4px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
|
|
label.sheet-midshort {
|
|
width: 60px;
|
|
}
|
|
|
|
label.sheet-supershort {
|
|
width: 10px;
|
|
text-align: center;
|
|
font-size: 0.5em;
|
|
}
|
|
|
|
label.sheet-ksheadersupershort {
|
|
width: 2px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-ksheadermidshort {
|
|
width: 50px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-ksheaderhalfmidshort {
|
|
width: 30px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-ksheadershort {
|
|
width: 160px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-ksheaderbutton {
|
|
width: 105px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-ksheaderlongbutton {
|
|
width: 300px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
label.sheet-ksheaderreallylong {
|
|
width: 530px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
select.sheet-dtype {
|
|
vertical-align: top;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
width: 60px;
|
|
}
|
|
|
|
select.sheet-dtypedoublewide {
|
|
vertical-align: top;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
width: 120px;
|
|
}
|
|
|
|
select.sheet-dtypequintwide {
|
|
vertical-align: top;
|
|
font-family: Benguiat,Lucida-Bright,Courier;
|
|
width: 150px;
|
|
}
|
|
|
|
textarea.sheet-weapontext {
|
|
height: 1em;
|
|
width: 40em;
|
|
resize: none;
|
|
}
|
|
|
|
span.sheet-dee {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
left: -36%;
|
|
padding-right: 4px;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
|
|
span.sheet-short {
|
|
width: 155px;
|
|
}
|
|
span.sheet-midshort {
|
|
width: 100px;
|
|
}
|
|
|
|
/* Targetted styling that only effects elements contained within the stated class */
|
|
.sheet-stats h3 {
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-stats h3:first-child {
|
|
margin-left: 35%;
|
|
margin-right: 15%;
|
|
}
|
|
|
|
.sheet-stats input {
|
|
margin-right: 8%;
|
|
width: 17%;
|
|
} |