roll20-character-sheets/Godbound/css/Character.scss

.sheet-character {
  button[type=roll].sheet-blank-roll-button {
    width: 3.25em;
    height: 2em;
    margin-left: 0.75em;

    &::before {
      content: "";
    }

    input {
      position: relative;
      width: 2.5em;
      height: 1.25em;
      top: -20px;
    }
  }

  th {
    text-align: center;
  }

  textarea {
    height: 4em;
    max-width: 70%;
    min-width: 70%;
  }

  input[type=number] {
    text-align: right;
  }

  .sheet-input {
    .sheet-saves {
      height: 1.25em;
      width: 2.5em;
      margin: 0;
      padding: 0;
      margin-left: 0.75em;
    }

    .sheet-rollable-value.sheet-saves {
      margin-left: 0;
    }
  }

  .sheet-column {
    width: 30%;
    float: left;
    display: inline-block;
    margin-left: 0;
    padding: 1.25em;
  }

  .sheet-stats, .sheet-saves {
    width: 100%;
  }

  .sheet-field-title {
    width: 20%;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
  }

  .sheet-armor .sheet-input {
    width: 70%;
    padding: 0;
    margin: 0 0 10px 10px;
  }

  .sheet-small-title-label {
    font-style: italic;
    font-weight: normal;
    display: inline-block;
  }

  .sheet-armor-ac, .sheet-armor-net, .sheet-armor-shield {
    .sheet-input {
      width: 60px;
    }
  }

  .sheet-armor-type, .sheet-armor, .sheet-attributes {
    clear: both;
  }


  .sheet-weapons {
    clear: both;
    margin-top: 1em;

    .sheet-weapons-list {
      margin-top: 1em;
    }
  }

  .sheet-fray-die {
    width: 50px;
    text-align: right;
  }

  .sheet-title-label {
    clear: both;
    font-weight: bold;
    font-variant: small-caps;
    font-family: 'Copperplate';
    font-size: 1.5em;
    border-bottom: 1px solid black;
    text-align: center;
    margin-top: 0.5em;
    padding: 0;
  }

  .sheet-attributes-section {
    div.sheet-table-attributes {
      text-align: center;
      width: 100%;
    }

    table.sheet-table-attributes {
      text-align: center;
      width: 75%;
      margin-left: 12.5%;

      td {
        text-align: right;
      }
    }
  }

  .sheet-saves-section table.sheet-table-saves {
    text-align: right;
    width: 100%;
    margin-left: -1em;
  }

  .sheet-button .sheet-input {
    border: none;
    padding: 0;
    margin: 0;
  }

  .sheet-info {
    .sheet-input {
      width: 70%;
      float: left;
      padding: 0;
      margin: 0 0 10px 10px;
    }

    .sheet-input-thin {
      width: 60px !important;
    }

  }

  .sheet-facts .sheet-input {
    width: 70%;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    float: right;
  }

  .sheet-field-title {
    clear: both;
    width: 25%;
    float: left;
    text-align: right;
    padding-bottom: 10px;
  }

  .sheet-table-field-title {
    width: 10%;
    font-style: italic;
    padding-right: 0.5em;
    text-align: right;
    text-transform: uppercase;
  }

  .sheet-table-header {
    padding: 0 2%;
    text-align: center;
  }

  .sheet-table-cell {
    display: table-cell;
  }

  .sheet-table-row {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .sheet-weapon-name {
    width: 5em;
  }

  .sheet-center-column {
    border-left: 1px solid black;
    border-right: 1px solid black;
    min-height: 850px;
  }

  .sheet-weapon {
    width: 100%;
  }

  .sheet-weapon-name {
    display: inline-block;
    border-top: 1px;
    border-top-style: dashed;
    padding-top: 10px;
    width: 100%;

    &.sheet-input {
      width: 100%;
      float: left;
      margin: 0;
      padding: 0;
      border: none;
      font-style: italic;
    }
  }

  .sheet-weapon-info .sheet-weapon-info-element {
    float: left;
    margin-right: 4%;
    padding: 0;
    width: 25%;

    &.sheet-weapon-info-roll {
      float: right;
      width: 25px;
      margin: 0;
      padding: 0;
    }
  }

  .sheet-field-label.sheet-weapons-ab {
    clear: both;
    float: left;
    width: 50%;
    margin: 0;
    padding: 5px 0 0 0;
  }

  .sheet-dropdown, .sheet-damage-chart {
    width: 100%;
  }

  .sheet-weapon-info-element.sheet-input {
    width: 100% !important;
  }

  .sheet-table-weapons .sheet-input {
    width: 100% !important;
    text-align: center;
  }

  .sheet-table-weapons .sheet-table-header {
    text-align: justify;
  }

  .sheet-info {
    .sheet-field-title {
      text-align: right;
    }

    .sheet-hp span .sheet-input {
      text-align: center;
    }
  }

  .sheet-fray {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
  }

  .sheet-col {
    &.sheet-fray-die {
      width: 33% !important;
      margin: 0 !important;
      float: left;
    }

    &.sheet-damage-chart {
      width: 60% !important;
      float: right;
    }
  }

  .sheet-armor-saving-throw-penalty-choice {
    width: 20%;
    display: inline-block;
    margin: 0;
    padding: 0 5px;

    .sheet-saving-throw-penalty-element {
      width: 100%;
      margin: 0;
      padding: 0 12px;
    }
  }

  .sheet-power-name {
    width:63%;
    float:left;
  }

  .sheet-power-cost {
    float: left;
  }

  .sheet-power-effort {
    width:15%;
    float: left;
    padding-bottom:5px;
  }

  .sheet-table-header {
    .sheet-power-name {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .sheet-power-effort {
      margin: 0;
      padding: 0;
      text-align: right;
    }
  }

  .sheet-resources-table {
    margin: 0;
    width: 70%;
  }

  .sheet-values {
    float: left;
    margin-left: 10px;

    .sheet-input {
      margin: 0;
      width: 60px;
    }

    .sheet-min {
      float: left;
    }

    .sheet-max {
      float: right;
    }

    .sheet-separator {
      margin: 0 10px;
    }
  }

  .repitem .sheet-table-row {
    text-align: justify;
  }

  .sheet-table-weapons .repcontrol {
    border-top: 1px dashed black;
    padding-top: 10px;
    clear: both;
  }

  .repcontrol {
    clear: both;
  }

  .sheet-projects-section {
    clear: both;
    margin-top: 25px;
    width: 100%;

    .sheet-projects {
      clear: both;
      width: 100%;

      .repcontrol {
        clear: both;
      }

      .repcontainer .repitem {
        width: 49%;
        border: 1px solid black;
        padding: 0 5px 5px 5px;
        margin-bottom: 1%;

        &:nth-child(odd) {
          float: left;
        }

        &:nth-child(even) {
          float: right;
        }
      }

      .sheet-project {
        width: 50%;
        margin: 0;
        padding: 0;
        display: inline;

        .sheet-project-element {
          display: inline;
          float: left;
          padding: 5px 5px;
          margin-top: 5px;
        }

        .sheet-dropdown {
          width: 7.5em;
        }

        .sheet-project-name-section {
          width: 100%;

          input {
            width: 100%;
          }
        }

        .sheet-project-details-subsection {
          .sheet-dropdown {
            width: 150px;
          }
        }

        .sheet-project-completed-subsection {
          clear: both;
          float: left;
          margin: 7.5% 0 0 10%;

          .sheet-field-title {
            display: inline-block;
            text-align: right;
            padding-right: 5px;
            width: 12.5%;
          }

          .sheet-project-element {
            float: right;
          }
        }

        .sheet-project-dominion-tally {
          width: 150px;
          margin-right: 15%;
          float: right;

          .sheet-project-dominion-tally-headers {
            .sheet-project-field-title {
              text-align: center;
            }
          }

          tbody {
            text-align: right;
          }
        }
      }
    }
  }
}