User:Blackwolfe/common.css
From IdleOn MMO Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.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;
}
