/*/ Styles for 2ESheet rolltemplates /*/ /*#region Styles common to all 2E Templates */ .sheet-rolltemplate-2Edefault div.sheet-template-container, .sheet-rolltemplate-2Eattack div.sheet-template-container, .sheet-rolltemplate-2Espell div.sheet-template-container, .sheet-rolltemplate-2Eprotscroll div.sheet-template-container, .sheet-rolltemplate-2Echeck div.sheet-template-container, .sheet-rolltemplate-2Einversecheck div.sheet-template-container, .sheet-rolltemplate-2Egrenademiss div.sheet-template-container, .sheet-rolltemplate-2Esave div.sheet-template-container { border: none; text-align: left; } .sheet-rolltemplate-2Edefault table, .sheet-rolltemplate-2Eattack table, .sheet-rolltemplate-2Espell table, .sheet-rolltemplate-2Eprotscroll table, .sheet-rolltemplate-2Echeck table, .sheet-rolltemplate-2Einversecheck table, .sheet-rolltemplate-2Egrenademiss table, .sheet-rolltemplate-2Esave table { width: 100%; } .sheet-rolltemplate-darkmode .inlinerollresult { color: rgb(255, 171, 0); } /*#endregion */ /*#region Styles common to all 2E Template Headers */ .sheet-rolltemplate-2Edefault th, .sheet-rolltemplate-2Eattack th, .sheet-rolltemplate-2Espell th, .sheet-rolltemplate-2Eprotscroll th, .sheet-rolltemplate-2Echeck th, .sheet-rolltemplate-2Einversecheck th, .sheet-rolltemplate-2Egrenademiss th, .sheet-rolltemplate-2Esave th { font-size: 12pt; font-weight: bold; font-family: "verdana", "tahoma", "ariel", sans-serif; text-align: center; color: white; border: none; padding: 2px; margin: 0; background-color: transparent; } .sheet-rolltemplate-2Edefault tr:nth-child(n+2) th, .sheet-rolltemplate-2Eattack tr:nth-child(n+2) th, .sheet-rolltemplate-2Espell tr:nth-child(n+2) th, .sheet-rolltemplate-2Eprotscroll tr:nth-child(n+2) th, .sheet-rolltemplate-2Echeck tr:nth-child(n+2) th, .sheet-rolltemplate-2Einversecheck tr:nth-child(n+2) th, .sheet-rolltemplate-2Egrenademiss tr:nth-child(n+2) th, .sheet-rolltemplate-2Esave tr:nth-child(n+2) th { font-size: 8pt; font-weight: normal; font-style: italic; padding: 1px; } .sheet-rolltemplate-2Edefault div.sheet-template-head, .sheet-rolltemplate-2Eattack div.sheet-template-head, .sheet-rolltemplate-2Espell div.sheet-template-head, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head, .sheet-rolltemplate-2Echeck div.sheet-template-head, .sheet-rolltemplate-2Einversecheck div.sheet-template-head, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head, .sheet-rolltemplate-2Esave div.sheet-template-head { border: 1px solid #000000; border-top-right-radius: 8px; border-top-left-radius: 8px; padding: 5px 3px 3px; margin-bottom: 0; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-red, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-red { background: #a01616; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-yellow, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-yellow { background: #cdcd00; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-blue, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-blue { background: #06aedc; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-dark-blue, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-dark-blue { background: #1f2354; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-green, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-green { background: #093a01; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-orange, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-orange { background: #e67e22; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-gray, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-gray { background: #7f8c8d; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-brown, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-brown { background: #935116; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-purple, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-purple { background: #bb07d8; } .sheet-rolltemplate-2Edefault div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Eattack div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Espell div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Echeck div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Einversecheck div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Egrenademiss div.sheet-template-head.sheet-dark-purple, .sheet-rolltemplate-2Esave div.sheet-template-head.sheet-dark-purple { background: #512E5F; } /*#endregion*/ /*#region Styles common to all 2E Template Bodies*/ .sheet-rolltemplate-2Edefault .sheet-template-body table, .sheet-rolltemplate-2Eattack .sheet-template-body table, .sheet-rolltemplate-2Espell .sheet-template-body table, .sheet-rolltemplate-2Eprotscroll .sheet-template-body table, .sheet-rolltemplate-2Echeck .sheet-template-body table, .sheet-rolltemplate-2Einversecheck .sheet-template-body table, .sheet-rolltemplate-2Egrenademiss .sheet-template-body table, .sheet-rolltemplate-2Esave .sheet-template-body table { border: 1px solid black; } .sheet-rolltemplate-2Edefault div.sheet-template-body, .sheet-rolltemplate-2Eattack div.sheet-template-body, .sheet-rolltemplate-2Espell div.sheet-template-body, .sheet-rolltemplate-2Eprotscroll div.sheet-template-body, .sheet-rolltemplate-2Echeck div.sheet-template-body, .sheet-rolltemplate-2Einversecheck div.sheet-template-body, .sheet-rolltemplate-2Egrenademiss div.sheet-template-body, .sheet-rolltemplate-2Esave div.sheet-template-body { border: 1px solid black; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: #727272; padding: 4px; margin-top: -1px; } .sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Eprotscroll .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Einversecheck .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Egrenademiss .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(even) { background-color: #e0e0e0; } .sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Eprotscroll .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Einversecheck .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Egrenademiss .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(odd) { background-color: #f4f4f4; } /*#endregion*/ /*#region Styles for the 2Edefault Template /*/ .sheet-rolltemplate-2Edefault div.sheet-template-head { background: #093a01; } .sheet-rolltemplate-2Edefault .sheet-template-body td { border: 1px solid black; color: #000000; font-family: "verdana", sans-serif; padding: 4px; margin: 0; } .sheet-rolltemplate-2Edefault td.sheet-template-default-key { border-right: none; font-size: 9pt; font-weight: bold; text-align: center; text-transform: capitalize; } .sheet-rolltemplate-2Edefault td.sheet-template-default-value { border-left: none; font-size: 10pt; text-align: center; } .sheet-rolltemplate-2Edefault td.sheet-template-default-desc { font-size: 9pt; text-align: left; } /*#endregion*/ /*#region Styles for the 2Eattack Template /*/ .sheet-rolltemplate-2Eattack div.sheet-template-head { background: #a01616; } .sheet-rolltemplate-2Eattack td { padding: 5px; text-align: center; background-color: #f4f4f4; } .sheet-rolltemplate-2Eattack .sheet-template-body td { width: 33%; } .sheet-rolltemplate-2Eattack span.sheet-weapon-used { font-size: 10pt; font-style: italic; color: black; } .sheet-rolltemplate-2Eattack td.sheet-template-attack-image { position: relative; background-repeat: no-repeat; background-size: 50px 50px; background-position: center; height: 50px; } .sheet-rolltemplate-2Eattack td.sheet-template-attack-ac { background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD_2E_Revised/img/rolltemplate/ac.png"); } .sheet-rolltemplate-2Eattack td.sheet-template-attack-dmg { background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD_2E_Revised/img/rolltemplate/dmg.png"); } .sheet-rolltemplate-2Eattack span.sheet-attack-crit, .sheet-rolltemplate-2Eattack span.sheet-attack-fumble { font-size: 10pt; font-weight: normal; padding: 2px; } /*/ Inline Roll Styling for 2Eattack Template /*/ .sheet-rolltemplate-2Eattack .inlinerollresult { display: inline-block; font-size: 12pt; font-weight: bold; color: #000000; text-align: center; vertical-align: middle; border: none; background-color: white; } .sheet-rolltemplate-2Eattack .inlinerollresult.fullcrit { color: #093a01; border: none; } .sheet-rolltemplate-2Eattack .inlinerollresult.fullfail { color: #a01616; border: none; } .sheet-rolltemplate-2Eattack .inlinerollresult.importantroll { color: #000000; border: none; } /*#endregion*/ /*#region Styles for the 2Espell & 2Eprotscroll Template /*/ .sheet-rolltemplate-2Espell div.sheet-template-head, .sheet-rolltemplate-2Eprotscroll div.sheet-template-head { background: #1f2354; } .sheet-rolltemplate-2Espell td.sheet-spell-c1, .sheet-rolltemplate-2Eprotscroll td.sheet-spell-c1 { font-size: 10pt; color: #000000; text-align: center; font-family: "verdana", sans-serif; border: 1px solid black; padding: 4px; margin: 0; width: 50%; } .sheet-rolltemplate-2Espell span.sheet-spell-prop, .sheet-rolltemplate-2Eprotscroll span.sheet-spell-prop { font-size: 9pt; font-weight: bold; color: #000000; text-align: center; font-family: "verdana", sans-serif; } .sheet-rolltemplate-2Espell td.sheet-spell-c2, .sheet-rolltemplate-2Eprotscroll td.sheet-spell-c2 { font-size: 9pt; color: #000000; text-align: justify; font-family: "verdana", sans-serif; border: 1px solid black; padding: 3px; margin: 0; } /*/ Styles for the 2Espell optional table /*/ .sheet-rolltemplate-2Espell .sheet-template-body .sheet-spell-table { border: none; } .sheet-rolltemplate-2Espell .sheet-template-body .sheet-spell-table tr { background-color: transparent; } .sheet-rolltemplate-2Espell .sheet-spell-table td { text-align: left; vertical-align: top; min-width: 40px; } .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-fixed td, .sheet-rolltemplate-2Espell .sheet-spell-table td.sheet-spell-fixed, .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-fixed1 td:nth-child(1), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-fixed2 td:nth-child(2), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-fixed3 td:nth-child(3), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-fixed4 td:nth-child(4), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-fixed5 td:nth-child(5) { white-space: nowrap; } .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-min td, .sheet-rolltemplate-2Espell .sheet-spell-table td.sheet-spell-min, .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-min1 td:nth-child(1), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-min2 td:nth-child(2), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-min3 td:nth-child(3), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-min4 td:nth-child(4), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-min5 td:nth-child(5) { width: 1px; min-width: 20px; } .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-center td, .sheet-rolltemplate-2Espell .sheet-spell-table td.sheet-spell-center, .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-center1 td:nth-child(1), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-center2 td:nth-child(2), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-center3 td:nth-child(3), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-center4 td:nth-child(4), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-center5 td:nth-child(5) { text-align: center; } .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-justify td, .sheet-rolltemplate-2Espell .sheet-spell-table td.sheet-spell-justify, .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-justify1 td:nth-child(1), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-justify2 td:nth-child(2), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-justify3 td:nth-child(3), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-justify4 td:nth-child(4), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-justify5 td:nth-child(5){ text-align: justify; } .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-bottom td, .sheet-rolltemplate-2Espell .sheet-spell-table td.sheet-spell-bottom, .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-bottom1 td:nth-child(1), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-bottom2 td:nth-child(2), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-bottom3 td:nth-child(3), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-bottom4 td:nth-child(4), .sheet-rolltemplate-2Espell .sheet-spell-table.sheet-spell-bottom5 td:nth-child(5) { vertical-align: bottom; } /*#endregion*/ /*#region Styles for the 2Esave, 2Echeck, and 2Einversecheck Template /*/ .sheet-rolltemplate-2Esave div.sheet-template-head { background: #e67e22; } .sheet-rolltemplate-2Echeck div.sheet-template-head, .sheet-rolltemplate-2Einversecheck div.sheet-template-head { background: #512E5F; } .sheet-rolltemplate-2Esave .sheet-template-body td, .sheet-rolltemplate-2Echeck .sheet-template-body td, .sheet-rolltemplate-2Einversecheck .sheet-template-body td, .sheet-rolltemplate-2Egrenademiss .sheet-template-body td { font-size: 10pt; font-weight: bold; text-align: center; text-transform: capitalize; font-family: "verdana", sans-serif; border: none; padding: 4px; margin: 0; } .sheet-rolltemplate-2Esave td.sheet-save-c1, .sheet-rolltemplate-2Echeck td.sheet-check-c1, .sheet-rolltemplate-2Einversecheck td.sheet-check-c1 { width: 50%; } .sheet-rolltemplate-2Esave td.sheet-save-c2, .sheet-rolltemplate-2Echeck td.sheet-check-c2, .sheet-rolltemplate-2Einversecheck td.sheet-check-c2, .sheet-rolltemplate-2Egrenademiss td.sheet-grenade-c2 { font-size: 10pt; } .sheet-rolltemplate-2Eattack .sheet-template-body .sheet-template-result, .sheet-rolltemplate-2Esave .sheet-template-body .sheet-template-result, .sheet-rolltemplate-2Echeck .sheet-template-body .sheet-template-result, .sheet-rolltemplate-2Einversecheck .sheet-template-body .sheet-template-result, .sheet-rolltemplate-2Egrenademiss .sheet-template-body .sheet-template-result { border: none; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana", "tahoma", "ariel", sans-serif; text-align: center; color: #ffffff; padding: 4px; margin: 0; } .sheet-rolltemplate-2Eattack .sheet-template-success, .sheet-rolltemplate-2Esave .sheet-template-success, .sheet-rolltemplate-2Echeck .sheet-template-success, .sheet-rolltemplate-2Einversecheck .sheet-template-success, .sheet-rolltemplate-2Egrenademiss .sheet-template-success { background-color: #093a01; } .sheet-rolltemplate-2Eattack .sheet-template-failure, .sheet-rolltemplate-2Esave .sheet-template-failure, .sheet-rolltemplate-2Echeck .sheet-template-failure, .sheet-rolltemplate-2Einversecheck .sheet-template-failure, .sheet-rolltemplate-2Egrenademiss .sheet-template-failure { background-color: #a01616; } .sheet-rolltemplate-2Esave .sheet-template-info, .sheet-rolltemplate-2Echeck .sheet-template-info, .sheet-rolltemplate-2Einversecheck .sheet-template-info, .sheet-rolltemplate-2Egrenademiss .sheet-template-info { background-color: #001BB5; } /*#endregion*/ /*#region Styles for the 2Egrenade Template /*/ .sheet-rolltemplate-2Egrenademiss div.sheet-template-head { background: #B7A64E; } .sheet-rolltemplate-2Egrenademiss td.sheet-grenade-c1 { color: #000000; font-size: 9pt; } .sheet-rolltemplate-2Egrenademiss .sheet-hit-text { font-size: 10pt; } .sheet-rolltemplate-2Egrenademiss .sheet-miss-text { font-size: 8pt; } .sheet-rolltemplate-2Egrenademiss .sheet-ignore-inlineroll .inlinerollresult { background-color: inherit; border: inherit; color: #000000; padding: 0; font-weight: inherit; font-size: inherit; } /*#endregion*/