roll20-character-sheets/Cepheus_Deluxe/CepheusDeluxe.css

@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
.charsheet {
    font-family: 'Audiowide';
}

.sheet-textarea {
    resize: none;
}

input.sheet-mainPage:checked~input.sheet-gameoptions,
input.sheet-mainPage:checked~input.sheet-gameoptions+span,
input.sheet-options:checked~div.sheet-character,
input.sheet-options:checked~label.sheet-character,
input.sheet-options:checked~label.sheet-ship,
input.sheet-options:checked~div.sheet-ship {
    display: none !important;
}

input.sheet-characterSheet:checked~div.sheet-ship,
input.sheet-characterSheet:checked~label.sheet-ship,
input.sheet-shipSheet:checked~div.sheet-character,
input.sheet-shipSheet:checked~label.sheet-character {
    display: none !important;
}

input.sheet-sheetoptions+span.sheet-attr {
    background: white;
    border-radius: 4px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
}

.sheet-options-div {
    padding-left: 1000px;
    width: 170px;
}

.sheet-boxshadow {
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
}

.sheet-shipTopZone {
    width: 1000px;
    float: left;
}

.sheet-shipHeading {
    width: 1077px;
    margin-top: 27px;
}

.sheet-shipHeading+input,
.sheet-shipHeading+label {
    display: block;
}

.sheet-characterLeftSide {
    width: 750px;
    float: left;
}

.sheet-characterRightSide {
    width: 250px;
    float: left;
}

.sheet-characterHeading {
    width: 750px;
    margin-top: 25px;
}

.sheet-characterHeading+input,
.sheet-characterHeading+label {
    display: block;
}

.sheet-characterName {
    width: 375px;
    border-right: solid 1px #888888;
    display: inline-block;
}

.sheet-characterHomeworld {
    width: 250px;
    border-right: solid 1px #888888;
    display: inline-block;
}

.sheet-characterAge {
    width: 113px;
    display: inline-block;
}

.sheet-shipName {
    width: 385px;
    border-right: solid 1px #888888;
    display: inline-block;
}

.sheet-shipPort {
    width: 225px;
    border-right: solid 1px #888888;
    display: inline-block;
}

.sheet-shipHullTon {
    width: 225px;
    display: inline-block;
    border-right: solid 1px #888888;
}

.sheet-shipHullConf {
    width: 225px;
    display: inline-block;
}

input.sheet-sheetoptions:checked+span.sheet-attr {
    color: #2A2D80;
    text-shadow: 0px 0px 10px black;
}

input.sheet-attr {
    width: 87px;
    cursor: pointer;
    position: relative;
    opacity: 0;
    z-index: 9999;
}

span.sheet-attr {
    display: inline-block;
    font-size: 13px;
    color: black;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    margin-left: -81px;
}

.sheet-attributes {
    width: 300px;
    padding-left: 50px;
}

.sheet-attributeScoreLeft {
    display: inline-block;
    width: 75px;
}

.sheet-attributeScoreMid {
    display: inline-block;
    width: 120px;
}

.sheet-attributeScoreMid+label {
    text-align: center;
}

.sheet-attributeScoreRight {
    display: inline-block;
    width: 60px;
}

.sheet-characteristicsHeader {
    position: absolute;
    margin-top: 287px;
    left: 54px;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.sheet-traitsHeader {
    position: absolute;
    margin-top: 547px;
    left: 54px;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.sheet-meleeHeader {
    position: absolute;
    margin-top: 793px;
    left: 54px;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.sheet-rotateHeader {
    display: inline-block;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.sheet-rangedHeader {
    position: absolute;
    margin-top: 797px;
    left: 551px;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.sheet-sidewaysWord {
    position: absolute;
    margin-top: 41px;
    padding-top: 4px;
    transform-origin: 0 0;
    transform: rotate(270deg);
}

.sheet-characteristics {
    padding-top: 20px;
    width: 350px;
    display: inline-block;
}

.sheet-charCond {
    width: 750px;
}

.sheet-damageTrackAndConditions {
    position: absolute;
    top: 180px;
    padding-top: 20px;
    width: 400px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 140px;
    display: inline-block;
}

.sheet-leftRoundBox {
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 17px;
    margin-right: -4px;
}

.sheet-rightRoundBox {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 17px;
    margin-right: -4px;
}

.sheet-middleBox {
    border: 1px solid black;
    height: 45px;
}

.sheet-rightCircleBox {
    border: 1px solid black;
    border-radius: 15px 15px 15px 15px;
    padding-top: 17px;
}

.sheet-attributeLabelLarge {
    text-align: center !important;
    font-size: x-large !important;
    padding-top: 9px !important;
    margin-bottom: -3px !important;
}

.sheet-attributeLabelXSmall {
    text-align: center !important;
    font-size: x-small !important;
}

.sheet-attributeLabelSmall {
    text-align: center !important;
    font-size: small !important;
}

.sheet-attributeLabelXXSmall,
.sheet-attributeLabelXXSmall+input {
    text-align: center !important;
    font-size: xx-small !important;
}

.sheet-labelInBorder {
    text-align: center !important;
    background: white !important;
    width: 304px !important;
    margin-left: 36px !important;
    padding-left: 10px !important;
}

.sheet-personalArmor {
    position: absolute;
    top: 348px;
    padding-top: 20px;
    width: 400px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 109px;
    display: inline-block;
}

.sheet-language {
    position: absolute;
    top: 97px;
    left: 800px;
    padding-top: 20px;
    width: 150px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 148px;
    display: inline-block;
}

.sheet-heroPoints {
    position: absolute;
    top: 97px;
    left: 967px;
    padding-top: 20px;
    width: 150px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 148px;
    display: inline-block;
}

.sheet-livingExpensesBox {
    position: absolute;
    top: 274px;
    left: 800px;
    padding-top: 20px;
    width: 317px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 47px;
    display: inline-block;
}

.sheet-traitsBox {
    position: absolute;
    top: 500px;
    left: 78px;
    padding-top: 20px;
    width: 1038px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 150px;
    display: inline-block;
}

.sheet-careersBox {
    position: absolute;
    top: 349px;
    left: 800px;
    padding-top: 20px;
    width: 317px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 109px;
    display: inline-block;
}

.sheet-notableSkillsBox {
    position: absolute;
    top: 890px;
    left: 60px;
    padding-top: 20px;
    width: 550px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 677px;
    display: inline-block;
}

.sheet-carriedGearBox {
    position: absolute;
    top: 890px;
    left: 631px;
    padding-top: 20px;
    width: 483px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 558px;
    display: inline-block;
}

.repcontainer[data-groupname="repeating_skills"]>.repitem {
    display: inline-block;
}

td {
    padding: 2px;
}

.sheet-shipArmor {
    width: 425px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 100px;
    display: inline-block;
    margin-top: 15px;
}

.sheet-shipBridge {
    width: 208px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 100px;
    display: inline-block;
    margin-top: 15px;
}

.sheet-shipShields {
    width: 603px;
    border: solid 2px black;
    box-shadow: 5px 5px 5px #888888;
    height: 135px;
    display: inline-block;
    margin-top: 15px;
}

.sheet-inlineBlock {
    display: inline-block;
}

.sheet-rolltemplate-SkillRoll .sheet-table{
  width: 189px;
  height: 90px;
  padding: 2px;
  border: solid 2px black;
  background-color: white;
  box-shadow: 5px 5px 5px #888888;
  font-family: "Audiowide";
  font-weight: bold;
  border-spacing: 0;
}

.sheet-rolltemplate-attackRoll .sheet-table {
    width: 189px;
    height: 189px;
    padding: 2px;
    border: solid 2px black;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
    font-family: "Audiowide";
    font-weight: bold;
    border-spacing: 0;
}

.sheet-rolltemplate-SkillRoll .sheet-templateHeader,
.sheet-rolltemplate-attackRoll .sheet-templateHeader {
    color: rgb(112, 0, 0);
    padding: 15px 2px 15px 20px;
    line-height: 1.2em;
    font-size: 1.2em;
    text-align: left;
}

.sheet-rolltemplate-SkillRoll .sheet-td,
.sheet-rolltemplate-attackRoll .sheet-td {
    padding-left: 20px;
    font-size: 1.0em;
    vertical-align: top;
}

.sheet-rolltemplate-SkillRoll .sheet-result,
.sheet-rolltemplate-attackRoll .sheet-result {
    font-size: 1.2em;

    color: rgb(112, 0, 0);
    padding-bottom: 20px;
}

.sheet-rolltemplate-SkillRoll .inlinerollresult,
.sheet-rolltemplate-attackRoll .inlinerollresult {
    background-color: transparent;
    color: #000000;
    border: none;
}

.sheet-rolltemplate-SkillRoll .inlinerollresult.fullcrit,
.sheet-rolltemplate-attackRoll .inlinerollresult.fullcrit {
    color: #3FB315;
    border: none;
}

.sheet-rolltemplate-SkillRoll .inlinerollresult.fullfail,
.sheet-rolltemplate-attackRoll .inlinerollresult.fullfail {
    color: #000000;
    border: none;
}

.sheet-rolltemplate-SkillRoll .inlinerollresult.importantroll,
.sheet-rolltemplate-attackRoll .inlinerollresult.importantroll {
    color: #3FB315;
    border: none;
}


.sheet-characteristics button:before {
    content: "" !important;
}

.sheet-characteristics button {
    color: #2A2D80;
    font-weight: bold;
    height: auto;
    width: auto;
    opacity: 100;
    cursor: pointer;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}