Create relics.css

2021-01-07 12:18:05 -07:00
parent ac6b049ffc
commit e33abe52e7
1 changed files with 159 additions and 0 deletions
@@ -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;
+}