apps/easel/static/styles.css 1.1 K raw
1
.artwork-figure {
2
  margin: 0 0 1rem;
3
  border: 1px solid #333;
4
}
5
6
.artwork-figure img {
7
  display: block;
8
  width: 100%;
9
  height: auto;
10
}
11
12
.artwork-meta {
13
  margin-bottom: 0.5rem;
14
}
15
16
.artwork-date {
17
  opacity: 0.5;
18
  font-size: 12px;
19
}
20
21
.artwork-title {
22
  font-size: 16px;
23
  font-weight: 700;
24
}
25
26
.artwork-artist {
27
  opacity: 0.7;
28
}
29
30
.artwork-details {
31
  display: grid;
32
  grid-template-columns: max-content 1fr;
33
  gap: 0.25rem 1rem;
34
  margin: 1rem 0;
35
  font-size: 13px;
36
}
37
38
.artwork-details dt {
39
  opacity: 0.5;
40
}
41
42
.artwork-description {
43
  opacity: 0.85;
44
  font-size: 13px;
45
}
46
47
.artwork-description p + p {
48
  margin-top: 0.75rem;
49
}
50
51
.archive-list {
52
  margin-top: 2rem;
53
  border-top: 1px solid #333;
54
  padding-top: 1rem;
55
  width: 100%;
56
}
57
58
.archive-list h3 {
59
  font-size: 12px;
60
  opacity: 0.5;
61
  text-transform: uppercase;
62
  letter-spacing: 0.05em;
63
  margin-bottom: 0.5rem;
64
}
65
66
.item a {
67
  display: grid;
68
  grid-template-columns: 90px 1fr auto;
69
  gap: 0.75rem;
70
  text-decoration: none;
71
  color: inherit;
72
}
73
74
.item-title {
75
  overflow: hidden;
76
  text-overflow: ellipsis;
77
  white-space: nowrap;
78
}