roll20-character-sheets/Arkham Horror/Arkham.css

.sheet-hider,
.sheet-hider + div,
.sheet-switcher,
.sheet-switcher + input,
.sheet-switcher + input + div,
.sheet-toggle-bg {
    display: none;
}

.sheet-hider:checked + div,
.sheet-switcher:checked + input + div {
    display: block;
}

.sheet-switcher:not(:checked) + input {
    display: inline;
}

.sheet-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.sheet-table-header {
    display: table-header-group;
}

.sheet-table-body,
.repcontainer {
    display: table-row-group;
}

.sheet-table-row,
.repcontrol,
.repcontainer .repitem {
    display: table-row;
}

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

.sheet-table-header .sheet-table-cell {
    font-weight: bold;
}

.sheet-table-cell:not(:last-child) {
    padding-right: 3px;
}

.repcontrol {
    width: 100%;
}

.repcontainer + .repcontrol .repcontrol_edit {
    position: absolute;
    right: 0;
}

.editmode + .repcontrol .repcontrol_edit {
    right 41px;
    left: initial;
}

.editmode + .repcontrol .repcontrol_edit {
    right: 0;
}

.editmode .repitem .itemcontrol {
    width: calc(65% - 41px) !important;
    height: 28px !important;
}

.editmode .sheet-table-cell {
    position: relative;
    left: -41px;
}

.sheet-table-body > .sheet-table-row > .sheet-table-cell:first-child {
    width: 35%;
    padding-right: 10px;
}

.sheet-table-cell label {
    text-align: right;
    font-size: 1em;
}

.sheet-tab {
    display: none;
}

.sheet-toggle-button,
.sheet-toggle-button + div {
    position: absolute;
}

.sheet-toggle-button:checked ~ .sheet-investigator-edit,
.sheet-toggle-button:not(:checked) ~ .sheet-investigator-display {
    display: block;
}

.sheet-onoffswitch {
    position: absolute;
    width: 110px;
}

.sheet-onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    bordeR: 2px solid #999;
    border-radius: 20px;
}

.sheet-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.sheet-inner::before,
.sheet-inner::after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.sheet-inner.sheet-inner-edit-display::before {
    content: 'EDIT';
}
.sheet-inner.sheet-inner-variable-static::before {
    content: 'VARIABLE';
}
.sheet-inner::before {
    padding-left: 12px;
    background-color: #34a7c1;
    color: white;
}

.sheet-inner.sheet-inner-edit-display::after {
    content: 'DISPLAY';
}
.sheet-inner.sheet-inner-variable-static::after {
    content: 'STATIC';
}
.sheet-inner::after {
    padding-right: 12px;
    background-color: #eee;
    color: #999;
    text-align: right;
}

.sheet-switch {
    display: block;
    width: 14px;
    height: 14px;
    margin: 1px 3px 1px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 82px;
    border: 2px solid #999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.sheet-toggle-button:checked + div .sheet-inner {
    margin-left: 0;
}

.sheet-toggle-button:checked + div .sheet-switch {
    right: 0;
}

.sheet-toggle-button {
    width: 110px;
    height: 28px !important;
}

input.sheet-score-selector,
span.sheet-score-selector::before {
    position: absolute;
    display: inline-block;
    top: -17px;
    width: 64px;
    height: 90px !important;
}

input.sheet-score-selector,
.sheet-toggle-button {
    z-index: 3;
}

input.sheet-score-selector,
span.sheet-score-selector::before,
.sheet-toggle-button {
    opacity: 0;
}

input.sheet-score-selector:checked + span.sheet-score-selector::before {
    opacity: 1;
}

input.sheet-score-selector:not(:checked):hover + span.sheet-score-selector::before {
    opacity: 0.4;
}

input.sheet-score-selector + span.sheet-score-selector::before {
    content: '';
    background-image: url(http://i.imgur.com/CSwqKQH.png);
    background-size: 64px 90px;
}

input.sheet-score-selector:nth-child(1),
input.sheet-score-selector:nth-child(1) + span.sheet-score-selector::before {
    left: 95px;
}

input.sheet-score-selector:nth-child(3),
input.sheet-score-selector:nth-child(3) + span.sheet-score-selector::before {
    left: 254px;
}

input.sheet-score-selector:nth-child(5),
input.sheet-score-selector:nth-child(5) + span.sheet-score-selector::before {
    left: 414px;
}

input.sheet-score-selector:nth-child(7),
input.sheet-score-selector:nth-child(7) + span.sheet-score-selector::before {
    left: 573px;
}

.charsheet, p {
    font-size: 16pt;
}

p {
    line-height: 21px;
}

select {
    margin: 0;
}

h1, h2, h3 {
    font-family: Remington;
}

h1 {
    font-size: 52pt;
    line-height: 40pt;
    margin-bottom: 25px;
}

h2 {
    font-size: 35pt;
}

h3 {
    font-size: 25pt;
    margin-bottom: 5px;
}

.sheet-right {
    float: right;
}

.sheet-block {
    display: block;
}

.sheet-inline,
.sheet-name {
    display: inline-block;
}

.sheet-inline-input {
    background-color: transparent;
    width: 0.7em !important;
    text-align: right;
    border: none;
    color: #579;
}

.sheet-inline-input:not(:focus) {
    box-shadow: none;
}

.sheet-inline-input::-webkit-inner-spin-button,
.sheet-inline-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

h1 .sheet-inline-input {
    font-size: 52pt;
    line-height: 40pt;
    height: 52pt;
    font-family: Remington;
}

h3 .sheet-inline-input {
    font-size: 25pt;
    line-height: 27px;
    height: 25pt;
    font-family: Remington;
}

.sheet-portrait,
.sheet-name,
.sheet-sanity,
.sheet-stamina,
.sheet-home,
.sheet-posessions,
.sheet-abilities,
.sheet-focus,
.sheet-speed-sneak,
.sheet-fight-will,
.sheet-lore-luck,
.sheet-sanity-stamina {
    position: absolute;
}

.sheet-sanity-stamina {
    display: none;
}

.sheet-name {
    right: 25px;
    top: 40px;
    width: 350px;
    height: 120px;
    text-align: center;
}

.sheet-sanity,
.sheet-stamina,
.sheet-abilities {
    right: 25px;
    width: 300px;
}

.sheet-home,
.sheet-posessions,
.sheet-focus {
    left: 30px;
    width: 300px;
}

.sheet-home span {
    margin-left: -10px;
}

.sheet-abilities {
    right: 25px;
    width: 350px;
}

.sheet-sanity {
    top: 240px;
}

.sheet-stamina {
    top: 350px;
}

.sheet-home,
.sheet-abilities {
    top: 442px;
}

.sheet-posessions {
    top: 490px;
    height: 155px;
    overflow: auto;
}

.sheet-focus {
    top: 680px;
}

.sheet-abilities {
    height: 280px;
    overflow: auto;
}

.sheet-speed-sneak,
.sheet-fight-will,
.sheet-lore-luck,
.sheet-sanity-stamina {
    left: 20px;
    width: 710px;
}

.sheet-sanity-stamina {
    top: 633px;
}

.sheet-speed-sneak {
    top: 741px;
}

.sheet-fight-will {
    top: 844px;
}

.sheet-lore-luck {
    top: 953px;
}

.sheet-labels :first-child {
    margin-bottom: 10px;
}

.sheet-labels {
    float: left;
}

.sheet-sanity-stamina .sheet-labels {
    position: relative;
    top: -5px;
}

.sheet-sanity-stamina .sheet-labels :first-child {
    margin-bottom: 0;
}

.sheet-scores-row span {
    color: rgb(177, 12, 41);
}

.sheet-scores-row:first-child span {
    color: rgb(0, 117, 188);
}

.sheet-scores-row h3:first-child {
    margin-left: 120px;
}

.sheet-scores-row h3:not(:first-child) {
    margin-left: 140px;
}

.sheet-fight-will .sheet-scores,
.sheet-sanity-stamina .sheet-scores {
    margin-left: 70px;
}

.sheet-scores {
    position: absolute;
}

.sheet-sanity h1,
.sheet-stamina h1 {
    margin-right: 25px;
}

.sheet-home h3 {
    margin-right: 15px;
}

.sheet-posessions h3:not(:first-of-type) {
    margin-top: 20px;
}

.sheet-sanity h2,
.sheet-stamina h2 {
    vertical-align: 5px;
}

.sheet-focus span {
    margin-right: 40px;
}

.sheet-abilities h3 {
    text-align: center;
}

.sheet-investigator-edit,
.sheet-investigator-display {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.sheet-investigator-display {
    height: 1055px;
    position: relative;
}

.sheet-toggle-bg.sheet-3sliders-4sliders:not(:checked) + .sheet-investigator-display {
    background-image: url(http://i.imgur.com/Jwel46U.jpg);
}

.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display {
    background-image: url(http://i.imgur.com/4lG3K0E.jpg);
}

.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display .sheet-sanity,
.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display .sheet-stamina {
    display: none;
}

.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display .sheet-abilities {
    top: 250px;
    width: 310px;
    height: 310px;
}

.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display .sheet-focus {
    left: 400px;
    top: 580px;
}

.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display .sheet-posessions {
    height: 125px
}

.sheet-toggle-bg.sheet-3sliders-4sliders:checked + .sheet-investigator-display .sheet-sanity-stamina {
    display: block;
}

.sheet-portrait {
    width: 327px;
    height: 327px;
    background-size: cover;
    transform: rotate(-10.3deg);
    left: 29px;
    top: 27px;
}

.sheet-portrait,
.sheet-portrait-toggle {
    display: none;
}

.sheet-portrait-toggle:checked + .sheet-portrait {
    display: block;
}

.sheet-custom-investigator { background-image: url(http://i.imgur.com/iTAM3wC.png); }
.sheet-agnes-baker { background-image: url(http://i.imgur.com/arJIsh7.png); }
.sheet-akachi-onyele { background-image: url(http://i.imgur.com/30HBtBm.png); }
.sheet-amanda-sharpe { background-image: url(http://i.imgur.com/bnMU6UT.png); }
.sheet-ashcan-pete { background-image: url(http://i.imgur.com/mOorXAX.png); }
.sheet-bob-jenkins { background-image: url(http://i.imgur.com/CBpJMFp.png); }
.sheet-calvin-wright { background-image: url(http://i.imgur.com/7SpkqMP.png); }
.sheet-carolyn-fern { background-image: url(http://i.imgur.com/65GItHO.png); }
.sheet-charlie-kane { background-image: url(http://i.imgur.com/AsJsbdb.png); }
.sheet-daisy-walker { background-image: url(http://i.imgur.com/dmWAbGs.png); }
.sheet-darrell-simmons { background-image: url(http://i.imgur.com/4eRlpYZ.png); }
.sheet-dexter-drake { background-image: url(http://i.imgur.com/vM5KtGj.png); }
.sheet-diana-stanley { background-image: url(http://i.imgur.com/3ze2GUQ.png); }
.sheet-finn-edwards { background-image: url(http://i.imgur.com/UNPUBd0.png); }
.sheet-george-barnaby { background-image: url(http://i.imgur.com/IILL7PZ.png); }
.sheet-gloria-goldberg { background-image: url(http://i.imgur.com/djBa3Xu.png); }
.sheet-hank-samson { background-image: url(http://i.imgur.com/J6pmy7w.png); }
.sheet-harvey-walters { background-image: url(http://i.imgur.com/5qswKwU.png); }
.sheet-jacqueline-fine { background-image: url(http://i.imgur.com/fr0pOfC.png); }
.sheet-jenny-barnes { background-image: url(http://i.imgur.com/125IBG9.png); }
.sheet-jim-culver { background-image: url(http://i.imgur.com/oOepJRZ.png); }
.sheet-joe-diamond { background-image: url(http://i.imgur.com/oiQDsK6.png); }
.sheet-kate-winthrop { background-image: url(http://i.imgur.com/obw22HP.png); }
.sheet-leo-anderson { background-image: url(http://i.imgur.com/6Xyw567.png); }
.sheet-lily-chen { background-image: url(http://i.imgur.com/AQZmYeN.png); }
.sheet-lola-hayes { background-image: url(http://i.imgur.com/AlSyNM0.png); }
.sheet-luke-robinson { background-image: url(http://i.imgur.com/LM3Ujtg.png); }
.sheet-mandy-thompson { background-image: url(http://i.imgur.com/UwNWqI9.png); }
.sheet-marie-lambeau { background-image: url(http://i.imgur.com/sFWH469.png); }
.sheet-mark-harrigan { background-image: url(http://i.imgur.com/zYysrBp.png); }
.sheet-michael-mcglen { background-image: url(http://i.imgur.com/15Ss5Su.png); }
.sheet-minh-thi-phan { background-image: url(http://i.imgur.com/IA6Kiau.png); }
.sheet-monterey-jack { background-image: url(http://i.imgur.com/CirWTOF.png); }
.sheet-norman-withers { background-image: url(http://i.imgur.com/A1SSLqv.png); }
.sheet-patrice-hathaway { background-image: url(http://i.imgur.com/a4TlUb8.png); }
.sheet-rex-murphy { background-image: url(http://i.imgur.com/qxKmvbC.png); }
.sheet-rita-young { background-image: url(http://i.imgur.com/hQJdWDb.png); }
.sheet-roland-banks { background-image: url(http://i.imgur.com/GHqqVUX.png); }
.sheet-silas-marsh { background-image: url(http://i.imgur.com/c31E64s.png); }
.sheet-sister-mary { background-image: url(http://i.imgur.com/LuvWyqK.png); }
.sheet-skids-otoole { background-image: url(http://i.imgur.com/q6AFvwg.png); }
.sheet-tommy-muldoon { background-image: url(http://i.imgur.com/WqLV36u.png); }
.sheet-tony-morgan { background-image: url(http://i.imgur.com/9rDua5K.png); }
.sheet-trish-scarborough { background-image: url(http://i.imgur.com/WxgvVt5.png); }
.sheet-ursula-downs { background-image: url(http://i.imgur.com/Wvj7c61.png); }
.sheet-vincent-lee { background-image: url(http://i.imgur.com/7loNeDW.png); }
.sheet-wendy-adams { background-image: url(http://i.imgur.com/mngm54B.png); }
.sheet-william-yorick { background-image: url(http://i.imgur.com/tF40k3h.png); }
.sheet-wilson-richards { background-image: url(http://i.imgur.com/TUFzz3b.png); }
.sheet-zoey-samaras { background-image: url(http://i.imgur.com/BX2Unrl.png); }

::-webkit-input-placeholder { font-style: italic; opacity: 0.7; }
:-moz-placeholder { font-style: italic; opacity: 0.7; }
::-moz-placeholder { font-style: italic; opacity: 0.7; }
:-ms-input-placeholder { font-style: italic; opacity: 0.7; }

@font-face {
    font-family: Remington;
    src: local('SE-My Old Remington'),
         url(http://lithl.info/se-myoldrem.ttf) format('truetype');
}