diff --git a/Open Legend Basic by Great Moustache/BG Roll Bottom.png b/Open Legend Basic by Great Moustache/BG Roll Bottom.png new file mode 100644 index 0000000000..14a3bc1622 Binary files /dev/null and b/Open Legend Basic by Great Moustache/BG Roll Bottom.png differ diff --git a/Open Legend Basic by Great Moustache/BG Roll Middle.png b/Open Legend Basic by Great Moustache/BG Roll Middle.png new file mode 100644 index 0000000000..5be6f6bb49 Binary files /dev/null and b/Open Legend Basic by Great Moustache/BG Roll Middle.png differ diff --git a/Open Legend Basic by Great Moustache/BG Roll Top.png b/Open Legend Basic by Great Moustache/BG Roll Top.png new file mode 100644 index 0000000000..e92c23acbc Binary files /dev/null and b/Open Legend Basic by Great Moustache/BG Roll Top.png differ diff --git a/Open Legend Basic by Great Moustache/Open Legend.css b/Open Legend Basic by Great Moustache/Open Legend.css index 496fa3df13..9510e9a4e5 100644 --- a/Open Legend Basic by Great Moustache/Open Legend.css +++ b/Open Legend Basic by Great Moustache/Open Legend.css @@ -179,28 +179,57 @@ height: 20px; padding: 0; background-color: white; +} + /* Roll Top Background paper look */ +.sheet-rolltemplate-openLegend .sheet-rollTop { + background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Roll%20Top.png"); + background-repeat: no-repeat; + background-position: left top; + width: 250px; + height: 50px; + padding: 0; + background-color: white; +} + /* Roll Middle Background paper look */ +.sheet-rolltemplate-openLegend .sheet-rollMiddle { + background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Roll%20Middle.png"); + background-repeat: repeat-y; + background-position: left top; + width: 250px; + padding: 0; + background-color: white; +} + /* Roll Bottom Background paper look */ +.sheet-rolltemplate-openLegend .sheet-rollBottom { + background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Roll%20Bottom.png"); + background-repeat: no-repeat; + background-position: left top; + width: 250px; + height: 50px; + padding: 0; + background-color: white; } /* sometimes you need a row of divs to look and act like a table... deal */ -.sheet-makeTable, .sheet-rolltemplate-openLegends .sheet-makeTable { display: table; } +.sheet-makeTable, .sheet-rolltemplate-openLegend .sheet-makeTable { display: table; } -.sheet-makeCell, .sheet-rolltemplate-openLegends .sheet-makeCell { display: table-cell; } +.sheet-makeCell, .sheet-rolltemplate-openLegend .sheet-makeCell { display: table-cell; } /* Border effects */ -.sheet-borderRound, .sheet-rolltemplate-openLegends .sheet-borderRound { border-radius: 4px; } +.sheet-borderRound, .sheet-rolltemplate-openLegend .sheet-borderRound { border-radius: 4px; } -.sheet-borderAll, .sheet-rolltemplate-openLegends .sheet-borderAll { border: 1px solid black; } -.sheet-borderRight, .sheet-rolltemplate-openLegends .sheet-borderRight { border-right: 1px solid black; } -.sheet-borderLeft, .sheet-rolltemplate-openLegends .sheet-borderLeft { border-left: 1px solid black; } -.sheet-borderTop, .sheet-rolltemplate-openLegends .sheet-borderTop { border-top: 1px solid black; } -.sheet-borderBottom, .sheet-rolltemplate-openLegends .sheet-borderBottom { border-bottom: 1px solid black; } +.sheet-borderAll, .sheet-rolltemplate-openLegend .sheet-borderAll { border: 1px solid black; } +.sheet-borderRight, .sheet-rolltemplate-openLegend .sheet-borderRight { border-right: 1px solid black; } +.sheet-borderLeft, .sheet-rolltemplate-openLegend .sheet-borderLeft { border-left: 1px solid black; } +.sheet-borderTop, .sheet-rolltemplate-openLegend .sheet-borderTop { border-top: 1px solid black; } +.sheet-borderBottom, .sheet-rolltemplate-openLegend .sheet-borderBottom { border-bottom: 1px solid black; } -.sheet-borderAllDotted, .sheet-rolltemplate-openLegends .sheet-borderAllDotted { border: 1px dashed black; } -.sheet-borderRightDotted, .sheet-rolltemplate-openLegends .sheet-borderRightDotted { border-right: 1px dashed black; } -.sheet-borderLeftDotted, .sheet-rolltemplate-openLegends .sheet-borderLeftDotted { border-left: 1px dashed black; } -.sheet-borderTopDotted, .sheet-rolltemplate-openLegends .sheet-borderTopDotted { border-top: 1px dashed black; } -.sheet-borderBottomDotted, .sheet-rolltemplate-openLegends .sheet-borderBottomDotted { border-bottom: 1px dashed black; } +.sheet-borderAllDotted, .sheet-rolltemplate-openLegend .sheet-borderAllDotted { border: 1px dashed black; } +.sheet-borderRightDotted, .sheet-rolltemplate-openLegend .sheet-borderRightDotted { border-right: 1px dashed black; } +.sheet-borderLeftDotted, .sheet-rolltemplate-openLegend .sheet-borderLeftDotted { border-left: 1px dashed black; } +.sheet-borderTopDotted, .sheet-rolltemplate-openLegend .sheet-borderTopDotted { border-top: 1px dashed black; } +.sheet-borderBottomDotted, .sheet-rolltemplate-openLegend .sheet-borderBottomDotted { border-bottom: 1px dashed black; } /* Padding effects */ -.sheet-padAll, .sheet-rolltemplate-openLegends .sheet-padAll { +.sheet-padAll, .sheet-rolltemplate-openLegend .sheet-padAll { padding-Right: 2px; padding-Left: 2px; padding-Top: 2px; @@ -210,28 +239,28 @@ box-sizing: border-box; } -.sheet-padRight, .sheet-rolltemplate-openLegends .sheet-padRight { +.sheet-padRight, .sheet-rolltemplate-openLegend .sheet-padRight { padding-Right: 10px; -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box; } -.sheet-padLeft, .sheet-rolltemplate-openLegends .sheet-padLeft { +.sheet-padLeft, .sheet-rolltemplate-openLegend .sheet-padLeft { padding-Left: 10px; -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box; } -.sheet-padTop, .sheet-rolltemplate-openLegends .sheet-padTop { +.sheet-padTop, .sheet-rolltemplate-openLegend .sheet-padTop { padding-Top: 12px; -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box; } -.sheet-padBottom, .sheet-rolltemplate-openLegends .sheet-padBottom { +.sheet-padBottom, .sheet-rolltemplate-openLegend .sheet-padBottom { padding-Bottom: 6px; -webkit-box-sizing: border-box; -mox-box-sizing: border-box; @@ -239,53 +268,53 @@ } /* Resizing text Boxes options */ -.sheet-resizeNone textarea, .sheet-rolltemplate-openLegends .sheet-resizeNone textarea { resize: none; overflow: auto; } -.sheet-resizeVert textarea, .sheet-rolltemplate-openLegends .sheet-resizeVert textarea { resize: vertical; overflow: auto; } -.sheet-resizeHorz textarea, .sheet-rolltemplate-openLegends .sheet-resizeHorz textarea { resize: horizontal; overflow: auto; } -.sheet-resizeBoth textarea, .sheet-rolltemplate-openLegends .sheet-resizeBoth textarea { resize: both; overflow: auto; } +.sheet-resizeNone textarea, .sheet-rolltemplate-openLegend .sheet-resizeNone textarea { resize: none; overflow: auto; } +.sheet-resizeVert textarea, .sheet-rolltemplate-openLegend .sheet-resizeVert textarea { resize: vertical; overflow: auto; } +.sheet-resizeHorz textarea, .sheet-rolltemplate-openLegend .sheet-resizeHorz textarea { resize: horizontal; overflow: auto; } +.sheet-resizeBoth textarea, .sheet-rolltemplate-openLegend .sheet-resizeBoth textarea { resize: both; overflow: auto; } /* Text effects */ -.sheet-bold, .sheet-rolltemplate-openLegends .sheet-bold { font-weight: bold; } -.sheet-bolder, .sheet-rolltemplate-openLegends .sheet-bolder { font-weight: 900; } -.sheet-italic, .sheet-rolltemplate-openLegends .sheet-italic { font-style: italic; } +.sheet-bold, .sheet-rolltemplate-openLegend .sheet-bold { font-weight: bold; } +.sheet-bolder, .sheet-rolltemplate-openLegend .sheet-bolder { font-weight: 900; } +.sheet-italic, .sheet-rolltemplate-openLegend .sheet-italic { font-style: italic; } -.sheet-textSmall, .sheet-rolltemplate-openLegends .sheet-textSmall { +.sheet-textSmall, .sheet-rolltemplate-openLegend .sheet-textSmall { font-size: 0.7em; font-family: Verdana, sans-serif; } -.sheet-textMedium, .sheet-rolltemplate-openLegends .sheet-textMedium { font-size: 1.0em; } -.sheet-textLarge, .sheet-rolltemplate-openLegends .sheet-textLarge { font-size: 1.2em; } -.sheet-textLarger, .sheet-rolltemplate-openLegends .sheet-textLarger { +.sheet-textMedium, .sheet-rolltemplate-openLegend .sheet-textMedium { font-size: 1.0em; } +.sheet-textLarge, .sheet-rolltemplate-openLegend .sheet-textLarge { font-size: 1.2em; } +.sheet-textLarger, .sheet-rolltemplate-openLegend .sheet-textLarger { font-size: 1.5em; font-family: Georgia, Verdana, sans-serif; } -.sheet-textLargest, .sheet-rolltemplate-openLegends .sheet-textLargest { +.sheet-textLargest, .sheet-rolltemplate-openLegend .sheet-textLargest { font-size: 2.0em; font-family: Georgia, Verdana, sans-serif; } /* START alignment */ -.sheet-textLeft, .sheet-rolltemplate-openLegends .sheet-textLeft { text-align: left; } -.sheet-textRight, .sheet-rolltemplate-openLegends .sheet-textRight { text-align: right; } -.sheet-textCenter, .sheet-rolltemplate-openLegends .sheet-textCenter { text-align: center; } +.sheet-textLeft, .sheet-rolltemplate-openLegend .sheet-textLeft { text-align: left; } +.sheet-textRight, .sheet-rolltemplate-openLegend .sheet-textRight { text-align: right; } +.sheet-textCenter, .sheet-rolltemplate-openLegend .sheet-textCenter { text-align: center; } -.sheet-vertTop, .sheet-rolltemplate-openLegends .sheet-vertTop { vertical-align: top; } -.sheet-vertMiddle, .sheet-rolltemplate-openLegends .sheet-vertMiddle { vertical-align: middle; } -.sheet-vertBottom, .sheet-rolltemplate-openLegends .sheet-vertBottom { vertical-align: bottom; } +.sheet-vertTop, .sheet-rolltemplate-openLegend .sheet-vertTop { vertical-align: top; } +.sheet-vertMiddle, .sheet-rolltemplate-openLegend .sheet-vertMiddle { vertical-align: middle; } +.sheet-vertBottom, .sheet-rolltemplate-openLegend .sheet-vertBottom { vertical-align: bottom; } /* START Display */ -.sheet-inlineBlock, .sheet-rolltemplate-openLegends .sheet-inlineBlock { display: inline-block; } -.sheet-block, .sheet-rolltemplate-openLegends .sheet-block { display: block; } -.sheet-inline, .sheet-rolltemplate-openLegends .sheet-inline { display: inline; } +.sheet-inlineBlock, .sheet-rolltemplate-openLegend .sheet-inlineBlock { display: inline-block; } +.sheet-block, .sheet-rolltemplate-openLegend .sheet-block { display: block; } +.sheet-inline, .sheet-rolltemplate-openLegend .sheet-inline { display: inline; } -.sheet-marginCenter, .sheet-rolltemplate-openLegends .sheet-marginCenter { margin: 0 auto; } -.sheet-marginTop, .sheet-rolltemplate-openLegends .sheet-marginTop { margin-top: 5px; } -.sheet-marginBottom, .sheet-rolltemplate-openLegends .sheet-margiBottom { margin-bottom: 5px; } -.sheet-marginLeft, .sheet-rolltemplate-openLegends .sheet-marginLeft { margin-left: 5px; } -.sheet-marginRight, .sheet-rolltemplate-openLegends .sheet-marginRight { margin-right: 5px; } +.sheet-marginCenter, .sheet-rolltemplate-openLegend .sheet-marginCenter { margin: 0 auto; } +.sheet-marginTop, .sheet-rolltemplate-openLegend .sheet-marginTop { margin-top: 5px; } +.sheet-marginBottom, .sheet-rolltemplate-openLegend .sheet-margiBottom { margin-bottom: 5px; } +.sheet-marginLeft, .sheet-rolltemplate-openLegend .sheet-marginLeft { margin-left: 5px; } +.sheet-marginRight, .sheet-rolltemplate-openLegend .sheet-marginRight { margin-right: 5px; } /* add shadows to text or divs/boxes */ -.sheet-boxShadow, .sheet-rolltemplate-openLegends .sheet-boxShadow { box-shadow: 0 2px 8px rgba(0, 0, 0, .3); } -.sheet-textShadow, .sheet-rolltemplate-openLegends .sheet-textShadow { text-shadow: 2px 2px 8px #000000; } +.sheet-boxShadow, .sheet-rolltemplate-openLegend .sheet-boxShadow { box-shadow: 0 2px 8px rgba(0, 0, 0, .3); } +.sheet-textShadow, .sheet-rolltemplate-openLegend .sheet-textShadow { text-shadow: 2px 2px 8px #000000; } /* Text & Number formatting */ .charsheet input, .charsheet select { display: inline-block; @@ -503,7 +532,7 @@ input.sheet-checks25 { display: inline-block; } /* Ribbon Header for sections and rolls */ -.sheet-ribbon, .sheet-rolltemplate-openLegends .sheet-ribbon { +.sheet-ribbon, .sheet-rolltemplate-openLegend .sheet-ribbon { display: block; position: relative; width: 100%; @@ -514,7 +543,7 @@ input.sheet-checks25 { text-shadow: 0 1px 1px rgba(0, 0, 0, .4); } -.sheet-ribbon:before, .sheet-rolltemplate-openLegends .sheet-ribbon:before { +.sheet-ribbon:before, .sheet-rolltemplate-openLegend .sheet-ribbon:before { content: ""; display: block; position: absolute; @@ -527,21 +556,21 @@ input.sheet-checks25 { box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3); } -.sheet-afterBlack.sheet-ribbon:before, .sheet-rolltemplate-openLegends .sheet-silver.sheet-ribbon:before { +.sheet-afterBlack.sheet-ribbon:before, .sheet-rolltemplate-openLegend .sheet-silver.sheet-ribbon:before { background-color: #111111; } -.sheet-rolltemplate-openLegends .sheet-save.sheet-ribbon:before { +.sheet-rolltemplate-openLegend .sheet-save.sheet-ribbon:before { background-color: #DDDDDD; } /* Making the columns fit snug to each other inside the rows */ -.sheet-row, .sheet-rolltemplate-openLegends .sheet-row { +.sheet-row, .sheet-rolltemplate-openLegend .sheet-row { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; } /* Making what's in the columns be normal again */ -.sheet-column, .sheet-rolltemplate-openLegends .sheet-column { +.sheet-column, .sheet-rolltemplate-openLegend .sheet-column { letter-spacing: normal; word-spacing: normal; } @@ -572,193 +601,193 @@ input.sheet-checks25 { display: none; } /* Boring Pre-defined width & height options */ -.sheet-width5, .sheet-rolltemplate-openLegends .sheet-width5 { width: 5%; } -.sheet-width6, .sheet-rolltemplate-openLegends .sheet-width6 { width: 6%; } /* for Attribute settings */ -.sheet-width10, .sheet-rolltemplate-openLegends .sheet-width10 { width: 10%; } -.sheet-width15, .sheet-rolltemplate-openLegends .sheet-width15 { width: 15%; } -.sheet-width20, .sheet-rolltemplate-openLegends .sheet-width20 { width: 20%; } -.sheet-width25, .sheet-rolltemplate-openLegends .sheet-width25 { width: 25%; } -.sheet-width30, .sheet-rolltemplate-openLegends .sheet-width30 { width: 30%; } -.sheet-width35, .sheet-rolltemplate-openLegends .sheet-width35 { width: 35%; } -.sheet-width39, .sheet-rolltemplate-openLegends .sheet-width39 { width: 39%; } /* for Attribute settings */ -.sheet-width40, .sheet-rolltemplate-openLegends .sheet-width40 { width: 40%; } -.sheet-width45, .sheet-rolltemplate-openLegends .sheet-width45 { width: 45%; } -.sheet-width50, .sheet-rolltemplate-openLegends .sheet-width50 { width: 50%; } -.sheet-width55, .sheet-rolltemplate-openLegends .sheet-width55 { width: 55%; } -.sheet-width60, .sheet-rolltemplate-openLegends .sheet-width60 { width: 60%; } -.sheet-width65, .sheet-rolltemplate-openLegends .sheet-width65 { width: 65%; } -.sheet-width70, .sheet-rolltemplate-openLegends .sheet-width70 { width: 70%; } -.sheet-width75, .sheet-rolltemplate-openLegends .sheet-width75 { width: 75%; } -.sheet-width80, .sheet-rolltemplate-openLegends .sheet-width80 { width: 80%; } -.sheet-width85, .sheet-rolltemplate-openLegends .sheet-width85 { width: 85%; } -.sheet-width90, .sheet-rolltemplate-openLegends .sheet-width90 { width: 90%; } -.sheet-width95, .sheet-rolltemplate-openLegends .sheet-width95 { width: 95%; } -.sheet-width100, .sheet-rolltemplate-openLegends .sheet-width100 { width: 100%; } -.sheet-width1of3, .sheet-width2of6, .sheet-rolltemplate-openLegends .sheet-width1of3, .sheet-rolltemplate-openLegends .sheet-width2of6 { width: 33.33333%; } -.sheet-width2of3, .sheet-width4of6, .sheet-rolltemplate-openLegends .sheet-width4of6, .sheet-rolltemplate-openLegends .sheet-width4of6 { width: 66.66667%; } -.sheet-width1of6, .sheet-rolltemplate-openLegends .sheet-width1of6 { width: 16.66667%; } -.sheet-width5of6, .sheet-rolltemplate-openLegends .sheet-width5of6 { width: 83.33333%; } -.sheet-width1of8, .sheet-rolltemplate-openLegends .sheet-width1of8 { width: 12.5%; } -.sheet-width3of8, .sheet-rolltemplate-openLegends .sheet-width3of8 { width: 37.5%; } -.sheet-width5of8, .sheet-rolltemplate-openLegends .sheet-width5of8 { width: 62.5%; } -.sheet-width7of8, .sheet-rolltemplate-openLegends .sheet-width7of8 { width: 87.5%; } +.sheet-width5, .sheet-rolltemplate-openLegend .sheet-width5 { width: 5%; } +.sheet-width6, .sheet-rolltemplate-openLegend .sheet-width6 { width: 6%; } /* for Attribute settings */ +.sheet-width10, .sheet-rolltemplate-openLegend .sheet-width10 { width: 10%; } +.sheet-width15, .sheet-rolltemplate-openLegend .sheet-width15 { width: 15%; } +.sheet-width20, .sheet-rolltemplate-openLegend .sheet-width20 { width: 20%; } +.sheet-width25, .sheet-rolltemplate-openLegend .sheet-width25 { width: 25%; } +.sheet-width30, .sheet-rolltemplate-openLegend .sheet-width30 { width: 30%; } +.sheet-width35, .sheet-rolltemplate-openLegend .sheet-width35 { width: 35%; } +.sheet-width39, .sheet-rolltemplate-openLegend .sheet-width39 { width: 39%; } /* for Attribute settings */ +.sheet-width40, .sheet-rolltemplate-openLegend .sheet-width40 { width: 40%; } +.sheet-width45, .sheet-rolltemplate-openLegend .sheet-width45 { width: 45%; } +.sheet-width50, .sheet-rolltemplate-openLegend .sheet-width50 { width: 50%; } +.sheet-width55, .sheet-rolltemplate-openLegend .sheet-width55 { width: 55%; } +.sheet-width60, .sheet-rolltemplate-openLegend .sheet-width60 { width: 60%; } +.sheet-width65, .sheet-rolltemplate-openLegend .sheet-width65 { width: 65%; } +.sheet-width70, .sheet-rolltemplate-openLegend .sheet-width70 { width: 70%; } +.sheet-width75, .sheet-rolltemplate-openLegend .sheet-width75 { width: 75%; } +.sheet-width80, .sheet-rolltemplate-openLegend .sheet-width80 { width: 80%; } +.sheet-width85, .sheet-rolltemplate-openLegend .sheet-width85 { width: 85%; } +.sheet-width90, .sheet-rolltemplate-openLegend .sheet-width90 { width: 90%; } +.sheet-width95, .sheet-rolltemplate-openLegend .sheet-width95 { width: 95%; } +.sheet-width100, .sheet-rolltemplate-openLegend .sheet-width100 { width: 100%; } +.sheet-width1of3, .sheet-width2of6, .sheet-rolltemplate-openLegend .sheet-width1of3, .sheet-rolltemplate-openLegend .sheet-width2of6 { width: 33.33333%; } +.sheet-width2of3, .sheet-width4of6, .sheet-rolltemplate-openLegend .sheet-width4of6, .sheet-rolltemplate-openLegend .sheet-width4of6 { width: 66.66667%; } +.sheet-width1of6, .sheet-rolltemplate-openLegend .sheet-width1of6 { width: 16.66667%; } +.sheet-width5of6, .sheet-rolltemplate-openLegend .sheet-width5of6 { width: 83.33333%; } +.sheet-width1of8, .sheet-rolltemplate-openLegend .sheet-width1of8 { width: 12.5%; } +.sheet-width3of8, .sheet-rolltemplate-openLegend .sheet-width3of8 { width: 37.5%; } +.sheet-width5of8, .sheet-rolltemplate-openLegend .sheet-width5of8 { width: 62.5%; } +.sheet-width7of8, .sheet-rolltemplate-openLegend .sheet-width7of8 { width: 87.5%; } .sheet-width165 { width: 165px; } .sheet-width275 { width: 275px; } .sheet-width825 { width: 825px; } -.sheet-height5, .sheet-rolltemplate-openLegends .sheet-height5 { height: 5px; } -.sheet-height10, .sheet-rolltemplate-openLegends .sheet-height10 { height: 10px; } -.sheet-height15, .sheet-rolltemplate-openLegends .sheet-height15 { height: 15px; } -.sheet-height25, .sheet-rolltemplate-openLegends .sheet-height25 { height: 25px; } -.sheet-height50, .sheet-rolltemplate-openLegends .sheet-height50 { height: 50px; } -.sheet-height75, .sheet-rolltemplate-openLegends .sheet-height75 { height: 75px; } -.sheet-height80, .sheet-rolltemplate-openLegends .sheet-height80 { height: 80px; } -.sheet-height100, .sheet-rolltemplate-openLegends .sheet-height100 { height: 100px; } -.sheet-height150, .sheet-rolltemplate-openLegends .sheet-height150 { height: 150px; } +.sheet-height5, .sheet-rolltemplate-openLegend .sheet-height5 { height: 5px; } +.sheet-height10, .sheet-rolltemplate-openLegend .sheet-height10 { height: 10px; } +.sheet-height15, .sheet-rolltemplate-openLegend .sheet-height15 { height: 15px; } +.sheet-height25, .sheet-rolltemplate-openLegend .sheet-height25 { height: 25px; } +.sheet-height50, .sheet-rolltemplate-openLegend .sheet-height50 { height: 50px; } +.sheet-height75, .sheet-rolltemplate-openLegend .sheet-height75 { height: 75px; } +.sheet-height80, .sheet-rolltemplate-openLegend .sheet-height80 { height: 80px; } +.sheet-height100, .sheet-rolltemplate-openLegend .sheet-height100 { height: 100px; } +.sheet-height150, .sheet-rolltemplate-openLegend .sheet-height150 { height: 150px; } /* All the color options for background & text * Colors: black, silver, gray/grey, white, red, navy, aqua, * purple, blue, teal, olive, green, lime, yellow, orange, maroon, fuchsia * text[Colorname] for text version */ -.sheet-black, .sheet-rolltemplate-openLegends .sheet-black { +.sheet-black, .sheet-rolltemplate-openLegend .sheet-black { background-color: #111111; color: #FFFFFF; } -.sheet-textBlack, .sheet-rolltemplate-openLegends .sheet-textBlack { +.sheet-textBlack, .sheet-rolltemplate-openLegend .sheet-textBlack { color: #111111;; } -.sheet-silver, .sheet-rolltemplate-openLegends .sheet-silver { +.sheet-silver, .sheet-rolltemplate-openLegend .sheet-silver { background-color: #DDDDDD; color: #111111; } -.sheet-textSilver, .sheet-rolltemplate-openLegends .sheet-textSilver { +.sheet-textSilver, .sheet-rolltemplate-openLegend .sheet-textSilver { color: #DDDDDD; } -.sheet-gray, .sheet-grey, .sheet-rolltemplate-openLegends .sheet-gray, .sheet-rolltemplate-openLegends .sheet-grey { +.sheet-gray, .sheet-grey, .sheet-rolltemplate-openLegend .sheet-gray, .sheet-rolltemplate-openLegend .sheet-grey { background-color: #AAAAAA; color: #111111; } -.sheet-textGray, .sheet-textGrey, .sheet-rolltemplate-openLegends .sheet-textGray, .sheet-rolltemplate-openLegends .sheet-textGrey { +.sheet-textGray, .sheet-textGrey, .sheet-rolltemplate-openLegend .sheet-textGray, .sheet-rolltemplate-openLegend .sheet-textGrey { color: #AAAAAA; } -.sheet-white, .sheet-rolltemplate-openLegends .sheet-white { +.sheet-white, .sheet-rolltemplate-openLegend .sheet-white { background-color: #FFFFFF; color: #111111; } -.sheet-textWhite, .sheet-rolltemplate-openLegends .sheet-textWhite { +.sheet-textWhite, .sheet-rolltemplate-openLegend .sheet-textWhite { color: #FFFFFF; } -.sheet-red, .sheet-rolltemplate-openLegends .sheet-red { +.sheet-red, .sheet-rolltemplate-openLegend .sheet-red { background-color: #FF4136; color: #FFFFFF; } -.sheet-textRed, .sheet-rolltemplate-openLegends .sheet-textRed { +.sheet-textRed, .sheet-rolltemplate-openLegend .sheet-textRed { color: #FF4136; } -.sheet-navy, .sheet-rolltemplate-openLegends .sheet-navy { +.sheet-navy, .sheet-rolltemplate-openLegend .sheet-navy { background-color: #001F3F; color: #FFFFFF; } -.sheet-textNavy, .sheet-rolltemplate-openLegends .sheet-textNavy { +.sheet-textNavy, .sheet-rolltemplate-openLegend .sheet-textNavy { color: #001F3F; } -.sheet-aqua, .sheet-rolltemplate-openLegends .sheet-aqua { +.sheet-aqua, .sheet-rolltemplate-openLegend .sheet-aqua { background-color: #7FDBFF; color: #111111; } -.sheet-textAqua, .sheet-rolltemplate-openLegends .sheet-textAqua { +.sheet-textAqua, .sheet-rolltemplate-openLegend .sheet-textAqua { color: #7FDBFF;; } -.sheet-purple, .sheet-rolltemplate-openLegends .sheet-purple { +.sheet-purple, .sheet-rolltemplate-openLegend .sheet-purple { background-color: #B10DC9; color: #FFFFFF; } -.sheet-textPurple, .sheet-rolltemplate-openLegends .sheet-textPurple { +.sheet-textPurple, .sheet-rolltemplate-openLegend .sheet-textPurple { color: #B10DC9; } -.sheet-blue, .sheet-rolltemplate-openLegends .sheet-blue { +.sheet-blue, .sheet-rolltemplate-openLegend .sheet-blue { background-color: #0074D9; color: #FFFFFF; } -.sheet-textBlue, .sheet-rolltemplate-openLegends .sheet-textBlue { +.sheet-textBlue, .sheet-rolltemplate-openLegend .sheet-textBlue { color: #0074D9; } -.sheet-teal, .sheet-rolltemplate-openLegends .sheet-teal { +.sheet-teal, .sheet-rolltemplate-openLegend .sheet-teal { background-color: #39CCCC; color: #111111; } -.sheet-textTeal, .sheet-rolltemplate-openLegends .sheet-textTeal { +.sheet-textTeal, .sheet-rolltemplate-openLegend .sheet-textTeal { color: #39CCCC; } -.sheet-olive, .sheet-rolltemplate-openLegends .sheet-olive { +.sheet-olive, .sheet-rolltemplate-openLegend .sheet-olive { background-color: #3D9970; color: #111111; } -.sheet-textOlive, .sheet-rolltemplate-openLegends .sheet-textOlive { +.sheet-textOlive, .sheet-rolltemplate-openLegend .sheet-textOlive { color: #3D9970; } -.sheet-green, .sheet-rolltemplate-openLegends .sheet-green { +.sheet-green, .sheet-rolltemplate-openLegend .sheet-green { background-color: #2ECC40; color: #111111; } -.sheet-textGreen, .sheet-rolltemplate-openLegends .sheet-textGreen { +.sheet-textGreen, .sheet-rolltemplate-openLegend .sheet-textGreen { color: #2ECC40; } -.sheet-lime, .sheet-rolltemplate-openLegends .sheet-lime { +.sheet-lime, .sheet-rolltemplate-openLegend .sheet-lime { background-color: #01FF70; color: #111111; } -.sheet-textLime, .sheet-rolltemplate-openLegends .sheet-textLime { +.sheet-textLime, .sheet-rolltemplate-openLegend .sheet-textLime { color: #01FF70; } -.sheet-yellow, .sheet-rolltemplate-openLegends .sheet-yellow { +.sheet-yellow, .sheet-rolltemplate-openLegend .sheet-yellow { background-color: #FFDC00; color: #111111; } -.sheet-textYellow, .sheet-rolltemplate-openLegends .sheet-textYellow { +.sheet-textYellow, .sheet-rolltemplate-openLegend .sheet-textYellow { color: #FFDC00; } -.sheet-orange, .sheet-rolltemplate-openLegends .sheet-orange { +.sheet-orange, .sheet-rolltemplate-openLegend .sheet-orange { background-color: #FF851B; color: #111111; } -.sheet-textOrange, .sheet-rolltemplate-openLegends .sheet-textOrange { +.sheet-textOrange, .sheet-rolltemplate-openLegend .sheet-textOrange { color: #FF851B; } -.sheet-maroon, .sheet-rolltemplate-openLegends .sheet-maroon { +.sheet-maroon, .sheet-rolltemplate-openLegend .sheet-maroon { background-color: #85144b; color: #FFFFFF; } -.sheet-textMaroon, .sheet-rolltemplate-openLegends .sheet-textMaroon { +.sheet-textMaroon, .sheet-rolltemplate-openLegend .sheet-textMaroon { color: #85144b; } -.sheet-fuchsia, .sheet-rolltemplate-openLegends .sheet-fuchsia { +.sheet-fuchsia, .sheet-rolltemplate-openLegend .sheet-fuchsia { background-color: #F012BE; color: #FFFFFF; } -.sheet-textFuchsia, .sheet-rolltemplate-openLegends .sheet-textFuchsia { +.sheet-textFuchsia, .sheet-rolltemplate-openLegend .sheet-textFuchsia { color: #F012BE; } /* Roll Template Specific formatting */ -.sheet-rolltemplate-openLegends .sheet-rollContainer { +.sheet-rolltemplate-openLegend .sheet-rollContainer { position: relative; width: 100%; height: 100%; @@ -766,6 +795,6 @@ input.sheet-checks25 { border-radius: 5px; } -.sheet-rolltemplate-openLegends .sheet-row:nth-child(even) { +.sheet-rolltemplate-openLegend .sheet-row:nth-child(even) { background-color: rgba(61,153,112,0.1); /* Olive color at 10% transparent */ } \ No newline at end of file diff --git a/Open Legend Basic by Great Moustache/Open Legend.html b/Open Legend Basic by Great Moustache/Open Legend.html index f734371cb8..792df7b4da 100644 --- a/Open Legend Basic by Great Moustache/Open Legend.html +++ b/Open Legend Basic by Great Moustache/Open Legend.html @@ -2714,7 +2714,7 @@ var TAS = TAS || (function(){
y
-
+
Name:
@@ -3269,5 +3269,57 @@ var TAS = TAS || (function(){
- + + +
+ +
+ +
+
{{title}}
+ + {{#subTitle}} +
{{subTitle}}{{#subTitleAdd}} • {{subTitleAdd}}{{/subTitleAdd}}
+ {{/subTitle}} + + {{#subTitle2}} +
{{subTitle2}}{{#subTitle2Add}} • {{subTitle2Add}}{{/subTitle2Add}}
+ {{/subTitle2}} + + {{#subTitle2}} +
{{subTitle2}}{{#subTitle2Add}} • {{subTitle2Add}}{{/subTitle2Add}}
+ {{/subTitle2}} +
+ + {{#emote}} +
+
{{emote}}
+
+ {{/emote}} + + {{#target}} +
+
{{roll}}
+
vs
+
{{target}}
+
+ {{/target}} + + {{^target}} +
+
{{roll}}
+
Total Roll
+
+ {{/target}} + + {{#description}} +
+
Description/Flavor Text
+
{{description}}
+
+ {{/description}} +
+ +
+
\ No newline at end of file diff --git a/Open Legend Basic by Great Moustache/ReadMe.md b/Open Legend Basic by Great Moustache/ReadMe.md index 9c50124403..2fcde7cb28 100644 --- a/Open Legend Basic by Great Moustache/ReadMe.md +++ b/Open Legend Basic by Great Moustache/ReadMe.md @@ -5,6 +5,10 @@ ### Changelog +### 1.6.0 on 2016 November 28th +* Added graphics for the roll/chat window + - Updated buttons for rolling to use the new template "openLegend" + ### 1.5.1 on 2016 November 25th * Changed the code for Toughness - Uncommented the relvent code, and deleted the old