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

.sheet-faction {
  .sheet-column {
    width: 48%;
    display: inline-block;
    margin: 0 1%;
    padding: 0;

    &:first-child {
      float: left;
    }

    &:last-child {
      float: right;
    }
  }

  .sheet-info-section {
    .sheet-info-table {
      float: left;
      width: 49%;
      display: inline;

      .sheet-field-title {
        text-align:right;
        padding-right: 5px;
        width: 26%;
      }

      .sheet-faction-name {
        width: 200%;
      }

      .sheet-dropdown {
        width: 65px;
        margin-top: 10px;
      }
    }

    .sheet-dominion-scores {
      margin-top: 100px;
      width: 49%;
      float: left;
    }
  }

  .sheet-problems-section {
    .sheet-faction {
      &.sheet-input {
        width: 10%;
      }

      &.sheet-textarea {
        width: 85%;
      }
    }
  }

  .sheet-textarea {
    min-height: 18px;
    height: auto;
    width: 95%;
  }

  .sheet-interests-section {
    .sheet-interest {
      clear: both;

      .sheet-interest-name {
        width: 85%;
        margin-bottom: 10px;
        float: right
      }

      .sheet-interest-score {
        width: 10%;
        float: left;
      }
    }

    .repcontrol {
      clear: both;
    }
  }

  .sheet-section-title {
    text-align: center;
    font-family: 'Copperplate';
    font-variant: small-caps;
    font-size: 1.5em;
    width: 100%;
    border-bottom: 1px solid black;
    margin: 0 0 10px 0;
    padding: 0;
  }

  .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-field-title {
              text-align: center;
            }
          }

          tbody {
            text-align: right;
          }
        }


      }
    }
  }
}