MediaWiki:Gadget-test.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.
/* Style for class headings */
h2 {
font-size: 24px;
margin: 20px 0;
text-align: center;
}
/* Style for skills container */
.skills-container {
display: flex;
flex-wrap: wrap;
}
/* Style for skill containers */
.skill-container {
margin: 10px;
text-align: center;
position: relative;
border: 1px solid;
border-radius: 5%;
}
/* Style for skill pictures */
.skill-picture {
width: 24px;
height: 24px;
display: block;
margin: 0 auto;
cursor: pointer;
}
/* Style for skill level bubbles */
.skill-level {
display: flex;
justify-content: center;
margin-top: 0px;
}
.bubble {
width: 9px;
height: 9px;
background-color: #ccc;
border-radius: 50%;
cursor: pointer;
}
.bubble.blue {
background-color: blue;
}
/* Style for quest skills */
.quest-skill {
border: 1px solid gold;
background-color: #fff8dc;
}
.skill-desc {
margin: 0px;
position: center;
border: 1px solid;
border-radius: 5%;
}
.skill-name {
font-size: 8px; /* Adjust the font size as needed */
}
.skill-container:hover .skill-info {
display: block;
}
/* Style for highlighted skill */
.highlight {
border: 1px solid orange;
}
/* Style for highlighted skill */
.highlight2 {
border: 1px solid green;
}
/* Style for required level information */
[data-required-level]::before {
content: attr(data-required-level);
display: block;
font-weight: bold;
margin-top: 5px;
}
/* Style for the skill display container */
#data-display {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}