MediaWiki:Common.css

From Will You Snail 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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
a[href$="/DiasTre"],
a[href$=":DiasTre"] {
    color: #00d4ff;
}
#mixed-content-footer {
    display: none;
}
.pi-theme-floatleft {

  float:left;
}

/* Site Background */
body {
	background: url(/images/8/80/Site-background.jpg) no-repeat center center fixed;
	background-size: cover;
	background-color: #b50063;
}
#mw-page-base {
	background: none;
}

/* Reposition Logo */
#p-logo {
	left: 50%;
	position: absolute;
	top: 35px;
	transform: translate(-50%, 0);
}

/* Resize Logo */
#p-logo,
#p-logo a {
	background-size: 50%;
	height: 140px;
	width: 374px;
}

/* Top Navigation Offset */
#left-navigation,
#right-navigation {
	margin-top: 175px;
}

/* Content Area */
#content {
  margin-top: 8.4em;
  border-color: #ffff00;
  border-width: 2px;
  background-color:rgba(0,0,0,0.7);
}

/* Link Color */
a,
.mw-body a,
.mw-body a.external,
.mw-body a.extiw,
.mw-body a:visited,
.mw-body a.external:visited,
.mw-body a.extiw:visited,
a:visited,
#mw-panel .portal .body li a:visited,
#mw-panel .portal .body li a,
.toctogglelabel {
	color: #00ffff;
}

/* Text Color */
h1, h2, h3, h4, h5, h6,
.mw-body,
#footer ul li,
#mw-panel .portal .vector-menu-heading,
.tocnumber {
	color: #ffffff;
}

/* Galleries */
 li.gallerybox div.thumb,
 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
 	background-color:rgba(0,0,0,0.4);
 }

/* Vector Tabs */
.vectorTabs,
.vectorTabs li,
.vectorTabs li.selected,
.vectorTabs li span,
.vectorTabs ul,
#mw-head .vectorMenu #p-cactions-label {
	background: none;
}
#mw-head .vectorTabs li:not(.new) a,
#mw-head .vectorTabs li.selected a,
#mw-head .vectorMenu #p-cactions-label span {
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 10px #000;
}
#p-cactions-label span:after {
	filter: invert(1);
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  background-image: none;
}

/* Catlinks */
.catlinks {
	background: none;
}

/* ToC */
.toc {
	background: none;
}

/* Portable infoboxes */
.portable-infobox {
	background: none;
	border:1px solid #ffff00;
}

.portable-infobox .pi-header {
	background-color: #000000;
}

.mp-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}

.mp-left {
	flex: 4;
}

.mp-right {
	flex: 1 275px;
	text-align: center;
}

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
    color: #d39090;
}

.vector-menu-dropdown .vector-menu-heading:after { filter: invert(1); }

#filetoc,
.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-search-profile-tabs,
#mw-searchoptions { background: none; }

table { display: table; }

.wikitable { 
	background: none;
	color: #fff;
}

.wikitable th { color: #202122; }

.thumbcaption,
.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { color: #000; }

ul {
    list-style-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2213%22%3E %3Ccircle cx=%222.5%22 cy=%229%22 r=%222.5%22 fill=%22%23fff%22/%3E %3C/svg%3E);
}

.mw-datatable td {
  background-color: rgba(0, 0, 0, 0.5);
}

.mw-datatable th,
.mw-datatable tr:hover td {
  background-color: #000000;
}