MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Browse history interactively
Content added Content deleted
No edit summary
(Added pdf icon and minimum thumb width.)
 
(47 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/** Sidebars **/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedSearch.css&only=styles";
/* Placing all sidebars to the left aka forcing layout under 1340px as default
/* CSS */
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UpgradedToolbar.css&only=styles";
@media (min-width: 1340px) {
/* CSS */
#mw-content-block {
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:LocalNavExploreIcons.css&only=styles";
display: block; }
/* CSS */
#mw-content,
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedProfile.css&only=styles";
#content-bottom-stuff {
/* CSS */
margin-left: 14em; }
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:StylizedTabs.css&only=styles";
#mw-content-wrapper {
/* CSS */
float: right;
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:OldEuropa.css&only=styles";
margin-left: -14em;
/* CSS */
width: 100%; }
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AdBlock.css&only=styles";
/* CSS */
/* Width and paddings */
#mw-site-navigation, #mw-related-navigation {
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200&display=swap');
width: 14em; }
/* CSS */
#mw-related-navigation {
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FontAwesome.css&only=styles";
padding: 0 1em 0 0; }
/* CSS */
.main-container h1,.main-container h2, .main-container h3, .main-container h4, .main-container h5 {
font-family: "Nunito Sans", sans-serif;
}
}

.resizable-container {
font-family: "Nunito Sans", sans-serif;
font-weight: 400;
}



div.page:before {
/* first we initialise the pseudo element */
content: '';
display: block;
position: absolute; /* remove the element from the normal document flow so it doesn't shift anything unwanted */

/* fill the entire container */
width: 100%;
height: 100%;

/* now we have our code */
background: url('https://static.wikia.nocookie.net/ages-of-conflict-world-war-simulator/images/f/fb/Camo.png/revision/latest/scale-to-width-down/600');
background-repeat: repeat;
background-attachment: fixed;
background-size: auto;
opacity: 0.2;
}
.page__main {
background-color: rgba(var(--theme-page-background-color--rgb),
0.7);
}

/*COMMUNITY HEADER drop shadow*/
.theme-fandomdesktop-light .fandom-community-header {
filter: drop-shadow(0px 0px 6px #FF6A00) drop-shadow(0px 0px 2px #FF6A00);
z-index: 200;
}
.theme-fandomdesktop-dark .fandom-community-header {
filter: drop-shadow(0px 0px 6px #FF6A00) drop-shadow(0px 0px 2px #FF6A00);
z-index: 200;
}

/* CSS */
a[href="/wiki/User:Spacewolf9"] {color:Gold; font-weight:bold; filter:drop-shadow(0px 0px 2px #Ffd700);}
/* CSS */
#navbar a:hover {
background-color: #ddd;
color: black;
}

.MPElement {
padding: 20px;
background-color: #D2B48C;
color: #3D3D3D;
border: 1px solid #888;
margin-bottom: 10px;
transition: all 0.3s ease; /* Shorter transition for a more subtle effect */
}

.MPElement:hover {
background-color: #C19A6B; /* Subtle change in background color on hover */
}

.MPElement h2 {
margin: 0;
padding-bottom: 10px;
border-bottom: 1px solid #888;
}

.MPElement p.small {
font-size: 0.8em;
margin-top: 10px;
border-top: 1px solid #888;
}

.MPElement a {
color: #008B8B; /* Link color that stands out against both light and dark backgrounds */
}

.MPElement a:hover {
color: #00FFFF; /* Link color on hover */
}

.container {
display: flex; /* Aligns the boxes horizontally */
}

.MPElement {
flex: 1; /* Each box will take up an equal amount of space */
padding: 20px;
background-color: #D2B48C;
color: #3D3D3D;
border: 1px solid #888;
margin: 10px; /* Space around each box */
transition: all 0.3s ease;
}

.MPElement:hover {
background-color: #776650;
}

.MPElement h2 {
margin: 0;
padding-bottom: 10px;
border-bottom: 1px solid #888;
}

.MPElement p.small {
font-size: 0.8em;
margin-top: 10px;
border-top: 1px solid #888;
}
.fandom-community-header .wds-button.wds-is-secondary {
border-radius: 20px;
border-width: 2px;
margin: 3px
}
.fandom-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
border-radius: 10px;
margin: 3px;
}
/* MediaWiki:Common.css */
.navigation-item:hover {
background-color: #D2B48C;
color: #fff;
}
.pi-image {
clip-path: content-box;
}

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

.pi-image img:hover {
transform: scale(1.04);
}
/*Username Custom Font*/
a[href$="/wiki/User:SkyBeau"] {
animation-name:rainbow;
animation-duration: 3s;
animation-delay:0s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-background-clip:text;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}
@keyframes rainbow {
0% {color:red;}
17% {color:orange;}
33% {color:yellow;}
50% {color:green;}
67% {color:blue;}
83% {color:violet;}
100% {color:red;}
}
}
.image-row {
.image-row {
display: flex;
display: flex;
Line 199: Line 42:
transition: transform 0.5s;
transition: transform 0.5s;
}
}
/* Social wrapper */


.pi-image img:hover {
.some-wrapper {
display: grid;
transform: scale(1.04);
grid-template-columns: repeat(2, 1fr);
place-content: center;
background: #303237;
width: 100%;
overflow: hidden;
}
}
/** Links **/

/* Social header */
/* Normal */
a {

color: gold !important; }
.some-header {
a:visited {
font-family: 'Nunito Sans', sans-serif;
color: gold !important; }
font-weight: bold;
a:hover {
font-size: 20px;
text-align: center;
color: gold !important;
grid-column: 1 / -1;
text-decoration: none;
text-shadow: 2px 2px 5px black; }
color: white;
/* Red */
background: #0C699F;
a.new {
padding: 10px;
margin: 0 0 1rem;
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;
/* Social icons */

:is(.some-itch, .some-steam, .some-twitter, .some-youtube) {
padding: 1rem;
font-size: 4rem;
place-self: center;
transition: color 1s ease-in;
}
}
a:hover {

cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto;
.some-itch a {
color: #fa5c5c;
}

.some-steam a {
color: #00adee;
}
}


/* Things cannot go more than 100% (so stuff cannot overlap) */
.some-twitter a {
img {
color: #1DA1F2;
max-width: 100%;
height: auto;
}
}


/* Change the external link icon to a PDF icon for all PDF files */
.some-youtube a {
.mw-parser-output a[href$=".pdf"].external,
color: #FF0000;
.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 */
:is(.some-itch, .some-steam, .some-twitter, .some-youtube) a:hover {
figure[typeof~='mw:File/Thumb'],
color: grey;
figure[typeof~='mw:File/Frame'],
cursor: pointer;
.thumbinner {
transition: color .5s ease-out;
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;
}
Retrieved from "https://agesofconflict.wiki/wiki/MediaWiki:Common.css?oldid=373054"