MediaWiki:Fandomdesktop.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedUCX.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedSlider.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedDiscord.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedScrollbar.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedCategories.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FluentUI.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:User:Александр_III/TemplateLibrary.css&only=styles";

/* ~ nkch ~ */ @import "/load.php?mode=articles&only=styles&articles=u:nkch:MediaWiki:Fonts.css";

.page { backdrop-filter: blur(10px); }

.page__main { height: 100%; position: abso; }

overflow-x: initial; }
 * 1) content {

.main-page-tag-lcs, .main-page-tag-rcs { float: initial !important; }

.gotmm-mainpage-columns { display: flex; gap: 10px }

.mainpage .page-header { position: relative; z-index: 10; }

.mainpage .page-header .page-header__actions>.wds-button { color: var(--theme-page-text-color) !important; }

.mainpage .page-header .page-header__actions>.wds-button:hover { background-color: rgba(var(--theme-page-text-color--rgb), .15); }

.mainpage .page-header .wds-dropdown__toggle { color: var(--theme-page-text-color) !important; }

.mainpage .page-header .wds-dropdown:hover .wds-dropdown__toggle { background-color: rgba(var(--theme-page-text-color--rgb), .15); }

.gotmm-mainpage-greeting { background-color: var(--theme-page-background-color); background-image: url("/Special:FilePath/File:Вечная_зима8.png"); background-position: center; background-size: cover; block-size: 550px; border-radius: 3px 3px 0 0; display: flex; flex-direction: column; gap: 80px; justify-content: flex-end; margin-block-start: -96px; margin-inline: -30px; padding-inline: 50px; position: relative; }

.gotmm-mainpage-greeting:after { background-color: rgba(var(--theme-page-background-color--rgb), .5); border-radius: 3px 3px 0 0; content: ""; display: block; height: 100%; margin-inline: -50px; position: absolute; width: 100%; }

.mainpage #firstHeading { display: none; }

.gotmm-mainpage-greeting__welcome-message, .gotmm-mainpage-greeting__search, .gotmm-mainpage-greeting__downloads { z-index: 1; }

.gotmm-mainpage-greeting__welcome-text { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 35px; font-weight: bold; letter-spacing: 3px; margin-bottom: -20px; margin-left: 15px; text-transform: uppercase; }

.theme-fandomdesktop-light .gotmm-mainpage-greeting__welcome-text { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(black, transparent); }

.theme-fandomdesktop-dark .gotmm-mainpage-greeting__welcome-text { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(white, transparent); }

.gotmm-mainpage-greeting__welcome-title { background-color: var(--theme-page-background-color); border-radius: 3px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); display: inline-block; font-size: 40px; font-weight: bold; letter-spacing: 2px; padding: 5px 20px; }

.gotmm-mainpage-greeting__search>div { display: flex; }

backdrop-filter: blur(5px); background-color: rgba(var(--theme-page-background-color--rgb), .8); border-radius: 36px; border: none; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); height: 60px; padding: 20px; transition: .3s; }
 * 1) gotmm-mainpage-greeting__search-field>input[name="search"] {

background-color: rgba(var(--theme-page-background-color--rgb), 1); }
 * 1) gotmm-mainpage-greeting__search-field>input[name="search"]:hover,
 * 2) gotmm-mainpage-greeting__search-field>input[name="search"]:focus {

display: none; }
 * 1) gotmm-mainpage-greeting__search-field>input[name="go"] {

border-radius: 36px; height: 40px; transform: translateX(-110px); }
 * 1) gotmm-mainpage-greeting__search-field>input[name="fulltext"] {

.gotmm-mainpage-greeting__downloads { border-top: 2px solid; display: flex; flex-direction: column; gap: 5px; padding-bottom: 10px; }

.gotmm-mainpage-greeting__downloads-title { font-size: 20px; font-weight: bold; text-align: center; text-transform: uppercase; }

.gotmm-mainpage-greeting__downloads-flag { align-items: center; background: rgba(var(--theme-link-color--rgb), .5); border-radius: 20px; display: flex; font-family: "Noto Color Emoji"; height: 40px; justify-content: center; transition: .3s; width: 40px; }

.gotmm-mainpage-greeting__downloads-flag:hover { background: rgba(var(--theme-link-color--rgb), .8); }

.gotmm-mainpage-greeting__downloads-buttons { display: flex; gap: 10px; justify-content: center; }

.gotmm-mainpage-greeting__downloads-notice { text-align: center; }