credits in columns

1 files changed, 82 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/checklist/credits.css b/animism-align/frontend/app/views/viewer/checklist/credits.css
new file mode 100644
index 0000000..730813d
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/checklist/credits.css
@@ -0,0 +1,82 @@
+/* schedule credits */
+
+.credits-content {
+  font-size: 0.875rem;
+}
+.credits-content a {
+  color: #000;
+  text-decoration: none;
+  border-bottom: 1px solid;
+}
+.credits {
+  display: flex;
+  flex-direction: row;
+  margin: 0 auto;
+  width: 45rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.credits > div {
+  width: 14.5rem;
+  margin-right: 1rem;
+}
+.credits > div:last-child {
+  margin-right: 0;
+}
+.credits-title {
+  padding: 0.375rem 0;
+  border-bottom: 1px solid;
+}
+.credits-info {
+  padding: 0.375rem 0;
+  white-space: pre-line;
+  line-height: 1.3;
+}
+.credits-info div {
+  padding-left: 1rem;
+  text-indent: -1rem;
+  min-height: 1rem;
+  }
+
+/* site credits */
+
+.site-credits {
+  width: 45rem;
+  margin: 0 auto;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  line-height: 1.3;
+}
+.site-credits .site-lines {
+  margin-bottom: 2rem
+}
+.site-credits .site-lines div {
+  min-height: 0.875rem;
+}
+.site-credits .site-lines .credits-title {
+  margin-bottom: 0.375rem;
+}
+
+/* venues */
+
+.site-credits .venue {
+  border-bottom: 1px solid black;
+}
+.venue-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 0.375rem 0 0 0;
+  cursor: pointer;
+}
+.venue-header svg {
+  width: 2.5rem;
+  height: 2.5rem;
+  transform: translateX(0.6rem) translateY(-0.5rem);
+}
+.venue-info.credits {
+  padding-top: 0rem;
+}
+.venue-info .credits-info div {
+  min-height: 0.875rem;
+}
\ No newline at end of file