roll20-character-sheets-tester/Trollbabe/trollbabe.css

/* banner: https://i.imgur.com/V7EAooT.jpg
   logo: https://i.imgur.com/Ezf4uJI.png
*/
body {
    margin: 20px;
  }
  
  .sheet-font {
      font-family: Georgia, serif;
  }
  
  .sheet-underline {
      text-decoration:underline;
  }
  input {
      font-size:1.2em;
  }
  .sheet-wrapper {
    display: grid;
    grid-template-columns: 130px 130px 100px 100px 130px 100px;
    grid-template-rows: auto 2em auto auto auto; 
    grid-gap: 10px;
    /* background-color: #fff;
    color: #444; */
  }
  .sheet-box {
    /* background-color: #444;
    color: #fff;  */
    border: 1px solid gray;
    border-radius: 5px; 
    padding: 10px;
    font-size: 130%;
  }
  
  .sheet-name {
      grid-column: 1 / 4;
      grid-row: 1;
  }
  
  .sheet-logo {
      border:0;
      grid-column: 4 / 7;
      grid-row: 1;
  }
  
  .sheet-number-heading {
      border:0;
      grid-column: 1 / 2;
      grid-row: 2;
  }
  
  label.sheet-number-label {
      text-align:center;
      /* margin-left:-15px;
      margin-top:-10px; */
  }
  input[type=number].sheet-number-input {
      font-weight:bolder;
      font-size:80px;
      text-align:center;
      width:100px;
      margin-top:0px;
      margin-left:10px;
      padding-bottom:15px;
  }
  
  .sheet-number {
      grid-column: 1 / 2;
      grid-row: 3;
      border:3px solid black;
      border-radius: 5px;
      
  }
  
  .sheet-stats {
      grid-column: 2 / 7;
      grid-row: 2 / 4;
  }
  
  .sheet-rerolls {
      grid-column: 1 / 3;
      grid-row: 4;
  }
  .sheet-relationships {
      grid-column: 1 / 3;
      grid-row: 5;
  }
  .sheet-health {
      grid-column: 3 / 5;
      grid-row: 4;
  }
  .sheet-equipment {
      grid-column: 5 / 7;
      grid-row: 4;
  }
  .sheet-notes {
      grid-column: 3 / 7;
      grid-row: 5;
  }
  
  input[type=text].sheet-stats-range {
      font-weight:bolder;
      font-size:1.5em;
      width: 4em;
      text-align:center;
  }
  
  input.sheet-stats-specialty {
      width:16em;
  }
  input[type=checkbox] {
      vertical-align:top;
  }
  label.sheet-rerolls {
      margin-top:5px;
      margin-left:5px;
  }
  input[type=checkbox].sheet-relationships {
      vertical-align:middle;
  }
  input[type=text].sheet-relationships {
      vertical-align:middle;
      width:11em;
  }
  input[type=text].sheet-names {
      width:13em;
  }
  input[type=radio].sheet-health {
      vertical-align:top;
  }
  
  .sheet-stats-button {
      margin-top:-8px !important;
  }
  .sheet-banner {
      width:735px;    
  }
  .sheet-logo {
      width:auto;
      padding-bottom:0;
  }
  
  textarea.sheet-notes {
      width:97%;
      height:70%;
      font-size:1em;
  }
  textarea.sheet-equipment {
      width:95%;
      height:80%;
      font-size:1em;
  }
  
  td.sheet-center {
      text-align:center;
  }
  
  .sheet-rolltemplate-Trollbabe table {
      width: 199px;
      padding: 2px;
      border: 1px solid rgb(126, 45, 64);
      background-color: #ffffff;
  }
  
  .sheet-rolltemplate-Trollbabe th {
      color: rgb(126, 45, 64);
      line-height: 1.5em;
      font-size: 1.5em;
      text-align: center;
      font-family: Georgia, serif;
      font-variant: small-caps;
  
  }
  
  .sheet-rolltemplate-Trollbabe .sheet-subheader {
      color: #ffffff;
      background-color:rgb(126, 45, 64);
      font-size: 1.5em;
      line-height: 1.5em;
      text-align: center;
      font-family: Georgia, serif;
      font-variant: small-caps;
  }
  
  .sheet-rolltemplate-Trollbabe .sheet-roll {
      text-align:right;
  }
  
  .sheet-rolltemplate-Trollbabe .sheet-result {
      text-align:left;
      color: rgb(126, 45, 64);
  }
  .sheet-rolltemplate-Trollbabe .sheet-cell {
      font-family: Georgia, serif;
      font-variant: small-caps;
      line-height:1.5em;
      font-size: 1.5em;
      padding-bottom:5px;
  }
  
  .sheet-rolltemplate-Trollbabe .sheet-roll-success {
      color:green;
      font-weight:bold;
  }
  
  .sheet-rolltemplate-Trollbabe .sheet-roll-failure {
      color:red;
      font-weight:bold;
      
  }