Template:IntroButton/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.intro-button { | .intro-button { | ||
display: | float: left; | ||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | align-items: center; | ||
justify-content: center; | |||
background: rgba(10,10,10,0.75); | background: rgba(10,10,10,0.75); | ||
border: 1px solid rgba(120,165,255,0.2); | border: 1px solid rgba(120,165,255,0.2); | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: | padding: 20px; | ||
margin-right: 10px; | margin-right: 20px; | ||
margin-bottom: 10px; | |||
min-width: 160px; | |||
text-align: center; | |||
transition: all .25s ease; | transition: all .25s ease; | ||
} | |||
.intro-button img { | |||
width: 80px; | |||
height: 80px; | |||
margin-bottom: 15px; | |||
display: block; | |||
} | } | ||
.intro-button a { | .intro-button a { | ||
color: #FAB243 | color: #FAB243; | ||
font-weight: 600; | font-weight: 600; | ||
font-size: 16px; | font-size: 16px; | ||
letter-spacing: 0.5px; | letter-spacing: 0.5px; | ||
text- | text-decoration: none; | ||
display: block; | |||
} | } | ||
.intro-button:hover { | .intro-button:hover { | ||
Revision as of 21:44, 5 November 2025
.intro-button {
float: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(10,10,10,0.75);
border: 1px solid rgba(120,165,255,0.2);
border-radius: 10px;
padding: 20px;
margin-right: 20px;
margin-bottom: 10px;
min-width: 160px;
text-align: center;
transition: all .25s ease;
}
.intro-button img {
width: 80px;
height: 80px;
margin-bottom: 15px;
display: block;
}
.intro-button a {
color: #FAB243;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.5px;
text-decoration: none;
display: block;
}
.intro-button:hover {
border-color: #78A5FF;
background: #1c1e25;
transform: translateY(-2px);
}