User:Andrew323/common.css
Jump to navigation
Jump to search
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.
.mw-editsection { display:none; }
.paldex {
position: relative;
display: inline-block;
margin: 0.5em;
border: 2px solid lightgrey;
background-image: url(https://palworld.wiki.gg/images/7/77/Background_Triangle_Single.png);
background-size: 1300px 150px;
background-position: 35% 0;
background-color: transparent;
}
.paldex img {
margin: -11% 0;
width: 85px;
}
.paldex::before {
position: absolute;
right: -1px;
top: -1px;
content: '';
border-top: 25px solid lightgrey;
border-left: 25px solid transparent;
}
.paldex::after {
position: absolute;
right: -2px;
top: -2px;
content: '';
border-top: 25px solid var(--theme-content-background);
border-left: 25px solid transparent;
}
.paldex > a {
display: block;
font-size: 20px;
color: white;
padding: 0.2em;
margin-left: 0.1em;
z-index: 2;
text-decoration: none;
}
.paldex > a::after {
content: '';
position: absolute;
top: -1px; bottom: -1px;
left: -1px; right: -1px;
}
.paldex #pal {
float: right;
height: 70px;
width: 85px;
overflow: hidden;
}
.paldex #ele {
height: 10px;
padding: 0.2em;
position: absolute;
top: 4px;
left: 85px;
}
.paldex #ele > span > a {
margin-left: 0;
width: 50px;
line-height: 18px;
}