MediaWiki:Mainpage.css

From Zombie Panic! Official 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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All Mainpage Styles */

/* Left column */
.mainpage-left-section-container {
    text-align: center;
    padding-top: 0px;
    margin-bottom: 12px;
    border: 3px solid #8888;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
}
.theme-fandomdesktop-light .mainpage-left-section-container {
  background: rgba(255, 255, 255, 0.4);
}
.theme-fandomdesktop-dark .mainpage-left-section-container {
  background: rgba(0, 0, 0, 0.35);
}
.mainpage-left-section-container .readmore {
    text-align: right;
}
.mainpage-left-section-container table {
    width: 100%;
    padding: 2px 4px 0 4px;
}
.mainpage-left-header {
    font-size: 24px;
    font-weight: bold;
    overflow: auto;
    /*margin: 6px 4px;*/
    border: none;
    border-radius: 2px;
    text-align: center;
    padding: 1px;
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}

/* Right Column */
.mainpage-right-section-container {
    min-width: 300px;
    position: relative;
    height: 33.55px;
    overflow: hidden;
}
.mainpage-right-header {
    background: #4c4c4c;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    padding-left: 17px;
    line-height: 33.55px;
    font-weight: bold;
    font-size: 18px;
}
.mainpage-right-section-table {
    margin-bottom: 12px;
    border: 1px solid #3c4f6a;
    background: #4e57741a;
    border-radius: 2px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
}
.mainpage-right-header-content {
    margin: -1px;
    padding: 5px;
}

/* Hide extra table borders present on mobile */
.mainpage-left-section-container .article-table-wrapper,
.mainpage-right-section-container .article-table-wrapper,
.mainpage-left-section-container .article-table-wrapper tr:not(:last-of-type),
.mainpage-left-section-container .article-table-wrapper tr > th {
  border: none;
}

/* For Server Timers Gadget(s) */
body.show-active-as .hide-active,
body.show-active-eu .hide-active,
body.show-active-na .hide-active,
body:not(.show-active-as) .active-as,
body:not(.show-active-eu) .active-eu,
body:not(.show-active-na) .active-na {
	display: none;
}
body.show-active-as div.active-as,
body.show-active-eu div.active-eu,
body.show-active-na div.active-na,
body.show-active-as span.active-as,
body.show-active-eu span.active-eu,
body.show-active-na span.active-na,
body:not(.show-active-as, .show-active-eu, .show-active-na) div.default-active {
	display: inline-block !important;
}
body.show-active-as.show-active-eu br.active-as.active-eu,
body:not(.show-active-eu).show-active-as br:not(.active-eu).active-as {
	display: inline !important;
}

/* hr in events section - provide separation between (time-limited) in-game/web/permanant events */
.theme-fandomdesktop-dark hr.eventshr {
    background: white;
}
.theme-fandomdesktop-light hr.eventshr {
    background: black;
}
/* FandomMobile sets hr's to 0 height */
.theme-fandommobile-dark hr.eventshr {
    background: white;
    height: 1px;
}
.theme-fandommobile-light hr.eventshr {
    background: black;
    height: 1px;
}

#ActivityFeed .mw-changeslist-line-inner-rollback, #ActivityFeed .mw-changeslist-line-inner-tags,
#ActivityFeed .mw-changeslist-line-inner-userTalkLink, #ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff,
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff, #ActivityFeed .mw-changeslist-line-inner-userTalkLink,
#ActivityFeed td.mw-enhanced-rc, #ActivityFeed .mw-changeslist-legend, #ActivityFeed .mw-changeslist-line-inner-historyLink,
#ActivityFeed .mw-changeslist-line-inner-separatorAfterLinks, #ActivityFeed .mw-changeslist-line-inner-characterDiff,
#ActivityFeed .mw-changeslist-line-inner-comment, #ActivityFeed .activity-tabs, #ActivityFeed .activity-summary {
    display: none;
}

#ActivityFeed .mw-changeslist-line-inner-userLink:before {
    content: "\00000A\000009edited\0000A0by ";
    white-space: pre-wrap;
}

#ActivityFeed .mw-changeslist-line-inner {
    text-align: left
}