User:Blackwolfe/common.css: Difference between revisions
From IdleOn MMO Wiki
imported>Blackwolfe No edit summary |
imported>Blackwolfe No edit summary |
||
Line 1: | Line 1: | ||
.mainpage- | .mainpage-skills ul { | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
columns: 3; | columns: 3; | ||
margin: 0; | margin: 0; | ||
} | |||
.mainpage-skills li { | |||
display: flex; | |||
margin-bottom: 0.3em; | |||
} | |||
.mainpage-skills li:hover img { | |||
transform: scale(1.2); | |||
transition: 0.2s ease-out; | |||
} | |||
.mainpage-skills li a:first-child { | |||
border-radius: 3px; | |||
width: 48px; | |||
height: 48px; | |||
text-align: center; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.mainpage-skills li a:last-child { | |||
flex: 1 1 auto; | |||
display: flex; | |||
align-items: center; | |||
color: #444e5a; | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
padding-left: 0.7em; | |||
text-decoration: none; | |||
} | |||
.mainpage-skills li:hover a:first-child { | |||
border-radius: 3px 0 0 3px; | |||
} | |||
.mainpage-skills li:hover a:last-child { | |||
color: rgba(255, 255, 255, 0.9); | |||
border-radius: 0 3px 3px 0; | |||
} | } |
Revision as of 18:12, 22 March 2021
.mainpage-skills ul {
flex: 1 1 auto;
columns: 3;
margin: 0;
}
.mainpage-skills li {
display: flex;
margin-bottom: 0.3em;
}
.mainpage-skills li:hover img {
transform: scale(1.2);
transition: 0.2s ease-out;
}
.mainpage-skills li a:first-child {
border-radius: 3px;
width: 48px;
height: 48px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.mainpage-skills li a:last-child {
flex: 1 1 auto;
display: flex;
align-items: center;
color: #444e5a;
font-size: 1.1em;
font-weight: bold;
padding-left: 0.7em;
text-decoration: none;
}
.mainpage-skills li:hover a:first-child {
border-radius: 3px 0 0 3px;
}
.mainpage-skills li:hover a:last-child {
color: rgba(255, 255, 255, 0.9);
border-radius: 0 3px 3px 0;
}