roll20-character-sheets-tester/Triumphant/triumphant_rpg.css

.charsheet {
  background-color: rgb(35,31,32);
  width: 850px;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.sheet-colrow, .sheet-2colrow, .sheet-3colrow, .sheet-t-die {
  background: rgb(255,255,255);
  background: linear-gradient(167deg, rgba(255,255,255,1) 45%, rgba(29,164,219,1) 60%);
  border: 2px solid rgb(36,63,142);
  padding: 5px;
  margin-bottom: 10px;
}
.sheet-info-t-dice div {
  display: inline-block;
}
.sheet-little-text {
  padding: 0px 5px;
  line-height: 1;
  font-style: italic;
}
div.sheet-3colrow.sheet-little-text > div.sheet-col {
  margin: 0px;
}
.sheet-t-die {
  vertical-align: top;
  text-align: center;
  margin: 5px 10px;
}
.sheet-t-die > button[type="roll"] {
  font-size: 6em;
  padding: 30px;
}

img {
	margin-bottom: 10px;
}

h2, h6 {
  background: rgb(235,166,142);
  border: 2px solid rgb(109,47,87);
  position: relative;
  left: -15px;
  padding-left: 5px;
}
h2 {
  width: 200px;
  top: -15px;
	font-size: 1.5em;
}
h6 {
  width: 190px;
  top: -5px;
  font-size: 0.9em;
  line-height: 1;
  margin-bottom: -3px;
}
label {
    display: inline-block;
}
.charsheet label {
  font-weight: normal;
}
.charsheet .sheet-header label,
.charsheet .sheet-info-t-dice label,
.charsheet label.sheet-subtitle,
.sheet-little-text span.sheet-subtitle {
  font-weight: bold;
}
.sheet-little-text span {
  font-size: 0.8em;
}

.charsheet input, .charsheet textarea, .charsheet select {
  margin-bottom: 10px;
}
input {
	display: inline-block;
	width: 165px;
}
input.sheet-notes {
  width: 395px;
}
input.sheet-powernotes {
  width: 470px;
}

select.sheet-dtype {
  width: 70px;
}
select.sheet-dtype-skill {
  width: 60px;
}

button[type="roll"]:not([name="roll_t_die"]) {
	margin-top: -5px !important;
}

input[type="hidden"][value="0"] + button[type="roll"],
input[type="hidden"][value=""] + button[type="roll"] {
  pointer-events: none;
}

textarea {
  resize: none;
}
textarea.sheet-benefits-limitis {
  width: 380px !important;
  height: 70px !important;
}

input:read-only {
  cursor: context-menu;
}

/* TABLA */
.sheet-div-table {
  width: 638px;
  border: 1px solid rgb(35,31,32);
  text-align: center;
  font-size: 1.2em;
}
.sheet-div-row, .sheet-head-row, .sheet-foot-row {
  display: table-row !important;
}
.sheet-head-row, .sheet-foot-row {
  color: rgb(255,255,255);
}
.sheet-head-row {
  background-color: rgb(36,63,142);
}
.sheet-div-row {
  background-color: rgb(255,255,255);
}
.sheet-foot-row {
  background-color: rgb(169,67,64);
}
.sheet-div-cell {
  float: left;
  display: table-column;
  width: 50px;
  border: 1px solid rgb(35,31,32);
}
.sheet-div-cell-big {
  width: 135px;
}

/* sizes */
.sheet-w0 {
	width: 0px !important;
}
.sheet-w70 {
	width: 70px !important;
}
.sheet-w88 {
	width: 88px !important;
}
.sheet-w90 {
	width: 90px !important;
}
.sheet-w100 {
	width: 100px !important;
}
.sheet-w140 {
	width: 140px !important;
}
.sheet-w190 {
	width: 190px !important;
}
.sheet-w170 {
	width: 170px !important;
}
.sheet-w200 {
	width: 200px !important;
}
.sheet-w225 {
	width: 225px !important;
}
.sheet-w640 {
  width: 640px !important;
}
.sheet-w810 {
  width:810px !important;
}

/* margins */
.sheet-mr10 {
	margin-right: 10px !important;
}
.sheet-mb10 {
  margin-bottom: 10px !important;
}

/* TEMPLATE */

/* Smaller margins - remove these if you want the huge default left margin */
.sheet-rolltemplate-custom,
.sheet-rolltemplate-triumphant-die {
  margin-left: -37px;
}
.withoutavatars .sheet-rolltemplate-custom,
.withoutavatars .sheet-rolltemplate-triumphant-die {
  margin-left: -7px;
}

.sheet-rolltemplate-custom .sheet-container,
.sheet-rolltemplate-triumphant-die .sheet-container {
  border: 1px solid;
  /* by default, the border is the same color as the header. You can change this here, e.g. to black */
  border-color: var(--header-bg-color);
}

/* Header formatting - title and subtitle */
.sheet-rolltemplate-custom .sheet-header,
.sheet-rolltemplate-triumphant-die .sheet-header {
  background-color: var(--header-bg-color);
  /* change text-align to center to center the header text */
  text-align: left;
  color: var(--header-text-color);
  padding: 5px;
}
.sheet-rolltemplate-custom .sheet-title,
.sheet-rolltemplate-triumphant-die .sheet-title {
  font-size:1.1em;
}
.sheet-rolltemplate-custom .sheet-subtitle {
  font-size:.9em;
}

/* example colors */
.sheet-rolltemplate-custom .sheet-container,
.sheet-rolltemplate-triumphant-die .sheet-container {
  /* this is the default color */
  --header-bg-color: rgba(112,32,130,1);
  --header-text-color: rgb(255,255,255);
}

/* Allprops part */
.sheet-rolltemplate-custom .sheet-content,
.sheet-rolltemplate-triumphant-die .sheet-content {
  display: grid;
  background: rgb(255,255,255);
  /* Header formatting - modify the column layout below */
  grid-template-columns: auto auto;
  /* Line height to match default roll template */
  line-height:1.4em;
}
.sheet-rolltemplate-custom .sheet-content > div,
.sheet-rolltemplate-triumphant-die .sheet-content > div {
  padding: 5px;
}

/* Left column */
.sheet-rolltemplate-custom .sheet-content .sheet-key,
.sheet-rolltemplate-triumphant-die .sheet-content .sheet-key {
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}

/* Make even-numbered rows grey */
.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-custom .sheet-content :nth-child(4n),
.sheet-rolltemplate-triumphant-die .sheet-desc {
  background: rgb(230,230,230);
}

/* Description fields */
.sheet-rolltemplate-custom .sheet-desc,
.sheet-rolltemplate-triumphant-die .sheet-desc {
  grid-column: span 2;
  padding: 5px;
  text-align: center;
}
.sheet-rolltemplate-triumphant-die .sheet-t-die-success {
  color: rgb(0,160,0);
}
.sheet-rolltemplate-triumphant-die .sheet-t-die-failure {
  color: rgb(255,0,0);
}