div, button, textarea, span, input, select, table, tr, td, th{ box-sizing: border-box; } table{ width: 100%; } td{ text-align: center; vertical-align: middle; } div{ margin: none; padding: none; background-color: transparent; /* border: solid 1px red; */ } div.sheet-bgmain{ position: relative; width: 832px; min-height: 1177px; text-align:center; font-family: cursive; background-image: url('https://raw.githubusercontent.com/NathaTerrien/roll20-wip/master/Antika/antika_bg_832px.jpg'); background-repeat:no-repeat; background-position:center center; background-size: cover; } div.sheet-absinp{ position: absolute; } input, textarea{ background-color: rgba(255,235,160,0.3); /* FFEBA0 */ display: inline-block; padding: 0; margin: 0; font-family: 'Patrick Hand',cursive; color: #4A3428; border: none; box-shadow: none; border-radius:0; resize:none; } textarea{ font-size: 16px; } input.sheet-inptxt{ padding-left: 2px; line-height: 14px; font-size: 16px; } input.sheet-inptxtbig{ line-height: 18px; font-size: 18px; font-weight: bold; text-align: center; } input.sheet-inptxtsmall{ line-height: 14px; font-size: 14px; } input.sheet-inpnum{ line-height: 14px; font-size: 16px; text-align: right; max-width: 40px; } input.sheet-inpnumcomp{ line-height: 14px; font-size: 16px; text-align: center; max-width: 27px; } input.sheet-inpnumcomp { -moz-appearance: textfield; } input.sheet-inpnumcomp::-webkit-inner-spin-button, input.sheet-inpnumcomp::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } input.sheet-inpnumsmall{ line-height: 13px; font-size: 13px; text-align: right; } input[disabled], input[readonly] { -moz-appearance: textfield; } input.sheet-inpnumrond{ line-height: 30px; font-size: 30px; text-align: center; min-width: 60px; min-height: 60px; max-width: 60px; max-height: 60px; border-radius: 30px; font-weight: bold; } input.sheet-inpnumrond { -moz-appearance: textfield; } input.sheet-inpnumrond::-webkit-inner-spin-button, input.sheet-inpnumrond::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } input[disabled], input[readonly] { -moz-appearance: textfield; } input[type=number]:disabled::-webkit-inner-spin-button, input[type=number]:disabled::-webkit-outer-spin-button, input[type=number]:read-only::-webkit-inner-spin-button, input[type=number]:read-only::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } input[type=radio].sheet-falseradio{ min-width: 24px; opacity: 0; min-height: 24px; z-index: 10; } input[type=radio].sheet-falseradio + span{ display: inline-block; text-align: center; padding: 0; margin: 0; margin-left: -24px; width: 24px; max-width: 24px; min-height: 24px; z-index: 1; border: none; border-radius: 50%; } input[type=radio].sheet-falseradio:hover + span{ border: 2px solid red; } input[type=radio].sheet-falseradio:checked + span{ border-bottom: 3px solid #4A3428; border-top: 3px solid #4A3428; } /* BOUTONS */ button[type=roll].sheet-rolld10{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; text-shadow: none !important; box-shadow: none !important; text-align:center; font-weight: normal; line-height: 24px; max-height:24px; background: transparent !important; border: none; z-index: 10; } button[type=roll].sheet-rolld10:before{ background-color: transparent !important; text-shadow: none !important; box-shadow: none !important; font-family: "dicefontd10"; font-size: 30px; font-weight:bold; content: "k" !important; vertical-align: top !important; } button[type=roll].sheet-rolld10:hover{ background-color: rgba(255,255,255,0.5); color:red; z-index: 99; border-bottom: 2px solid red; } button[type=roll].sheet-rolld10:hover:before{ font-weight:bold; } /* TEMPLATE */ .sheet-rolltemplate-jet div{ margin: 0px !important; padding: 0px !important; width: 195px; border: 20px solid transparent; border-image: url(https://raw.githubusercontent.com/NathaTerrien/roll20-wip/master/Antika/antika_bg_table_280px.png); border-image-slice: 20; border-image-repeat: round; background-color: transparent; } .sheet-rolltemplate-jet table{ margin: 0px !important; padding: 0px !important; border: none; width:100%; background-image:url('https://raw.githubusercontent.com/NathaTerrien/roll20-wip/master/Antika/antika_bg_table.jpg'); background-size:cover; background-origin: border-box; } .sheet-rolltemplate-jet th{ padding: 2px 0px 0px 0px; font-weight: bold; text-align: center; font-family: 'Contrail One'; color: black; font-size: 16px; } .sheet-rolltemplate-jet td{ padding: 2px 40px 0px 0px; text-align: right; } .sheet-rolltemplate-jet td.sheet-perso{ padding: 2px 0px 0px 0px; font-weight: bold; text-align: center; font-family: 'Contrail One'; color: #4A3428; font-size: 16px; font-style: italic; } .sheet-rolltemplate-jet td.sheet-subheader{ padding: 2px 0px 0px 0px; font-style: italic; text-align: center; font-size: 12px; } .sheet-rolltemplate-jet td.sheet-tcat{ padding: 2px 0px 0px 40px; text-align: left; }