MediaWiki:Common.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:FBTabbers.css"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Background.css|MediaWiki:Usernamecolors.css"); @import url(https://fonts.googleapis.com/css?family=Lobster|Niconne|Oswald|Economica); @import url(/load.php?mode=articles&articles=u:dev:MediaWiki:DiscussionsFeed/style-light.css&only=styles); @import url(/load.php?mode=articles&articles=u:dev:InterlanguageFlags/code.css&only=styles); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RoundAvatars.css&only=styles";

/* Site colors */ .theme-fandomdesktop-light, .skin-oasis { --ie-site-transparency: 0.9; }

.theme-fandomdesktop-dark { --ie-site-transparency: 0.5; }

/* Site body transparency */ .skin-fandomdesktop .page__main { background-color: rgba(var(--theme-page-background-color--rgb), var(--ie-site-transparency)); }

/* References styling */ border-top-left-radius: 1.2em; border: 1px solid #ff5996; list-style-position: inside; margin-bottom: 3px; max-height: 230px; overflow: auto; padding: 0.5em; column-count: 2; }
 * 1) mw-content-text .compactreferences {

/* Stretch background */ body.mediawiki { background-size: 100% !important; }

/*========================================================* *            Masthead-info background banner            * *========================================================*/ .UserProfileMasthead .masthead-info { background:#FFFFFF url('https://vignette.wikia.nocookie.net/fruitsbasket/images/c/c7/UserProfileMasthead.png') bottom right no-repeat; overflow:hidden; }

/* Global variables. */ .wiki-fruitsbasket { --theme-body-background-image: url(https://static.wikia.nocookie.net/fruitsbasket/images/5/50/Wiki-background/revision/latest?cb=20210518230329); --theme-header-background-image: url(https://static.wikia.nocookie.net/fruitsbasket/images/e/e5/Wiki-Header.webp/revision/latest?cb=20211110183607); --theme-header-background-color: #ff5996; --theme-header-background-color--rgb: 255, 89, 150; } /** Header. **/

/*** Adds old banners. ***/ .fandom-community-header { background: rgba(var(--theme-header-background-color--rgb, 0, 0, 0), .38) right top/contain scroll no-repeat var(--theme-header-background-image, url(https://static.wikia.nocookie.net/fruitsbasket/images/0/0e/Community-header-background/revision/latest?cb=20210628171258)); padding: 8.5px 0; position: relative; }

.fandom-community-header::before { --theme-header-gradient-start: 200px; --theme-header-gradient-end: 430px; background: linear-gradient(to right, rgba(var(--theme-header-background-color--rgb, 255, 255, 255), .5), rgba(var(--theme-header-background-color--rgb, 0, 0, 0), .5)), linear-gradient(to left, transparent var(--theme-header-gradient-start), var(--theme-header-background-color, #ff5996) var(--theme-header-gradient-end)); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; }

.diff td.diff-addedline { background-color: rgb(251 251 251 / 85%); }

.diff td.diff-deletedline { background-color: rgb(251 251 251 / 85%); }

/*** @media only screen and (min-width: 724px) and (max-width: 899px) { .fandom-community-header { padding-inline: 12px; } }
 * Responsive design - increases banner's padding size as the windows' width
 * increases too.

@media only screen and (min-width: 900px) and (max-width: 1279px) { .fandom-community-header { padding-inline: 24px; } }

@media only screen and (min-width: 1280px) { .fandom-community-header { padding: 26px 24px; } }

/*** .fandom-community-header__image, .fandom-community-header__top-container { z-index: 1; }
 * Puts wiki logo, title, and right buttons in front of the gradient
 * background.

/*** Moving the editor a bit more bellow. ***/ .action-edit .page, .ve-active .page { margin-top: 46px; }