From e33abe52e752da339ce0f869244fbf1a9ce03595 Mon Sep 17 00:00:00 2001 From: DoctorHays <62820657+DoctorHays@users.noreply.github.com> Date: Thu, 7 Jan 2021 12:18:05 -0700 Subject: [PATCH] Create relics.css --- Relics by Tin Star Games/relics.css | 159 ++++++++++++++++++++++++++++ 1 file changed, 159 insertions(+) create mode 100644 Relics by Tin Star Games/relics.css diff --git a/Relics by Tin Star Games/relics.css b/Relics by Tin Star Games/relics.css new file mode 100644 index 0000000000..22d0f35257 --- /dev/null +++ b/Relics by Tin Star Games/relics.css @@ -0,0 +1,159 @@ +* { + font-family: Contrail One; +} + +input, textarea { + background-color: #d6d6d6; +} + +li { + width: 100%; + margin: 1em 0 0 1em; +} + +fieldset { + width: 100%; +} + +.sheet-textarea-group textarea { + width: 95%; + height: 10em; +} + +ul { + list-style: none; + margin: 0; + padding: 0; + width: 100%; +} + +ul li textarea { + flex-grow: 1; + width: 110px; + height: 38px; +} + +ul li span{ + display: block; +} + +.repitem { + display: flex; +} + +.sheet-container { + display: flex; +} + +.sheet-header { + width: 100%; + margin-bottom: 1em; +} + +.sheet-footer { + width: 100%; +} + +.sheet-input-group { + display: block; + padding: .5em; +} + +.sheet-input-group textarea { + width: 60%; + height: 1.5em; + margin-bottom: 0; +} + +.sheet-input-group label { + width: 29%; + display: inline-block; + padding: 0; +} + +.sheet-left-column{ + margin-right: 1em; + width: 50%; +} + +.sheet-memories-div { + margin-top: 5em; +} + + .sheet-miracle-group, .sheet-memory-group { + margin-left: .5em; + } + +.sheet-page-title { + text-align: center; +} + +.sheet-right-column{ + border-style: solid; + border-color: white; + border-image: url('https://i.imgur.com/YDXHDny.jpg') 0 0 0 100% stretch; + border-width: 1em; + width: 50%; +} + +.sheet-roll-numbers { + display: flex; + text-align: center; + margin-top: 5em; +} + +.sheet-roll-numbers span { + flex-grow: 1; +} + +.sheet-section-title { + text-transform: uppercase; + text-align: center; +} + +.sheet-left-column .sheet-section-title { + margin-top: 2em; +} + +.sheet-textarea-group { + display: inline-block; + width: 49%; + text-align: center; +} + +.sheet-textarea-group label { + text-align: center; + display: block; + padding: 0; + margin-top: 2em; +} + +.repeating_memories, .repeating_miracles { + display: flex; +} + +.repcontainer[data-groupname="repeating_memories"] > .repitem { + margin-bottom: 1em; +} + +.repcontainer[data-groupname="repeating_miracles"] > .repitem { + margin-bottom: 1em; +} + +.repcontrol[data-groupname="repeating_memories"] > .repcontrol_add { + margin-left: 1em; +} + +.repcontrol[data-groupname="repeating_miracles"] > .repcontrol_add { + margin-left: 1em; +} + +.repcontrol[data-groupname="repeating_miracles"] > .repcontrol_edit { + float: none; + margin-left: .5em; +} + +.repcontrol[data-groupname="repeating_memories"] > .repcontrol_edit { + float: none; + margin-left: .5em; +}