Template:IntroButton/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Inherit same theme as .index-card-image and label */ | ||
.intro- | .intro-card { | ||
display: inline- | background: rgba(10, 10, 10, 0.75); | ||
align | border: 1px solid rgba(120, 165, 255, 0.2); | ||
border-radius: 12px; | |||
background: # | padding: 18px 28px; | ||
display: inline-block; | |||
transition: all .25s ease; | |||
text-align: center; | |||
} | |||
.intro-card:hover { | |||
border-color: #78A5FF; | |||
background: #1c1e25; | |||
transform: translateY(-3px); | |||
} | |||
/* Text style matching .index-card-label */ | |||
.intro-card-label { | |||
color: #FAB243; | |||
font-size: 18px; | |||
font-weight: 600; | font-weight: 600; | ||
letter-spacing: 0.5px; | |||
text-transform: uppercase; | |||
} | } | ||
.intro-card-label a { | |||
.intro- | color: inherit; | ||
color: | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.intro-card-label a:hover { | |||
.intro- | text-decoration: underline; | ||
} | } | ||
Revision as of 21:33, 5 November 2025
/* Inherit same theme as .index-card-image and label */
.intro-card {
background: rgba(10, 10, 10, 0.75);
border: 1px solid rgba(120, 165, 255, 0.2);
border-radius: 12px;
padding: 18px 28px;
display: inline-block;
transition: all .25s ease;
text-align: center;
}
.intro-card:hover {
border-color: #78A5FF;
background: #1c1e25;
transform: translateY(-3px);
}
/* Text style matching .index-card-label */
.intro-card-label {
color: #FAB243;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.intro-card-label a {
color: inherit;
text-decoration: none;
}
.intro-card-label a:hover {
text-decoration: underline;
}