User:The talkingcat/common.css
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 {
background-color: #d8bc86;
border-radius: 10px;
border: 2px ridge #50352d;
box-shadow: 1px 1px 15px grey;
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;
}
.infobox-image {
background-color: #c4ab79;
border-radius: 10px;
border: 2px dotted #b59d6f;
padding: 5px;
}
.infobox-title {
text-align: center;
background-color: #775f44;
padding: 4px;
border-radius: 5px;
border: 2px solid #eee5e5;
border-collapse: collapse;
box-shadow: 0px 2px #2a1818;
color:#fff;
text-shadow:2px 2px #000;
font-size:95%;
font-family:verdana;
}
.infobox-header {
text-align: center;
background-color: #775f44;
padding: 4px;
border-radius: 5px;
border: 2px solid #eee5e5;
box-shadow: 0px 2px #2a1818;
color:#fff;
text-shadow:2px 2px #000;
font-size:95%;
font-family:verdana;
}
/* Fix Fancybox */
.fancybox-title a,
.fancybox-title a:hover {
color: #fff !important;
}
/* Mobile Optimization */
.rotate90 {
-moz-transform: rotate(-90deg);b
-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;
}