Files
roll20-character-sheets-tester/DangerousJourneys-Mythus/mythus.css
T
archibael b2d8f4fd6a Cosmetic and roll template changes (#6811)
+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
2020-06-22 14:21:53 -04:00

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%;
}