movie-web/src2/views/Search.css

77 lines
1.3 KiB
CSS
Raw Normal View History

2021-07-14 00:31:37 +02:00
.cardView {
display: flex;
min-height: 100vh;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 1rem;
box-sizing: border-box;
}
.cardView nav {
width: 100%;
max-width: 624px;
}
2021-10-25 22:06:40 +02:00
.cardView nav span {
padding: 8px 16px;
margin-right: 10px;
border-radius: 4px;
color: var(--text);
}
.cardView nav span:focus-visible {
border: 1px solid #fff;
}
2021-10-25 22:06:40 +02:00
.cardView nav span:not(.selected-link) {
cursor: pointer;
}
2021-10-25 22:06:40 +02:00
.cardView nav span.selected-link {
2021-08-07 10:55:39 +02:00
background: var(--card);
color: var(--button-text);
font-weight: bold;
}
.cardView > * {
2021-07-14 00:31:37 +02:00
margin-top: 2rem;
}
.cardView > *:first-child {
margin-top: 38px;
2021-07-14 01:17:34 +02:00
}
.topRightCredits {
position: absolute;
2021-07-14 01:17:34 +02:00
right: 1rem;
top: 1rem;
margin-top: 0 !important;
2021-08-02 14:44:54 +02:00
text-align: right;
2021-07-14 01:17:34 +02:00
}
.topRightCredits a, .topRightCredits a:visited {
2021-07-15 00:09:42 +02:00
color: var(--theme-color);
2021-07-14 01:17:34 +02:00
text-decoration: none;
margin: 0;
}
2021-08-02 14:44:54 +02:00
2021-07-14 01:17:34 +02:00
.topRightCredits a:hover, .topRightCredits a:active {
2021-07-15 18:41:51 +02:00
color: var(--theme-color);
2021-07-14 01:17:34 +02:00
text-decoration: none;
}
.topRightCredits a .arrow {
transform: translateY(.1rem);
}
.topRightCredits a:hover .arrow {
transform: translateY(.1rem) translateX(.2rem);
}
2021-07-22 22:11:53 +02:00
p.source {
text-transform: uppercase;
font-weight: bold;
color: var(--source-headings);
font-size: 0.8em;
margin-top: 2rem;
}