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.
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:AccentColorButtons.css|u:dev:MediaWiki:BalancedCategories.css|u:dev:MediaWiki:BalancedPageBottom.css|u:dev:MediaWiki:BalancedProfile.css|u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:BringExternalLinkIconsBack.css|u:dev:MediaWiki:InterlanguageFlags.css|MediaWiki:Navbox.css|u:dev:MediaWiki:StylizedDiff.css");
/***** CSS placed here will be applied to all skins on the entire site. *****/
/*===============*/
/* Media icons (Attack on Titan Wiki) */
/*===============*/
#media-icons {
margin-bottom: 1em;
overflow: hidden;
}
#media-icons ul {
float: right;
margin: 0;
}
#media-icons li {
float: left;
line-height: 0;
list-style-type: none;
margin: 0 5px 0 0;
}
.mi-current a,
.mi-other a {
border: 2px black;
border-radius: 0.5em;
display: inline-block;
height: 50px;
opacity: 0.5;
overflow: hidden;
position: relative;
width: 50px;
}
.mi-current a,
.mi-other a:hover {
opacity: 1;
}
.mi-mobile {
display: none;
}
.tooltip-inner {
background-color: black;
margin-top: 0.3em;
border-radius: 6px;
padding: 0px;
border: 1px solid black;
color: white;
}
/*================================= Hover (LoveLive! Wiki) =================================*/
.hoverimg {
position: relative;
overflow: hidden;
display: inline-block;
}
.hoverimg:after {
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: rgba(255, 255, 255, 0.13);
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.13) 0%,
rgba(255, 255, 255, 0.13) 77%,
rgba(255, 255, 255, 0.5) 92%,
rgba(255, 255, 255, 0.0) 100%
);
}
/* Hover state - trigger effect */
.hoverimg:hover:after {
opacity: 1;
top: -30%;
left: -30%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}
/* Active state */
.hoverimg:active:after {
opacity: 0;
}
/* Image Hover */
.fadeout img:hover {
opacity:0;
}
.fadeout img:active {
opacity:0;
}
body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) {
visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */
}
/* Background (Credits to LE SSERAFIM Wiki) */
/* To Make Background Invisible */
.page__main {
background-color: transparent;
border-radius: 3px;
min-height: 480px;
padding: 24px 36px;
position: relative;
}
/* Light Theme */
.theme-fandomdesktop-light .resizable-container .page::before {
opacity: 0.2;
background: transparent url("https://static.wikia.nocookie.net/the-bangtan-boys/images/6/6b/BTS_%27Apobangpo_10%27_Project_Photo_%2814%29.jpeg/revision/latest?cb=20230608133149&format=original") center fixed;
background-size: 1450px;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* Dark Theme */
.theme-fandomdesktop-dark .resizable-container .page::before {
opacity: 0.2;
background: transparent url("https://static.wikia.nocookie.net/the-bangtan-boys/images/a/a9/BTS_%27Apobangpo_10%27_Project_Photo_%286%29.jpeg/revision/latest?cb=20230608132952&format=original") center fixed;
background-size: 1450px;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}