MediaWiki:Common.css: различия между версиями

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
@font-face {
  font-family: 'Minecraft';
  src: url('/fonts/Minecraft.woff2') format('woff2'),
       url('/fonts/Minecraft.woff') format('woff'),
       url('/fonts/minecraft.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto-Sans';
  src: url('/fonts/NotoSans-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body{
	max-width: 100%;
	overflow-x: hidden;
}
.mw-body{
	padding-bottom: 8px;
}
.overlay-header, .minerva-header{
	border-top: none;	
}

body, .mw-body, #mw-content-text, .mw-headline, .toctitle, #mw-toc-heading {
    font-family: 'Noto-Sans', sans-serif
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .vector-body h1, .vector-body h2, .vector-body h3,
.vector-body h4, .vector-body h5, .vector-body h6, header {
    font-family: 'Minecraft', sans-serif
}

.minerva-search-form{
	width: auto;	
}

.mw-search-createlink {
    display: block !important;
}

#content::after {
    content: "";
    display: block;
    background-image: url("https://wiki.asksettingscubed.ru/images/d/d0/5036.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 100px;
    height: 327px;
    background-position: right center;
    margin-right: 6%;
}

@media (max-width: 600px) {
  #content::after {
    margin-right: 0;
  }
}

.header-container.header-chrome {
	background-color: #fff;	
	padding: 1rem 4rem;
	position: relative;
	box-shadow: none;
	width: calc(100% - 8rem + 2rem);
	margin-left: -1rem;
	z-index: 1;
	border: none;
}
.header-container.header-chrome::after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 92px;
	border: 5px solid #CFEDF2;
	border-top: none;
	pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, transparent 50%, black 50%);
    
}
.mw-footer, .minerva-footer {
	background-color: #fff;	
	padding: 1rem 4rem;
	position: relative;
	box-shadow: none;
	width: calc(100% - 8rem + 2rem);
	margin-left: -1rem;
	z-index: 1;
	border: none;
}

.mw-footer::after, .minerva-footer::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 92px;
	border: 5px solid #CFEDF2;
	border-bottom: none;
	pointer-events: none;
    -webkit-mask-image: linear-gradient(to top, transparent 50%, black 50%);
}