MediaWiki:Vector.css

From SpellRogue 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.
/* tabber */
    .tabber__tab { /* Unselected tab */
      color: #e6e6e6;
    }
    .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { /* Currently Selected Tab */
      box-shadow: inset 0 -2px 0 0 #ffc075; /* Underline */
      color: #ffc075;
    }
    .tabber__tab:hover, .tabber__tab:active { /* Mouse Hovered / Keyboard Selected Tab */
      box-shadow: inset 0 -2px 0 0 #ffc075; /* Underline */
      color: #ffc075;
    }
    .tabber__header {
        margin-left: 0.3em; /* Counter underline going out of bounds of the infobox */
        background: none;
    }
    .tabber__indicator {
      background: #ffc075; /*  */
    }

/* Rarity Links */
.starter a {  color: #B5B5B3 !important;}

.signature a {  color: #FFFFFF !important;}

.common a {  color: #FFFFFF !important;}

.uncommon a {  color: #58FF58 !important;}

.rare a {  color: #66D3FF !important;}


/* Artifact Type Links */
.starter a {  color: #B5B5B3 !important;}

.normal a {  color: #58FF58 !important;}

.boss a {  color: #66D3FF !important;}


/* Footer Navbar */
#footernav {
    text-align: center;
    margin: auto;
    clear: both;
}


/* Hides TOOLBOX */
#p-tb { display:none; }


/* Hides nav and replaces with icon when zoomed in */
@media screen and (max-width: 750px) {
    #p-navigation-label {
        content: url(https://spellrogue.wiki.gg/images/6/6a/NavLabelDice3.png?20230826180336);
        width: 24px;
        height: 24px;
    }
}


/* Replaced Bullet Points with Image */
#mw-content-text ul li {
    list-style-image: url(https://spellrogue.wiki.gg/images/6/63/Bulletpointdice.png?20230829063409);
    list-style-position: inside;
    padding-left: 0;
}


/* Ensures size of Bullet Dice image on Mobile */
@media only screen and (max-width: 750px) {
  .bullet-template img {
    width: 10px !important;
    height: 10px !important;
  }
}


/* Ensures images go top to bottom for Homepage on Mobile */
@media (max-width: 750px) {
    .gallerybox {
        display: block;
        margin: 0 auto;
    }
}