MediaWiki:Common.css

From Wynncraft Wiki
Revision as of 20:18, 17 May 2018 by MarkusRost (talk | contribs)
Jump to navigation Jump to search

CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */
.banner {
    background: url('skins/common/images/banner.png') repeat-x; /* this file doesn't exist, neither here nor on the original site */
    text-align: center;
    color: #000;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    /* @noflip */
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
.infobox img {
    margin: auto !important;
}
/* Fix Fancybox */
.fancybox-title a,
.fancybox-title a:hover {
    color: #fff !important;
}
/* Mobile Optimization */	
.rotate90 {
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 
 transform: rotate(-90deg);	
}
/* Mark internal links as plain */
#content a.external[href^="https://wynncraft.gamepedia.com"],
#content a.external[href^="//wynncraft.gamepedia.com"] {
 background: none;
 padding-right: 0;
}

.wynn-sprite-icon {
	background-image: url(https://d1u5p3l4wpay3k.cloudfront.net/wynncraft_gamepedia_en/2/20/WynnIconCSS.png);
}

.wynn-sprite-accessory {
	background-image: url(https://d1u5p3l4wpay3k.cloudfront.net/wynncraft_gamepedia_en/8/86/AccessorySprites.gif);
}

.wynn-sprite-armour {
	background-image: url(https://d1u5p3l4wpay3k.cloudfront.net/wynncraft_gamepedia_en/f/f4/ArmourSprites.png);
}

.wynn-sprite-weapon {
	background-image: url(https://d1u5p3l4wpay3k.cloudfront.net/wynncraft_gamepedia_en/1/19/WeaponSprites.png);
}

.wynn-sprite-gc {
	background-image: url(https://d1u5p3l4wpay3k.cloudfront.net/wynncraft_gamepedia_en/c/c4/GC_css.png);
}