MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Content added Content deleted
((Hopefully) readded External Link doodacky.)
(Added pdf icon and minimum thumb width.)
 
(One intermediate revision by one other user not shown)
Line 74: Line 74:
a:hover {
a:hover {
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
}

/* Things cannot go more than 100% (so stuff cannot overlap) */
img {
max-width: 100%;
height: auto;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* Minimum thumb width */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

Latest revision as of 21:36, 26 February 2024

/** Sidebars **/
/* Placing all sidebars to the left aka forcing layout under 1340px as default 
   Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
@media (min-width: 1340px) {
	#mw-content-block {
		display: block; }
	#mw-content,
	#content-bottom-stuff {
		margin-left: 14em; }
	#mw-content-wrapper {
		float: right;
		margin-left: -14em;
		width: 100%; }
	/* Width and paddings */
	#mw-site-navigation, #mw-related-navigation {
		width: 14em; }
	#mw-related-navigation {
		padding: 0 1em 0 0; }
}
 
.image-row {
  display: flex;
  justify-content: space-between;
  padding: 20px; /* Add padding to the row */
}

.image-box img {
    height: 134.38px;
    width: 100%;
    transition: 0.2s;
    object-fit: cover;
}

.image-box:hover img {
  transform: scale(1.05);
}
.pi-image {
    clip-path: content-box;
}

.pi-image img {
    transition: transform 0.5s;
}

.pi-image img:hover {
    transform: scale(1.04);
}
/** Links **/
/* Normal */
a {
    color: gold !important; }
a:visited {
    color: gold !important; }
a:hover {
    color: gold !important;
    text-decoration: none;
    text-shadow: 2px 2px 5px black; }
/* Red */
a.new {
    color: red !important; }
a.new:visited {
    color: red !important; }
/* External interwiki and web links (affects long Special: links too)  */
a.extiw, a.external {
    color: gold !important;                /* Different color */
    padding-right: 0 !important; }
    
    body #mw-content-text {
  color: white;
}
body {
  cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
}
a:hover {
  cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
}

/* Things cannot go more than 100% (so stuff cannot overlap) */
img {
    max-width: 100%;
    height: auto;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
	background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
	/* @noflip */
	padding: 8px 18px 8px 0;
}

/* Minimum thumb width */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
	min-width: 100px;
}