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-items ul { | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
columns: 3; | columns: 3; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.mainpage- | .mainpage-items li { | ||
display: flex; | display: flex; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
} | } | ||
.mainpage- | .mainpage-items li:hover img { | ||
transform: scale(1.2); | transform: scale(1.2); | ||
transition: 0.2s ease-out; | transition: 0.2s ease-out; | ||
} | } | ||
.mainpage- | .mainpage-items li a:first-child { | ||
border-radius: 3px; | border-radius: 3px; | ||
width: 48px; | width: 48px; | ||
| Line 21: | Line 21: | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
.mainpage- | .mainpage-items li a:last-child { | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
display: flex; | display: flex; | ||
| Line 31: | Line 31: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.mainpage- | .mainpage-items li:hover a:first-child { | ||
border-radius: 3px 0 0 3px; | border-radius: 3px 0 0 3px; | ||
} | } | ||
.mainpage- | .mainpage-items li:hover a:last-child { | ||
color: rgba(255, 255, 255, 0.9); | color: rgba(255, 255, 255, 0.9); | ||
border-radius: 0 3px 3px 0; | border-radius: 0 3px 3px 0; | ||
} | } | ||
Revision as of 18:13, 22 March 2021
.mainpage-items ul {
flex: 1 1 auto;
columns: 3;
margin: 0;
}
.mainpage-items li {
display: flex;
margin-bottom: 0.3em;
}
.mainpage-items li:hover img {
transform: scale(1.2);
transition: 0.2s ease-out;
}
.mainpage-items li a:first-child {
border-radius: 3px;
width: 48px;
height: 48px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.mainpage-items 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-items li:hover a:first-child {
border-radius: 3px 0 0 3px;
}
.mainpage-items li:hover a:last-child {
color: rgba(255, 255, 255, 0.9);
border-radius: 0 3px 3px 0;
}
