Witcher Wiki
Don't have an account?
Register
Register
Witcher Wiki
Witcher Wiki
14,206
pages

Fandomdesktop.css

MediaWiki page
Revision as of 16:31, 4 June 2021 by Game widow (talk | contribs)
Sign in to edit

In other languages: Deutsch • Ελληνικά • Français • Italiano • Polski

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
/* Main page 2-column layout, there is also javascript governing this */
div#mp-wrapper {
    float: left;
    width: 100%;
}

div#mp-main {
    margin-right: 365px;
    padding: 0.5em;
    width: auto;
}

div#mp-right {
    float: left;
    margin-left: -365px;
    padding: 0.5em;
    width: 350px;
}

#filetoc {
    background-color: var(--theme-page-background-color--secondary);
}

/* tables */
table,
table.sortable,
table.wikitable {
    border-collapse: separate;
    border-spacing: 1px;
}

table.wikitable {
    background: none repeat scroll 0 0 transparent;
}

table.wikitable > caption {
    color: var(--theme-page-text-color);
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color: var(--theme-accent-color);
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
    text-align: center;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid var(--theme-border-color);
    padding: 0.2em;
}

.wikitable th {
    background-color: var(--theme-accent-color);
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
}

.wikitable td {
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
    padding: 0.2em;
}

.TablePager,
.mw-datatable,
table.mw_metadata {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--theme-border-color);
}

.TablePager th,
.mw-datatable th,
table.mw_metadata th {
    background-color: var(--theme-accent-color);
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
}

.TablePager tr:hover td,
.mw-datatable tr:hover td {
    background-color: var(--theme-body-background-color) !important;
    color: var(--theme-page-text-color);
}

.TablePager th a,
.mw-datatable th a,
table.mw_metadata th a {
    background-color: var(--theme-accent-color);
    color: var(--theme-page-text-color) !important;
}
 
.TablePager td,
.mw-datatable td,
table.mw_metadata td {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
}

/* This is stuff for tables with alternating coloured lines, aka pyjama paper */
table.sortable {
    border: 1px solid var(--theme-border-color);
}

.sortable th,
.unsortable th {
    background-color: var(--theme-accent-color);
    color: var(--theme-page-text-color);
}

.sortable tr:nth-child(2n+1),
.pyjama tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 var(--theme-page-background-color--secondary);
}

.sortable tr:nth-child(2n),
.pyjama tr:nth-child(2n) {
    background: none repeat scroll 0 0 var(--theme-page-background-color);
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background: var(--theme-page-background-color--secondary); 
    background-image: -moz-linear-gradient(center top, var(--theme-link-dynamic-color-1) 60%, var(--theme-body-background-color) 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,var(--theme-link-dynamic-color-1)), color-stop(100%,var(--theme-body-background-color))); 
    background-image: -webkit-linear-gradient(top, var(--theme-link-dynamic-color-1) 60%, var(--theme-body-background-color) 100%); 
    background-image: -o-linear-gradient(top, var(--theme-link-dynamic-color-1) 60%, var(--theme-body-background-color) 100%); 
    background-image: -ms-linear-gradient(top, var(--theme-link-dynamic-color-1) 60%, var(--theme-body-background-color) 100%); 
    background-image: linear-gradient(to bottom, var(--theme-link-dynamic-color-1) 60%, var(--theme-body-background-color) 100%); 
    border: 1px solid var(--theme-border-color); 
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: var(--theme-page-background-color--secondary); 
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    margin: 1px 2px;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxtable td > .tabber.tabberlive {
    background-color: rgba(0, 0, 0, 0); 
}

div.infoboxtable td * ul.tabbernav {
    text-align: center;
}

.infoboxtable td > .tabber .tabbertab {
    padding: 0;
}

.infoboxname1,
.infoboxname2,
.infoboxname3,
.infoboxnamebook,
.infoboxnamenv,
.infoboxnamefilmtv {
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

/* Infobox-Icons */
div.icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.icons img,
div.icons span {
    display: inline-block;
} 

div.icons span {
    width: 280px;
}

div.icons img {
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}
/* end Infobox-Icons */

.infoboxdetails1,
.infoboxdetails2,
.infoboxdetails3,
.infoboxdescription1,
.infoboxdescription2,
.infoboxdescription3,
.infoboxdetailsbook,
.infoboxdetailsnv {
    padding: 0em;
}

.infoboxname1,
.infoboxdetails1,
.infoboxdescription1 {
    background: #C0C0C0; 
    background-image: -moz-linear-gradient(center top, #C0C0C0 0%, #505050 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#C0C0C0), color-stop(100%,#505050)); 
    background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #505050 100%); 
    background-image: -o-linear-gradient(top, #C0C0C0 0%, #505050 100%); 
    background-image: -ms-linear-gradient(top, #C0C0C0 0%, #505050 100%); 
    background-image: linear-gradient(to bottom, #C0C0C0 0%, #505050 100%); 
}

.infoboxname2,
.infoboxdetails2,
.infoboxdescription2 {
    background: #d2801e; 
    background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03)); 
    background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%); 
    background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%); 
    background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%); 
    background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%); 
    color: #fff; 
}

.infoboxname3,
.infoboxdetails3,
.infoboxdescription3 {
    background: #AB0000; 
    background-image: -moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A)); 
    background-image: -webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
    background-image: -o-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
    background-image: -ms-linear-gradient(top, #AB0000 0%, #4A040A 100%); 
    background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%); 
    color: #fff; 
}

.infoboxnamebook,
.infoboxdetailsbook,
.infoboxdescriptionbook {
    background: #824d1f; /* Old browsers */
    background: -moz-linear-gradient(top,  #824d1f 0%, #512300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824d1f), color-stop(100%,#512300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #824d1f 0%,#512300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #824d1f 0%,#512300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #824d1f 0%,#512300 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #824d1f 0%,#512300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#824d1f", endColorstr="#512300",GradientType=0 ); /* IE6-9 */
    color: #FFFFFF; 
}

.infoboxnamenv,
.infoboxdetailsnv {
    background: #55B784; 
    background-image: -moz-linear-gradient(center top, #55B784 0%, #001E0E 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#55B784), color-stop(100%,#001E0E)); 
    background-image: -webkit-linear-gradient(top, #55B784 0%, #001E0E 100%); 
    background-image: -o-linear-gradient(top, #55B784 0%, #001E0E 100%); 
    background-image: -ms-linear-gradient(top, #55B784 0%, #001E0E 100%); 
    background-image: linear-gradient(to bottom, #55B784 0%, #001E0E 100%); 
    color: #FFFFFF; 
}

.infoboxnamefilmtv,
.infoboxdetailsfilmtv {
    background: #D1E6F4; 
    background-image: -moz-linear-gradient(center top, #D1E6F4 0%, #17405C 100%); 
    background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#D1E6F4), color-stop(100%,#17405C)); 
    background-image: -webkit-linear-gradient(top, #D1E6F4 0%, #17405C 100%); 
    background-image: -o-linear-gradient(top, #D1E6F4 0%, #17405C 100%); 
    background-image: -ms-linear-gradient(top, #D1E6F4 0%, #17405C 100%); 
    background-image: linear-gradient(to bottom, #D1E6F4 0%, #17405C 100%); 
    color: #000000; 
}

/* Collapsing sections in infoboxes */
.section-collapse {
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 5px;
    position: relative;
    right: 0;
    top: 5px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 7px;
}

.section-collapsed {
    display: none;
}

.collapsed-icon {
   margin-top: -2px;
   transform: rotate(135deg);
}

/* Navboxes in general */
/* Lore navboxes */

.navbox_title {
    background: var(--theme-accent-color);
    color: var(--theme-page-text-color);
    font-size:90%;
}

/* Newer Navbox template style */
table.navbox {
    border: 1px solid var(--theme-border-color);
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: #0f0f0f;
}

.navbox-list {
    border-color: #0f0f0f;   /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background-color: #151414;
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background-color: #1c1b1b;
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background-color: #242222;
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background-color: #1C1E20;
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background-color: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/* custom headers */
.theme-fandomdesktop-dark .heading {
    background-color: #66161D;
    background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/9/96/Headerbg_red.png/revision/latest");
    background-repeat: repeat-x;
    border: 1px solid #66161D;
    text-align: center;
    color: var(--theme-page-text-color); /*rausnehmen, wenn zentral auf Weiß! */
    font-size: 130%;
    padding: 4px;
    box-shadow: 0 0.1em 0.75em #B02525;
}

.theme-fandomdesktop-light .heading {
    background: #2f3f58 url('https://static.wikia.nocookie.net/gwent_gamepedia/images/7/78/Headerbg.png/revision/latest') repeat-x;
    border: 1px solid #2f3f58;
    text-align: center;
    color: #FFFFFF; /*rausnehmen, wenn zentral auf Weiß! */
    font-size: 130%;
    padding: 4px;
    box-shadow: 0 0.1em 0.75em #2f3f58;
}

/* Custom sort icons */
table.jquery-tablesorter th.customicon1.headerSort,
table.jquery-tablesorter th.customicon1.headerSortUp,
table.jquery-tablesorter th.customicon1.headerSortDown {
     background-image: url("https://images.wikia.com/witcher_gamepedia/images/thumb/2/23/Tw2_icon_weight.svg/12px-Tw2_icon_weight.svg") !important;
     background-position: center;
     mask-image: none;
}

table.jquery-tablesorter th.customicon2.headerSort,
table.jquery-tablesorter th.customicon2.headerSortUp,
table.jquery-tablesorter th.customicon2.headerSortDown {
     background-image: url("https://images.wikia.com/witcher_gamepedia/images/thumb/0/06/Tw2_icon_damage.png/32px-Tw2_icon_damage.png") !important;
     background-position: center;
     mask-image: none;
}

table.jquery-tablesorter th.customicon3.headerSort,
table.jquery-tablesorter th.customicon3.headerSortUp,
table.jquery-tablesorter th.customicon3.headerSortDown {
     background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/a/a9/Tw2_icon_mutagens.svg/revision/latest") !important;
     background-position: center;
     height: 24px;
     width: 18px;
     mask-image: none;
}

table.jquery-tablesorter th.customicon4.headerSort,
table.jquery-tablesorter th.customicon4.headerSortUp,
table.jquery-tablesorter th.customicon4.headerSortDown {
     background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/9/9e/Tw2_icon_crafting.svg/revision/latest") !important;
     background-position: center;
     height: 21px;
     width: 16px;
     mask-image: none;
}

table.jquery-tablesorter th.customicon5.headerSort,
table.jquery-tablesorter th.customicon5.headerSortUp,
table.jquery-tablesorter th.customicon5.headerSortDown {
     background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/5/5f/Tw2_icon_quests.svg/revision/latest") !important;
     background-position: center;
     height: 20px;
     width: 16px;
     mask-image: none;
}

table.jquery-tablesorter th.customicon6.headerSort,
table.jquery-tablesorter th.customicon6.headerSortUp,
table.jquery-tablesorter th.customicon6.headerSortDown {
     background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/f/fb/Tw2_icon_alchemy.svg/revision/latest") !important;
     background-position: center;
     height: 20px;
     width: 18px;
     mask-image: none;
}

table.jquery-tablesorter th.customicon7.headerSort,
table.jquery-tablesorter th.customicon7.headerSortUp,
table.jquery-tablesorter th.customicon7.headerSortDown {
     background-image: url("https://images.wikia.com/witcher_gamepedia/images/thumb/d/d6/Tw2_icon_armor.png/32px-Tw2_icon_armor.png") !important;
     background-position: center;
     mask-image: none;
}

table.jquery-tablesorter th.customicon8.headerSort,
table.jquery-tablesorter th.customicon8.headerSortUp,
table.jquery-tablesorter th.customicon8.headerSortDown {
     background-image: url("https://images.wikia.com/witcher_gamepedia/images/thumb/b/ba/Tw3_icon_dps_steel.png/48px-Tw3_icon_dps_steel.png") !important;
     background-position: center;
     mask-image: none;
}

table.jquery-tablesorter th.customicon9.headerSort,
table.jquery-tablesorter th.customicon9.headerSortUp,
table.jquery-tablesorter th.customicon9.headerSortDown {
     background-image: url("https://images.wikia.com/witcher_gamepedia/images/thumb/9/9c/Tw3_icon_dps_silver.png/48px-Tw3_icon_dps_silver.png") !important;
     background-position: center;
     mask-image: none;
}

table.jquery-tablesorter th.customicon10.headerSort,
table.jquery-tablesorter th.customicon10.headerSortUp,
table.jquery-tablesorter th.customicon10.headerSortDown {
     background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/e/e8/Tw2_icon_dismantle.svg/revision/latest") !important;
     background-position: center;
     mask-image: none;
}

table.jquery-tablesorter th.customicon11.headerSort,
table.jquery-tablesorter th.customicon11.headerSortUp,
table.jquery-tablesorter th.customicon11.headerSortDown {
     background-image: url("https://static.wikia.nocookie.net/witcher_gamepedia/images/e/ef/Tw3_icon_weight.svg/revision/latest") !important;
     background-position: center;
     height: 15px;
     width: 15px;
     mask-image: none;
}

table.jquery-tablesorter th.customicon12.headerSort,
table.jquery-tablesorter th.customicon12.headerSortUp,
table.jquery-tablesorter th.customicon12.headerSortDown {
     background-image: url("https://images.wikia.com/witcher_gamepedia/images/thumb/c/c6/Tw3_icon_armor.png/32px-Tw3_icon_armor.png") !important;
     background-position: center;
     mask-image: none;
}

img.scalable {
     max-width: 100%;
     height:auto;
}

/* Page history */
#pagehistory li,
#pagehistory li.selected {
    border: 1px dashed var(--theme-border-color);
}

#pagehistory li.selected {
    background-color: var(--theme-page-background-color--secondary);
    color: var(--theme-body-text-color);
}

.updatedmarker {
    color: var(--theme-link-dynamic-color-1);
}

/* diffs */
.diff-context {
    background-color: var(--theme-page-background-color--secondary); /* or var(--theme-page-background-color) */
    border-color: var(--theme-border-color);
    color: var(--theme-body-text-color);
}

.diff-addedline, .diff-deletedline, .diff-context {
    font-size: 88%;
    line-height: 1.6;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
}

.diff-deletedline {
    border-color: var(--theme-alert-color);
}

.diff-addedline {
    border-color: var(--theme-success-color);
}

.diff-deletedline .diffchange {
    background-color: var(--theme-alert-color);
}

.diff-addedline .diffchange {
    background-color: var(--theme-success-color);
}

/* Achievements */
.achievement_category {
    background: none repeat scroll 0 0 var(--theme-page-background-color);
    border: 1px solid var(--theme-border-color);
}

#p-achievement-list {
    background: none repeat scroll 0 0 var(--theme-body-background-color);
    border: 1px solid var(--theme-border-color);
}

.achievement_category_select {
    background: none repeat scroll 0 0 var(--theme-page-background-color--secondary);
    border-bottom: 1px solid var(--theme-border-color);
    border-left: 1px solid var(--theme-border-color);
    border-top: 1px solid var(--theme-border-color);
}

.achievement_category_select[data-selected="true"] {
    background: none repeat scroll 0 0 var(--theme-body-background-color);
    border-bottom: 1px solid var(--theme-border-color);
}
Community content is available under CC BY-SA 3.0 unless otherwise noted.
More Fandoms