MediaWiki:Fandomdesktop.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
.theme-fandomdesktop-light .page-content .infobox {
background-color: #d8bc86;
border-radius: 10px;
border: 2px ridge #50352d;
box-shadow: 1px 1px 15px grey;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
/* Styles for Tradebox */
#Tradebox tr th,
#Tradebox tr td {
text-align: center;
padding: 0.2em 0.4em;
}
.theme-fandomdesktop-light #Tradebox {
background-color: #f8f9fa;
}
.theme-fandomdesktop-light .tradebox-title {
font-size: 110%;
background: lightgrey
}
.theme-fandomdesktop-dark #Tradebox {
background-color: #20262d;
}
.theme-fandomdesktop-dark .tradebox-title {
font-size: 110%;
background: grey
}
/* GENERAL PAGE STYLING */
/* .mw-editsection {
margin-left: auto;
padding-left: 1em;
margin-bottom: 0.4em;
} */
.page-content h2 {
padding: 6px 0 0;
}
.page-header__title {
font-weight: 400;
}
.wds-tabber {
overflow: visible
}
.theme-fandomdesktop-light a.mw-selflink.selflink {
color: #333333;
font-weight: bolder;
}
.theme-fandomdesktop-dark a.mw-selflink.selflink {
color: #e6e6e6;
font-weight: bolder;
}
.selflink:hover {
text-decoration: none;
}
.fieldBox {
background-color: #17292b;
}
/* AMBOX Styling */
.ambox-text {
font-size: 16px;
line-height: 2;
}
.amsmalltext {
font-size: 14px;
margin: 0;
line-height: 1.25;
}
table.navbox + table.navbox {
margin-top: 20px;
}
/* ITEMDATA */
.itemdata-wrapper {
float: right;
}
.itemdata-display-wrapper {
display: inline-block;
vertical-align: top;
}
/* DARK THEME edit button, diff views */
.theme-fandomdesktop-dark #p-namespaces a, .theme-fandomdesktop-dark #p-views a, .theme-fandomdesktop-dark div#mw-head div.vectorMenu h4 {
color: #dbdbdb;
}
.theme-fandomdesktop-dark td.diff-addedline, .theme-fandomdesktop-dark td.diff-deletedline {
background-color: #0e191a;
}
/* ABILITY TREE */
.ability-tree-icon-0 {
z-index: 2;
width: 36px;
height: 36px;
position: relative;
top: -5px;
left: -5px;
image-rendering: pixelated;
}
.ability-tree-icon-1 {
z-index: 2;
width: 36px;
height: 36px;
position: relative;
top: -8px;
left: -8px;
image-rendering: pixelated;
}
.ability-tree-icon-2 {
z-index: 2;
width: 36px;
height: 36px;
position: relative;
top: -11px;
left: -11px;
image-rendering: pixelated;
}
.ability-tree-icon-3 {
z-index: 2;
width: 36px;
height: 36px;
position: relative;
top: -14px;
left: -14px;
image-rendering: pixelated;
}
.ability-tree-branch {
width: 36px;
height: 36px;
position: relative;
top: -2px;
left: -2px;
image-rendering: pixelated;
}
.ability-tree-wrapper {
display: inline-block;
height: 800px;
overflow-x: hidden;
overflow-y: scroll;
}
.ability-tree-wrapper td {
width: 36px;
height: 36px;
}
.ability-tree-table {
min-width: 324px;
padding: 16px;
margin-left: auto;
margin-right: auto;
background-image: url(https://static.wikia.nocookie.net/wynncraft_gamepedia_en/images/7/71/Ability_background.png/revision/latest);
background-repeat: repeat-y;
}
.ability-info {
background-color: #0f010f;
max-width: 400px;
display: inline-block;
vertical-align: top;
}
.ability-info-table {
padding: 4px;
border: 2px solid #430da3;
margin: 3px;
}
.ability-info-row {
padding-top: 6px;
color: #AAA;
line-height: 1.3;
}
.main-tooltip {
border: none;
box-shadow: none;
margin-bottom: 5px;
padding: 0;
background: none;
}
#tooltip-wrapper {
background: rgba(0, 0, 0, 0.75);
}