|
|
| Line 1: |
Line 1: |
| .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
| |
| }
| |
|
| |
| .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
| |
| }
| |
