More actions
Content deleted Content added
No edit summary |
No edit summary |
||
(83 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
/** Sidebars **/ |
|||
/* Placing all sidebars to the left aka forcing layout under 1340px as default |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedSearch.css&only=styles"; |
|||
Taken from Inkipedia [ https://splatoonwiki.org/wiki/MediaWiki:Timeless.css ] */ |
|||
/* CSS */ |
|||
@media (min-width: 1340px) { |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UpgradedToolbar.css&only=styles"; |
|||
#mw-content-block { |
|||
/* CSS */ |
|||
display: block; } |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:LocalNavExploreIcons.css&only=styles"; |
|||
#mw-content, |
|||
/* CSS */ |
|||
#content-bottom-stuff { |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedProfile.css&only=styles"; |
|||
margin-left: 14em; } |
|||
/* CSS */ |
|||
#mw-content-wrapper { |
|||
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:OldEuropa.css&only=styles"; |
|||
float: right; |
|||
/* CSS */ |
|||
margin-left: -14em; |
|||
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200&display=swap'); |
|||
width: 100%; } |
|||
.main-container h1,.main-container h2, .main-container h3, .main-container h4, .main-container h5 { |
|||
/* Width and paddings */ |
|||
font-family: "Nunito Sans", sans-serif; |
|||
#mw-site-navigation, #mw-related-navigation { |
|||
width: 14em; } |
|||
#mw-related-navigation { |
|||
padding: 0 1em 0 0; } |
|||
} |
} |
||
.image-row { |
|||
.resizable-container { |
|||
display: flex; |
|||
font-family: "Nunito Sans", sans-serif; |
|||
justify-content: space-between; |
|||
font-weight: 400; |
|||
padding: 20px; /* Add padding to the row */ |
|||
} |
} |
||
.image-box img { |
|||
height: 134.38px; |
|||
width: 100%; |
|||
div.page:before { |
|||
transition: 0.2s; |
|||
/* first we initialise the pseudo element */ |
|||
object-fit: cover; |
|||
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); |
|||
} |
} |
||
.image-box:hover img { |
|||
/*COMMUNITY HEADER drop shadow*/ |
|||
transform: scale(1.05); |
|||
.theme-fandomdesktop-light .fandom-community-header { |
|||
filter: drop-shadow(0px 0px 6px #FF6A00) drop-shadow(0px 0px 2px #FF6A00); |
|||
z-index: 200; |
|||
} |
} |
||
.pi-image { |
|||
.theme-fandomdesktop-dark .fandom-community-header { |
|||
clip-path: content-box; |
|||
filter: drop-shadow(0px 0px 6px #FF6A00) drop-shadow(0px 0px 2px #FF6A00); |
|||
z-index: 200; |
|||
} |
} |
||
.pi-image img { |
|||
a[href="/wiki/User:Cosmoj0sh"] {color:violet; font-weight:bold; filter:drop-shadow(0px 0px 2px #B200FF);} |
|||
transition: transform 0.5s; |
|||
#navbar a:hover { |
|||
background-color: #ddd; |
|||
color: black; |
|||
} |
} |
||
.pi-image img:hover { |
|||
.MPElement { |
|||
transform: scale(1.04); |
|||
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 |
|||
} |
} |
||
/** Links **/ |
|||
.fandom-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { |
|||
/* Normal */ |
|||
border-radius: 10px; |
|||
a { |
|||
margin: 3px; |
|||
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 { |
|||
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto; |
|||
} |
} |
||
a:hover { |
|||
/* Define the banner box */ |
|||
cursor: url("https://static.miraheze.org/agesofconflictwiki/5/5e/Default.png"), auto; |
|||
.banner-box { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
background-color: #BCA17D; |
|||
border: 2px solid #57514A; |
|||
padding: 20px; |
|||
width: 100%; /* Full width */ |
|||
height: 100px; /* Adjust as needed */ |
|||
margin: 0 auto; /* Center the box */ |
|||
transition: background-color 0.5s ease, transform 0.5s; |
|||
} |
} |
||
/* Things cannot go more than 100% (so stuff cannot overlap) */ |
|||
.banner-box:hover { |
|||
img { |
|||
background-color: #57514A; |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
} |
||
/* Change the external link icon to a PDF icon for all PDF files */ |
|||
/* Define the title */ |
|||
.mw-parser-output a[href$=".pdf"].external, |
|||
.title-rectangle { |
|||
.mw-parser-output a[href*=".pdf?"].external, |
|||
font-size: 30px; |
|||
.mw-parser-output a[href*=".pdf#"].external, |
|||
text-align: center; |
|||
.mw-parser-output a[href$=".PDF"].external, |
|||
color: #57514A; |
|||
.mw-parser-output a[href*=".PDF?"].external, |
|||
text-shadow: 2px 2px 4px #BCA17D; |
|||
.mw-parser-output a[href*=".PDF#"].external { |
|||
transition: color 0.5s, text-shadow 0.5s; |
|||
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 */ |
|||
.title-rectangle:hover { |
|||
figure[typeof~='mw:File/Thumb'], |
|||
color: #BCA17D; |
|||
figure[typeof~='mw:File/Frame'], |
|||
text-shadow: 2px 2px 4px #57514A; |
|||
.thumbinner { |
|||
min-width: 100px; |
|||
} |
} |
Latest revision as of 13:08, 12 August 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 {
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;
}