.charsheet{ width: 1000px; } .sheet-main-container { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(16, max-content); background-image: url(https://user-images.githubusercontent.com/5252033/104818786-34fd4a00-5843-11eb-900c-6c25f2ee9cf9.png), url(https://user-images.githubusercontent.com/5252033/104773193-1b4dfb00-578e-11eb-8ff6-1054233517e2.jpg); background-position: center, left top; background-repeat: no-repeat, repeat; background-size: 50%, auto; } .sheet-attr-line { display: grid; grid-template-columns: repeat(3, 1fr); } .sheet-input-attribute { display: grid; grid-template-columns: max-content auto max-content; grid-template-rows: 1fr; } .sheet-weaponlist-item { display: grid; grid-template-columns: 1fr auto auto 1fr; grid-template-rows: 1fr; } .sheet-gearlist-item { display: grid; grid-template-columns: 1fr 56px 1fr; grid-template-rows: 1fr; } .sheet-weaponlist-header { display: grid; grid-template-columns: 1fr 56px 1fr; grid-template-rows: 1fr; } .sheet-weaponlist-header-filled { border-left: 1px dotted; border-bottom: 1px dotted; } .sheet-weaponlist-header-empty { border-bottom: 1px dotted; } .sheet-attr-input { width: 100%; } hr { border: 1px dotted; } h1,h2 { text-align: center; } label { vertical-align: middle; } .sheet-rolltemplate-customcheck { background-image:url(https://user-images.githubusercontent.com/5252033/104773193-1b4dfb00-578e-11eb-8ff6-1054233517e2.jpg); text-align: center; } .sheet-rolltemplate-customcheck span.sheet-rollfail { color:#990000; } .sheet-rolltemplate-customcheck span.sheet-rollsuccess { color:#009900; } .sheet-rolltemplate-customcheck .inlinerollresult, .sheet-rolltemplate-customcheck .inlinerollresult.fullfail, .sheet-rolltemplate-customcheck .inlinerollresult.fullcrit, .sheet-rolltemplate-customcheck .inlinerollresult.importantroll { background-color: transparent; border: none; color:black; } .repcontainer[data-groupname="repeating_weaponlist"] { width: 100%; } .repcontainer[data-groupname="repeating_gearlist"] { width: 100%; } .repcontainer[data-groupname="repeating_stuff"] { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto-fill, max-content); } .sheet-weaponname { width:100%; } .sheet-weaponattrs{ width:100%; } .sheet-gear{ width:100%; } .sheet-weapondice { width: 25px; text-align: center; }