MediaWiki:Gadget-test.css

From Ragnagoats Wiki
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;
}