MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Content added Content deleted
No edit summary
Tag: Reverted
(Added pdf icon and minimum thumb width.)
 
(34 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* Body background color */
/** Sidebars **/
/* Placing all sidebars to the left aka forcing layout under 1340px as default
body {
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
background-color: #eaf1f8;
@media (min-width: 1340px) {
color: #333333;
#mw-content-block {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
display: block; }
margin: 0;
#mw-content,
padding: 0;
#content-bottom-stuff {
line-height: 1.6;
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 {
/* Header */
display: flex;
#mw-head {
justify-content: space-between;
background-color: #2c88d9;
padding: 20px; /* Add padding to the row */
color: #ffffff;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
}


.image-box img {
/* Logo */
height: 134.38px;
#p-logo a {
color: #ffffff;
width: 100%;
font-size: 24px;
transition: 0.2s;
text-decoration: none;
object-fit: cover;
}
}


.image-box:hover img {
/* Main content area */
transform: scale(1.05);
#content {
background-color: #3D9EFF;
padding: 30px;
margin-top: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
}
.pi-image {

clip-path: content-box;
/* Links */
a {
color: #2c88d9;
text-decoration: none;
transition: color 0.3s ease;
}
}


.pi-image img {
a:hover {
color: #1e6091;
transition: transform 0.5s;
text-decoration: underline;
}
}


.pi-image img:hover {
/* Sidebar */
transform: scale(1.04);
#mw-panel {
background-color: #2c88d9;
color: #ffffff;
padding: 20px;
border-radius: 8px;
}
}
/** Links **/

/* Sidebar links */
/* Normal */
#mw-panel a {
a {
color: #ffffff;
color: gold !important; }
a:visited {
color: gold !important; }
a:hover {
color: gold !important;
text-decoration: none;
text-decoration: none;
transition: color 0.3s ease;
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;
#mw-panel a:hover {
color: #f0f4f8;
}
}
a:hover {

cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
/* Footer */
#footer {
background-color: #2c88d9;
color: #ffffff;
padding: 20px 0;
text-align: center;
position: fixed;
bottom: 0;
width: 100%;
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}
}


/* Things cannot go more than 100% (so stuff cannot overlap) */
/* Table styling */
table {
width: 100%;
border-collapse: collapse;
}

table th, table td {
padding: 10px;
border: 1px solid #dddddd;
}

table th {
background-color: #f7fbff;
}

/* Image styling */
img {
img {
max-width: 100%;
max-width: 100%;
height: auto;
height: auto;
display: block;
margin: 0 auto;
}
}


/* Change the external link icon to a PDF icon for all PDF files */
/* MediaWiki notices */
.mw-parser-output a[href$=".pdf"].external,
.mw-notice {
.mw-parser-output a[href*=".pdf?"].external,
background-color: #e0ecf8;
.mw-parser-output a[href*=".pdf#"].external,
padding: 10px;
.mw-parser-output a[href$=".PDF"].external,
margin-bottom: 20px;
.mw-parser-output a[href*=".PDF?"].external,
border: 1px solid #b4d2f0;
.mw-parser-output a[href*=".PDF#"].external {
border-radius: 5px;
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
color: #333333;
/* @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;
}