User:T-Furan/vector.css

From Baldur's Gate 3 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.
/**
 * Toggle spoiler content's display on the wiki.
 * 
 * @author Willowisp
 * 
 */
.spoiler-hidden.spoiler-hidden-allowed {
 display: none;
}

#spoilerButton.spoiler-button-hidden,
#spoilerButtonActOne.spoiler-button-hidden,
#spoilerButtonActTwo.spoiler-button-hidden,
#spoilerButtonActThree.spoiler-button-hidden {
    display: none;
}

#spoilerButton:hover.spoiler-button:not(.spoiler-button-on) {
    text-shadow: 0 0 1px #f58b5b, 0 0 2px #f5a371;
}

.spoiler-button:hover.spoiler-button-active:not(.spoiler-button-on) {
    text-shadow: 0 0 1px #f58b5b, 0 0 2px #f5a371;
}

#spoilerButton.spoiler-button-on {
        color: #fad2aa;
    text-shadow: 0 0 1px #ff5100, 0 0 2px #ff7119;
}

#spoilerButton.spoiler-button:not(.spoiler-button-on) {
    color: #b5b0aa;
    background-color: #302c2c;    
    border: 1px solid transparent;
}

.spoiler-button:not(.spoiler-button-active) {
    color: #4d4542;
    background-color: #302c2c;    
    border: 1px solid transparent;
}

.spoiler-button.spoiler-button-active {
    color: #b5b0aa;
    background-color: #302c2c;    
    border: 1px solid transparent;
}

.spoiler-button-on:not(.spoiler-button-active) {
    color: #4d4542;
}

.spoiler-button-active.spoiler-button-on {
    color: #fad2aa;
    text-shadow: 0 0 1px #ff5100, 0 0 2px #ff7119, 0 0 3px #ff8f33;
}
.spoiler-button.spoiler-button-on:not(.spoiler-button-active) {
    color: #8c6d61;
    text-shadow: 0 0 1px #a87d6a, 0 0 2px #c9ab99;
}