Open Legend: Updated Roll/Chat window Graphic with Roll Template
### 1.6.0 on 2016 November 28th * Added graphics for the roll/chat window - Updated buttons for rolling to use the new template "openLegend"
This commit is contained in:
BuildAndDie
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
@@ -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 */
|
||||
}
|
||||
@@ -2714,7 +2714,7 @@ var TAS = TAS || (function(){
|
||||
<fieldset class="repeating_actions">
|
||||
<div class="row"> <!-- Fix for Mozilla squishing +Add & Modify buttons -->
|
||||
<div class="width15 inlineBlock vertTop padLeft"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
|
||||
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{action_name}}} {{char= @{character_name}}} {{using= @{action_attribute}}} {{vs= @{action_target}}} {{roll= @{dice_roll}}} {{Description= @{action_special}}}"><input type="text" style="text-align: center;" name="attr_action_name" /></button></div>
|
||||
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:openLegend} {{title= @{action_name}}} {{subTitle= @{character_name}}} {{subTitleAdd= @{action_attribute}}} {{target= @{action_target}}} {{roll= @{dice_roll}}} {{description= @{action_special}}}"><input type="text" style="text-align: center;" name="attr_action_name" /></button></div>
|
||||
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
|
||||
<div class="width100 displaySettings padLeft">
|
||||
<div class="column width25 inlineBlock bold">Name: </div>
|
||||
@@ -3269,5 +3269,57 @@ var TAS = TAS || (function(){
|
||||
</div>
|
||||
<!-- End Main body of Character Sheet -->
|
||||
<!-- Roll Templates Area -->
|
||||
|
||||
<rolltemplate class="sheet-rolltemplate-openLegend">
|
||||
<!-- Top of scroll graphic -->
|
||||
<div class="rollTop"></div>
|
||||
<!-- Middle of scroll graphic -->
|
||||
<div class="rollMiddle padLeft padRight">
|
||||
<!-- Display the title given -->
|
||||
<div class="row padBottom">
|
||||
<div class="column textLarger bolder">{{title}}</div>
|
||||
<!-- Display any sub title given -->
|
||||
{{#subTitle}}
|
||||
<div class="column textLarge italic">{{subTitle}}{{#subTitleAdd}} • {{subTitleAdd}}{{/subTitleAdd}}</div>
|
||||
{{/subTitle}}
|
||||
<!-- Display any sub title given -->
|
||||
{{#subTitle2}}
|
||||
<div class="column textLarge italic">{{subTitle2}}{{#subTitle2Add}} • {{subTitle2Add}}{{/subTitle2Add}}</div>
|
||||
{{/subTitle2}}
|
||||
<!-- Display any sub title given -->
|
||||
{{#subTitle2}}
|
||||
<div class="column textLarge italic">{{subTitle2}}{{#subTitle2Add}} • {{subTitle2Add}}{{/subTitle2Add}}</div>
|
||||
{{/subTitle2}}
|
||||
</div>
|
||||
<!-- Display emote if provided -->
|
||||
{{#emote}}
|
||||
<div class="row">
|
||||
<div class="column width95 inlineBlock borderAllDotted borderRound">{{emote}}</div>
|
||||
</div>
|
||||
{{/emote}}
|
||||
<!-- Display target plus the roll if target given -->
|
||||
{{#target}}
|
||||
<div class="row">
|
||||
<div class="column width30 inlineBlock">{{roll}}</div>
|
||||
<div class="column width10 inlineBlock">vs</div>
|
||||
<div class="column width60 inlineBlock">{{target}}</div>
|
||||
</div>
|
||||
{{/target}}
|
||||
<!-- Display just the roll if no target given -->
|
||||
{{^target}}
|
||||
<div class="row">
|
||||
<div class="column width1of3 inlineBlock borderRight">{{roll}}</div>
|
||||
<div class="column width2of3 inlineBlock borderLeft">Total Roll</div>
|
||||
</div>
|
||||
{{/target}}
|
||||
<!-- Display description if provided -->
|
||||
{{#description}}
|
||||
<div class="row">
|
||||
<div class="column inlineBlock bold borderBottom">Description/Flavor Text</div>
|
||||
<div class="column inlineBlock borderAllDotted borderRound">{{description}}</div>
|
||||
</div>
|
||||
{{/description}}
|
||||
</div>
|
||||
<!-- Bottom of scroll graphic -->
|
||||
<div class="rollBottom"></div>
|
||||
</rolltemplate>
|
||||
<!-- End Roll Templates Area -->
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user