|
|
| Line 42: |
Line 42: |
| /* Main page header */ | | /* Main page header */ |
| .mp-header-container { | | .mp-header-container { |
| background-color: var(--theme-color-1); | | background-color: var(--theme-color-2); |
| border-radius: 20px; | | border-radius: 20px; |
| padding: 1rem; | | padding: 1rem; |
| margin-bottom: 1rem; | | margin-bottom: 1rem; |
| .skin-theme-clientpref-night & {
| |
| background-color: var(--theme-color-2);
| |
| }
| |
| } | | } |
|
| |
|
| .skin-theme-clientpref-day .mp-header-wordmark img { | | .skin-theme-clientpref-day .mp-header-wordmark img { |
| filter: invert(1); | | filter: invert(1); |
| }
| |
|
| |
| /* Main page cards */
| |
| .mp-card-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: center;
| |
| justify-content: center;
| |
| gap: 0.5rem;
| |
| }
| |
|
| |
| .mp-card {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| background-color: var(--theme-color-1);
| |
| border-radius: 8px;
| |
| width: 7rem;
| |
| height: 8.5rem;
| |
| .skin-theme-clientpref-night & {
| |
| background-color: var(--theme-color-2);
| |
| }
| |
| }
| |
|
| |
| .mp-card-text {
| |
| text-align: center;
| |
| background: var(--theme-accent-color);
| |
| border-radius: 6px;
| |
| padding: 0 0.25rem;
| |
| width: 5.5rem;
| |
| font-size: min(1em, 16px);
| |
| }
| |
|
| |
| .mp-card:hover {
| |
| background: var(--theme-color-3);
| |
| .mp-card-text {
| |
| background: var(--theme-accent-color);
| |
| }
| |
| }
| |
|
| |
| .mp-card-text a {
| |
| color: var(--page-text-color);
| |
| .skin-theme-clientpref-night & {
| |
| color: var(--page-background-color);
| |
| }
| |
| &:hover {
| |
| text-decoration: none;
| |
| }
| |
| }
| |
|
| |
| .mp-card-icon img {
| |
| justify-self: center;
| |
| width: 6rem;
| |
| height: 6rem;
| |
| } | | } |
