MediaWiki:Mobile.css: различия между версиями
Перейти к навигации
Перейти к поиску
м Метка: отменено |
м |
||
(не показано 158 промежуточных версий этого же участника) | |||
Строка 1: | Строка 1: | ||
/* | @font-face { | ||
- | font-family: 'Avalon'; | ||
src: url('https://wiki.biboran.org/fonts/avalon.ttf') format('opentype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'Abaddon'; | |||
src: url('https://wiki.biboran.org/fonts/abaddon.ttf') format('opentype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
@font-face { | |||
font-family: 'Abdulojaz'; | |||
src: url('https://wiki.biboran.org/fonts/abdulojaz.ttf') format('opentype'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
body { | |||
font-family: 'IBM Plex Sans', sans-serif; | |||
} | |||
.mainpage-recent-updates .tile-halves { | |||
flex: 1; | |||
align-content: flex-start; | |||
margin-right: 0.9rem; | |||
} | |||
.mainpage-recent-updates .tile-halves:hover .tile-top img { | |||
transform: scale(1.04); | |||
} | |||
.mainpage-recent-updates .tile-halves:last-child { | |||
margin-right: 0; | |||
} | |||
body.wgl-readermode .mainpage-recent-updates .tile-image { | |||
max-height: 10.5em; | |||
} | |||
.mainpage-recent-updates .tile-bottom.link-button a { | |||
text-align: left; | |||
padding: 1rem 1.5rem 0.75rem; | |||
} | |||
.mainpage-recent-updates h2 { | |||
margin: -0.5em 0 0.3em; | |||
} | |||
.mainpage-recent-updates p:not(.byline) { | |||
font-size: 0.9em; | |||
line-height: 1.75em; | |||
color: #444e5a; | |||
} | |||
.mainpage-recent-updates .jagex-promotion .byline { | |||
color: #855cd8; | |||
} | |||
.mainpage-contents .tile-halves { | |||
flex: 1; | |||
margin-right: 0.9rem; | |||
} | |||
.mainpage-contents .tile-halves:hover .tile-top img { | |||
transform: scale(1.04); | |||
} | |||
.mainpage-contents .tile-halves:last-child { | |||
margin-right: 0; | |||
} | |||
.mainpage-contents .tile-top { | |||
height: 4.5rem; | |||
position: relative; | |||
} | |||
.mainpage-contents .tile-top h2 a { | |||
display: block; | |||
text-align: center; | |||
text-decoration: none; | |||
line-height: 4.5rem; | |||
padding-left: 0.45rem; | |||
} | |||
.mainpage-contents h2 { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
@media only screen and (max-width: 65.999rem) { | |||
.mainpage-recent-updates .tile-halves:last-child { | |||
display: none; | |||
} | |||
.mainpage-recent-updates .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
.mainpage-recent-updates .tile-top { | |||
height: 18vw; | |||
} | |||
.mainpage-contents .tile-halves:nth-child(1), | |||
.mainpage-contents .tile-halves:nth-child(2), | |||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-bottom: 0.9rem; | |||
} | |||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-right: 0; | |||
} | |||
.mainpage-contents .line-break { | |||
width: 100%; | |||
} | |||
.mainpage-skills ul { | |||
columns: 2 9em; | |||
} | |||
.mainpage-skills .skill-thieving { | |||
display: none; | |||
} | |||
.mainpage-header .header-stats, | |||
.mainpage-onthisday { | |||
display: none; | |||
} | |||
} | |||
.tile.big-tile { | |||
border: none; | |||
border-bottom: 1px solid #e4eaee; | |||
} | |||
.mainpage-recent-updates { | |||
border-bottom: 1px solid #353535; | |||
padding: 1.5em 1em 2.5em; | |||
white-space: nowrap; | |||
overflow-x: scroll; | |||
-webkit-overflow-scrolling: touch; | |||
-webkit-scroll-snap-destination: 50% 50%; | |||
scroll-snap-destination: 50% 50%; | |||
-webkit-scroll-snap-type: mandatory; | |||
scroll-snap-type: mandatory; | |||
} | |||
.mainpage-recent-updates::before { | |||
content: 'Последние новости'; | |||
display: block; | |||
position: -webkit-sticky; | |||
position: sticky; | |||
left: 1.5em; | |||
color: #949eaa; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
letter-spacing: .025em; | |||
} | |||
.mainpage-recent-updates .tile { | |||
width: 78%; | |||
} | |||
.mainpage-recent-updates .tile p, | |||
.mainpage-recent-updates .tile a { | |||
white-space: normal !important; | |||
} | |||
.mainpage-recent-updates .tile-halves { | |||
display: inline-block; | |||
margin: 1em .75em 0 0; | |||
width: 85vw; | |||
max-width: 18em; | |||
white-space: initial; | |||
-webkit-scroll-snap-coordinate: 50% 50%; | |||
scroll-snap-coordinate: 50% 50%; | |||
scroll-snap-align: center; | |||
} | |||
.mainpage-recent-updates .tile-halves:nth-child(1) { | |||
animation: 0.9s 0.2s both slide-up; | |||
} | |||
.mainpage-recent-updates .tile-halves:nth-child(2) { | |||
animation: 0.9s 0.4s both slide-up; | |||
} | |||
.mainpage-recent-updates .tile-halves:nth-child(3) { | |||
animation: 0.9s 0.6s both slide-up; | |||
margin-right: 1em; | |||
} | |||
.mainpage-recent-updates .tile-top { | |||
height: 9em; | |||
overflow: hidden; | |||
} | |||
.mainpage-recent-updates .tile-bottom { | |||
display: flex; | |||
padding-bottom: .5rem; | |||
} | |||
.mainpage-recent-updates .tile-bottom p:not(.byline) { | |||
color: #fff; | |||
} | |||
.mainpage-recent-updates .byline { | |||
margin: 0; | |||
} | |||
.mainpage-recent-updates .byline + h2 { | |||
margin: .025em 0 0; | |||
padding: 0; | |||
} | |||
@media only screen and (min-width: 58em) { | |||
.mainpage-recent-updates { | |||
display: flex; | |||
flex-flow: row wrap; | |||
justify-content: center; | |||
overflow-x: initial; | |||
} | |||
.mainpage-recent-updates::before { | |||
width: 100%; | |||
} | |||
.mainpage-recent-updates .tile-halves:nth-child(3) { | |||
margin-right: 0; | |||
} | |||
} | |||
/* ------------------ | |||
tile | |||
------------------ */ | |||
.tile { | |||
background: #0e0e0e; | |||
border: 1px solid #681010; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
padding: 1.5em 2em 1em; | |||
} | |||
.tile h2 { | |||
font-weight: 600; | |||
border: none; | |||
margin-top: .4em; | |||
} | |||
.tile .byline + h2 { | |||
margin-top: -0.5em; | |||
} | |||
.byline { | |||
font-size: .9em; | |||
color: #949eaa; | |||
} | |||
.byline a { | |||
color: #949eaa; | |||
} | |||
/* ------------------ | |||
halves | |||
------------------ */ | |||
.tile-halves { | |||
border: 1px solid #681010; | |||
background: #0e0e0e; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | |||
.tile-halves .byline + h2 { | |||
margin-top: 0.5em; | |||
} | |||
.tile-top { | |||
padding: 1.3rem 1.5rem 2rem; | |||
} | |||
.tile-top.tile-image { | |||
background-color: #949eaa; | |||
padding: 0; | |||
} | |||
.tile-bottom { | |||
background: #000; | |||
border-top: 1px solid #681010; | |||
padding: 1rem 1.5rem 2rem; | |||
} | |||
.tile-bottom.read-more { | |||
background: #f9fafa; | |||
padding: 0; | |||
transition: 0.3s ease-out; | |||
} | |||
.tile-bottom.read-more a { | |||
display: block; | |||
color: #ffffff; | |||
font-weight: bold; | |||
text-align: center; | |||
padding: 1em 1.75em; | |||
text-decoration: none; | |||
background-color: #2f0909; | |||
} | |||
.tile-bottom.read-more:hover { | |||
background: #f2f4f4; | |||
} | |||
.tile-bottom.read-more .arrow { | |||
filter: invert(43%) sepia(50%) hue-rotate(175deg); | |||
margin-left: .4em; | |||
transition: 0.3s ease-out; | |||
} | |||
/* --------------------- | |||
oswf tile | |||
--------------------- */ | |||
.tile.oswf-day { | |||
float: none !important; | |||
padding: .5em 2em; | |||
} | |||
.tile.oswf-day h2 { | |||
margin-right: auto; | |||
margin-left: auto; | |||
margin-top: -0.5em; | |||
} | |||
.oswf-tile { | |||
margin-bottom: 1em; | |||
} | |||
.oswf-tile h2 { | |||
clear: none !important; | |||
margin-top: 0; | |||
padding-top: .2em !important; | |||
} | |||
.oswf-tile .oswf-img { | |||
display: block; | |||
max-width: 75px; | |||
float: right; | |||
} | |||
.oswf-tile .oswf-img img { | |||
max-width: 100%; | |||
height: auto !important; | |||
} | |||
.mainpage-contents .tile-halves { | |||
flex: 1; | |||
margin-right: 0.9rem; | |||
} | |||
.mainpage-contents .tile-halves:hover .tile-top img { | |||
transform: scale(1.04); | |||
} | |||
.mainpage-contents .tile-halves:last-child { | |||
margin-right: 0; | |||
} | |||
.mainpage-contents .tile-top { | |||
height: 4.5rem; | |||
position: relative; | |||
} | |||
.mainpage-contents .tile-top h2 a { | |||
display: block; | |||
text-align: center; | |||
text-decoration: none; | |||
line-height: 4.5rem; | |||
padding-left: 0.45rem; | |||
} | |||
.mainpage-contents h2 { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.mainpage-contents .tile-halves:nth-child(1), | |||
.mainpage-contents .tile-halves:nth-child(2), | |||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-bottom: 0.9rem; | |||
} | |||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-right: 0; | |||
} | |||
.mainpage-contents .line-break { | |||
width: 100%; | |||
} | |||
.mainpage-skills ul { | |||
columns: 2 9em; | |||
} | |||
.mainpage-skills .skill-thieving { | |||
display: none; | |||
} | |||
.mainpage-header .header-stats, | |||
.mainpage-onthisday { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 66rem) and (max-width: 81.999rem) { | |||
.mainpage-contents .tile-halves:last-child { | |||
display: none; | |||
} | |||
.mainpage-contents .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
.mainpage-header .header-stats, | |||
.mainpage-contents .line-break { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 82rem) { | |||
.mainpage-header .header-intro { | |||
margin-right: 2em; | |||
} | |||
.mainpage-contents .line-break { | |||
display: none; | |||
} | |||
body.wgl-readermode .mainpage-contents .tile-halves:last-child { | |||
display: none; | |||
} | |||
body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
} | |||
.mainpage-contents { | |||
background: #0e0e0e; | |||
padding: 2.5em 1em 2em; | |||
border: 1px solid #681010; | |||
} | |||
.mainpage-contents::before { | |||
content: 'Важно'; | |||
margin-left: 1.5em; | |||
color: #949eaa; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
letter-spacing: .025em; | |||
} | |||
.mainpage-contents .tile-halves { | |||
border: none; | |||
background: none; | |||
box-shadow: none; | |||
margin: 0 1.5em; | |||
} | |||
.mainpage-contents .tile-halves:first-child { | |||
margin-top: 1.25em; | |||
} | |||
.mainpage-contents .tile-halves:first-child .tile-bottom { | |||
border-top: none; | |||
} | |||
.mainpage-contents .tile-halves:last-child { | |||
margin-bottom: 0; | |||
} | |||
.mainpage-contents .tile-halves:last-child .tile-top { | |||
border-bottom: none; | |||
} | |||
.mainpage-contents .tile-bottom { | |||
border-color: #828d9a; | |||
padding: .25em 0; | |||
background: none; | |||
} | |||
.mainpage-contents h2 { | |||
padding: 0 0 .35em; | |||
width: 100%; | |||
} | |||
.mainpage-contents h2 a { | |||
color: #f9fafa; | |||
display: block; | |||
} | |||
.mainpage-skills ul { | |||
columns: 3; | |||
margin: 1em 0.7em 0.7em 1em; | |||
} | |||
.mainpage-skills li { | |||
display: flex; | |||
margin-bottom: 0.4em; | |||
isolation: isolate; | |||
} | |||
.mainpage-skills li a:first-child { | |||
border-radius: 3px; | |||
padding: 4px; | |||
width: 25px; | |||
height: 25px; | |||
} | |||
.mainpage-skills li a:last-child { | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
color: #36414f; | |||
font-weight: bold; | |||
padding-left: 0.7em; | |||
text-decoration: none; | |||
} | |||
.mainpage-skills li:hover a:first-child { | |||
border-radius: 3px 0 0 3px; | |||
} | |||
.mainpage-skills li:hover a:last-child { | |||
color: rgba(255, 255, 255, 0.9); | |||
border-radius: 0 3px 3px 0; | |||
} | |||
.skill-agility a:first-child, | |||
.skill-melee a:first-child { | |||
background: #bc483d; | |||
} | |||
.skill-agility:hover a:last-child, | |||
.skill-melee:hover a:last-child { | |||
background: #932419; | |||
} | |||
.skill-ranged a:first-child { | |||
background: #748d36; | |||
} | |||
.skill-ranged:hover a:last-child { | |||
background: #4c6215; | |||
} | |||
.skill-magic a:first-child { | |||
background: #6274ab; | |||
} | |||
.skill-magic:hover a:last-child { | |||
background: #304791; | |||
} | |||
.skill-herblaw a:first-child { | |||
background: #6385a8; | |||
} | |||
.skill-herblaw:hover a:last-child { | |||
background: #315f8d; | |||
} | |||
.skill-prayer a:first-child { | |||
background: #91689e; | |||
} | |||
.skill-prayer:hover a:last-child { | |||
background: #713684; | |||
} | |||
.skill-firemaking a:first-child { | |||
background: #bc483d; | |||
} | |||
.skill-firemaking:hover a:last-child { | |||
background: #932419; | |||
} | |||
.skill-crafting a:first-child { | |||
background: #6274ab; | |||
} | |||
.skill-crafting:hover a:last-child { | |||
background: #304791; | |||
} | |||
.skill-fishing a:first-child, | |||
.skill-fletching a:first-child { | |||
background: #3e8e9a; | |||
} | |||
.skill-fishing:hover a:last-child, | |||
.skill-fletching:hover a:last-child { | |||
background: #1a6671; | |||
} | |||
.skill-cooking a:first-child, | |||
.skill-divination a:first-child, | |||
.skill-thieving a:first-child { | |||
background: #91689e; | |||
} | |||
.skill-cooking:hover a:last-child, | |||
.skill-divination:hover a:last-child, | |||
.skill-thieving:hover a:last-child { | |||
background: #713684; | |||
} | |||
.skill-farming a:first-child, | |||
.skill-woodcutting a:first-child { | |||
background: #59924f; | |||
} | |||
.skill-farming:hover a:last-child, | |||
.skill-woodcutting:hover a:last-child { | |||
background: #306f25; | |||
} | |||
.skill-mining a:first-child, | |||
.skill-summoning a:first-child { | |||
background: #6385a8; | |||
} | |||
.skill-mining:hover a:last-child, | |||
.skill-summoning:hover a:last-child { | |||
background: #315f8d; | |||
} | |||
.skill-invention a:first-child, | |||
.skill-smithing a:first-child { | |||
background: #d2b244; | |||
} | |||
.skill-invention:hover a:last-child, | |||
.skill-smithing:hover a:last-child { | |||
background: #b69213; | |||
} | |||
.skill-archaeology a:first-child { | |||
background: #a56831; | |||
} | |||
.skill-archaeology:hover a:last-child { | |||
background: #784212; | |||
} | |||
@keyframes slide-up { | |||
from { | |||
opacity: 0; | |||
transform: translateY(1rem); | |||
} | |||
to { | |||
opacity: 1; | |||
transform: translateY(0); | |||
} | |||
} | |||
.mainpage-skills .tile-top { | |||
overflow-x: scroll; | |||
-webkit-overflow-scrolling: touch; | |||
background-color: #0e0e0e; | |||
} | |||
.mainpage-skills .tile-top h2 { | |||
position: -webkit-sticky; | |||
position: sticky; | |||
left: .5em; | |||
} | |||
.mainpage-skills .tile-top ul { | |||
columns: 3; | |||
width: 32em; | |||
list-style: none; | |||
margin-left: .75em; | |||
} | |||
@media only screen and (min-width: 32em) { | |||
.mainpage-skills .tile-top ul { | |||
width: 100%; | |||
max-width: 50em; | |||
margin: auto; | |||
} | |||
} | |||
.mainpage-skills .tile-top li { | |||
display: flex; | |||
align-items: center; | |||
margin-bottom: .6em; | |||
} | |||
.mainpage-skills .tile-top li a:first-child { | |||
width: 25px; | |||
height: 25px; | |||
padding: 4px; | |||
border-radius: 3px; | |||
} | |||
.mainpage-skills .tile-top li a:last-child { | |||
flex: 1; | |||
color: #444e5a; | |||
font-weight: bold; | |||
padding-left: .5em; | |||
} | |||
.skill-agility a:first-child, | |||
.skill-melee a:first-child { | |||
background: #bc483d; | |||
} | |||
.skill-ranged a:first-child { | |||
background: #748d36; | |||
} | |||
.skill-magic a:first-child { | |||
background: #6274ab; | |||
} | |||
.skill-fishing a:first-child, | |||
.skill-fletching a:first-child { | |||
background: #3e8e9a; | |||
} | |||
.skill-cooking a:first-child, | |||
.skill-divination a:first-child, | |||
.skill-thieving a:first-child { | |||
background: #91689e; | |||
} | |||
.skill-farming a:first-child, | |||
.skill-woodcutting a:first-child { | |||
background: #59924f; | |||
} | |||
.skill-mining a:first-child, | |||
.skill-summoning a:first-child { | |||
background: #6385a8; | |||
} | |||
.skill-invention a:first-child, | |||
.skill-smithing a:first-child { | |||
background: #d2b244; | |||
} | |||
.skill-archaeology a:first-child { | |||
background: #a56831; | |||
} | |||
.mainpage-news .news-updates::before { | |||
content: ''; | |||
margin-left: .75em; | |||
color: #949eaa; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
letter-spacing: .025em; | |||
} | |||
.mainpage-news .news-updates li { | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
} | |||
.mainpage-wikinews .news-date { | |||
font-weight: bold; | |||
margin-bottom: 0.3em; | |||
} | |||
.mainpage-wikinews p:not(.news-date) { | |||
margin-left: 1em; | |||
} | |||
.mainpage-wikinews::before { | |||
content: ''; | |||
margin-left: .75em; | |||
color: #949eaa; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
letter-spacing: .025em; | |||
} | |||
.mainpage-wikinews .news-date { | |||
font-weight: bold; | |||
margin-bottom: 0; | |||
} | |||
.mainpage-left .mainpage-wikinews p { | |||
margin-left: .75em; | |||
margin-right: .75em; | |||
} | |||
.mainpage-discord { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-discord .tile-top { | |||
display: flex; | |||
align-items: center; | |||
background: #7289da; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-discord .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-discord .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.mainpage-discord .tile-bottom { | |||
background: #697ec4; | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-discord .tile-bottom p { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
.mainpage-discord .partner-icon { | |||
margin-right: 0.75em; | |||
} | |||
.mainpage-discord .server-name { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-discord .server-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: 0.5em; | |||
} | |||
.mainpage-discord .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
.mainpage-social { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-social .tile-top { | |||
display: flex; | |||
align-items: center; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-social .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-social .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.mainpage-social .tile-bottom { | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-social .tile-bottom p { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
.mainpage-social .social-icon { | |||
margin-right: 0.75em; | |||
width: 60px; | |||
text-align: center; | |||
} | |||
.mainpage-social .social-header { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-social .social-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: 0.5em; | |||
} | |||
.mainpage-social .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
.mainpage-social.mainpage-discord .tile-top { | |||
background: #7289da; | |||
} | |||
.mainpage-social.mainpage-discord .tile-bottom { | |||
background: #697ec4; | |||
} | |||
.mainpage-social.mainpage-vk .tile-top { | |||
background: #6588b5; | |||
} | |||
.mainpage-social.mainpage-vk .tile-bottom { | |||
background: #324b6b; | |||
} | |||
/* -------------------- | |||
discord server | |||
-------------------- */ | |||
.mainpage-discord { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-discord .tile-top { | |||
display: flex; | |||
align-items: center; | |||
background: #7289da; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-discord .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-discord .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.mainpage-discord .tile-bottom { | |||
background: #697ec4; | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-discord .tile-bottom p { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: .9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: .03em; | |||
margin: 0; | |||
} | |||
.mainpage-discord .partner-icon { | |||
margin-right: .75em; | |||
} | |||
.mainpage-discord .server-name { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-discord .server-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: .5em; | |||
} | |||
.mainpage-discord .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: .7em; | |||
background-size: .7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
/* -------------------- | |||
social | |||
-------------------- */ | |||
.mainpage-social { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-social .tile-top { | |||
display: flex; | |||
align-items: center; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-social .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-social .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.mainpage-social .tile-bottom { | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-social .tile-bottom p { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: .9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: .03em; | |||
margin: 0; | |||
} | |||
.mainpage-social .social-icon { | |||
margin-right: .75em; | |||
width: 60px; | |||
text-align: center; | |||
} | |||
.mainpage-social .social-header { | |||
color: #ffffff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-social .social-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: .5em; | |||
} | |||
.mainpage-social .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: .7em; | |||
background-size: .7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
.mainpage-social.mainpage-discord .tile-top { | |||
background: #7289da; | |||
} | |||
.mainpage-social.mainpage-discord .tile-bottom { | |||
background: #697ec4; | |||
} | |||
.mainpage-social.mainpage-vk .tile-top { | |||
background: #6588b5; | |||
} | |||
.mainpage-social.mainpage-vk .tile-bottom { | |||
background: #324b6b; | |||
} | |||
.mainpage-editing { | |||
border: 1px solid #681010; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-editing .tile-top { | |||
background: #43161b; | |||
} | |||
.mainpage-editing .tile-bottom { | |||
background: #300f13; | |||
border: none; | |||
padding: 0.8rem 1.5rem 0.4rem; | |||
} | |||
.mainpage-editing h2, | |||
.mainpage-editing a, | |||
.mainpage-editing a:visited, | |||
.mainpage-editing a:active { | |||
color: #ffffff; | |||
} | |||
.mainpage-editing p { | |||
color: rgba(255, 255, 255, 0.9); | |||
} | |||
.mainpage-editing ul { | |||
list-style-image: url("data:image/svg+xml,%0A%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-opacity='.6' stroke-width='2' points='1.5 1.5 4.5 4.496 1.5 7.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); | |||
} | |||
.mainpage-editing .tile-top { | |||
background: #444444; | |||
} | |||
.mainpage-editing .tile-bottom { | |||
background: #666666; | |||
border: none; | |||
padding: .8rem 1.5rem .4rem; | |||
} | |||
.mainpage-editing h2, | |||
.mainpage-editing a, | |||
.mainpage-editing a:visited, | |||
.mainpage-editing a:active { | |||
color: #ffffff; | |||
} | |||
.mainpage-editing p { | |||
color: rgba(255, 255, 255, 0.9); | |||
} | |||
.mainpage-editing ul { | |||
list-style-image: url("data:image/svg+xml,%0A%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-opacity='.6' stroke-width='2' points='1.5 1.5 4.5 4.496 1.5 7.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); | |||
} | |||
.mw-body { | |||
background-color: #353535; | |||
color: white; | |||
} | |||
.header-container.header-chrome { | |||
background: url(/images/FN_MBL.png) #2f0909 no-repeat; | |||
background-size: 900px; | |||
background-position: 0 30%; | |||
} | |||
.mainpage-news { | |||
background: #262626; | |||
} | |||
.minerva-footer { | |||
border-top: solid 1px #fff; | |||
overflow: auto; | |||
padding-bottom: 6px; | |||
background-color: #000; | |||
} | |||
.mw-footer > .post-content .license { | |||
color: white; | |||
} | |||
.last-modified-bar { | |||
background-color: #30a664d9; | |||
} | |||
.last-modified-bar a { | |||
color: #fdfdfd | |||
} | |||
.content .thumbcaption { | |||
color: #f5f5f5 | |||
} | |||
.wikitable > * > tr > th { | |||
background-color: #2f0909; | |||
} | |||
.mainpage-skills .tile-top li a:last-child { | |||
color: #ffffff; | |||
} | |||
/* Цвета diff'ов */ | |||
.diff-deletedline { | |||
border-color: #ea1a1a; | |||
} | |||
.diff-deletedline .diffchange { | |||
background: #ea1a1a; | |||
color: #fff; | |||
} | |||
.diff-addedline { | |||
border-color: #2ba200; | |||
} | |||
.diff-addedline .diffchange { | |||
background: #2ba200; | |||
color: #fff; | |||
} | |||
.diff-context { | |||
border-color: #dec300; | |||
background: #454545; | |||
color: #fff; | |||
} | |||
/* Убираем вкладку обсуждений */ | |||
#ca-talk { display: none !important; } | |||
#pt-mytalk.mw-list-item { display: none !important; } | |||
#mw-mf-diffview #mw-mf-userinfo { | |||
background-color: #000000; | |||
border-top: solid 1px #2f0909; | |||
} | |||
div.mw-highlight { | |||
background-color: black; | |||
} | |||
.page-actions-menu { | |||
border-bottom: 1px solid #353535; | |||
} | |||
.comment-body textarea { | |||
background-color: #c2c2c2; | |||
} | |||
.comment-submit { | |||
border: 1px solid #982a2a; | |||
background-color: #982a2a; | |||
} | |||
.comment-toolbar { | |||
border: 1px solid #000; | |||
} | |||
.usermessage { | |||
background-color: #ff8a8a; | |||
border: 3px solid #ff0d0d; | |||
color: #000; | |||
font-weight: bold; | |||
margin: 1em 0 1em; | |||
padding: 0.5em 1em; | |||
vertical-align: middle; | |||
text-align: center; | |||
} | |||
.notification-count { | |||
background: #2f0909; | |||
color: #ffffff; | |||
} | |||
.minoredit { | |||
background: #353535; | |||
color: #dec300; | |||
} | |||
a { | |||
color: #dec300; | |||
text-decoration: none; | |||
} | |||
a:visited { | |||
color: #897a0b; | |||
} | |||
.mp-portal-row { | |||
display: flex; | |||
flex-flow: row nowrap; | |||
margin: 0; | |||
align-items: self-start; | |||
justify-content: space-around; | |||
text-align: center; | |||
font-weight: bold; | |||
max-width: 100%; | |||
} | |||
.mp-portal-row div { | |||
flex: 0 1 auto; | |||
margin: 4px; | |||
} | |||
@media only screen and (max-width: 1000px) { | |||
.mp-portal-row { | |||
flex-flow: row wrap; | |||
} | |||
.mp-portal-row > div { | |||
max-width: 100px; | |||
} | |||
} | |||
.mp-portal-icon a img { | |||
width: 100%; | |||
min-width: 50px; | |||
max-width: 150px; | |||
height: auto; | |||
} | |||
.mp p img { | |||
height: auto; | |||
} | |||
.mp-menu-item { | |||
text-align: left; | |||
width: 165px; | |||
display: inline-block; | |||
margin: 5px 15px; | |||
vertical-align: top; | |||
} | |||
.mp-menu-item-header { | |||
border-bottom: 1px solid #505050; | |||
font-size: 120%; | |||
font-variant: small-caps; | |||
color: black; | |||
} | |||
.mp-menu-item-body { | |||
column-count: 1; | |||
margin-top: 5px; | |||
} | |||
.mp-menu-item-body>ul { | |||
margin-top: 0; | |||
} | |||
.mp-news-container { | |||
width: 100%; | |||
max-height:249px; | |||
overflow:hidden; | |||
text-overflow: ellipsis; | |||
content: ""; | |||
position:relative; | |||
} | |||
.mp-news-container:before { | |||
content:''; | |||
width:100%; | |||
height:100%; | |||
position:absolute; | |||
left:0; | |||
top:0; | |||
background:linear-gradient(transparent 200px, white); | |||
pointer-events: none; | |||
} | |||
.mp-container-small img, | |||
.mp-container-mid img, | |||
.mp-container-large img { | |||
height: auto; | |||
} | |||
.mp-container-large, | |||
.mp-container-mid { | |||
width: 100%; | |||
} | |||
.mp-container-small { | |||
width: 50%; | |||
} | |||
.mp-container-40 { | |||
width: 100%; | |||
} | |||
.mp-container-20 { | |||
width: 100%; | |||
} | |||
.mp-new-content-row { | |||
display:flex; | |||
justify-content:center; | |||
font-size:0.9em; | |||
} | |||
#mp-navigation { | |||
order: 2; | |||
width: 100%; | |||
} | |||
@media (min-width: 1000px) { | |||
.mp-container-40 { | |||
flex-basis: 50%; | |||
max-width: 50%; | |||
} | |||
} | |||
@media (min-width: 1200px) { | |||
.mp-container-large { | |||
flex-basis: 66.667%; | |||
max-width: 66.667%; | |||
} | |||
.mp-container-mid { | |||
flex-basis: 50%; | |||
max-width: 50%; | |||
} | |||
.mp-container-small { | |||
flex-basis: 33.333%; | |||
max-width: 33.333%; | |||
} | |||
.mp-container-100 { | |||
flex-basis: 100%; | |||
max-width: 100%; | |||
} | |||
.mp-container-40 { | |||
flex-basis: 39%; | |||
max-width: 39%; | |||
} | |||
.mp-container-20 { | |||
flex-basis: 22%; | |||
max-width: 22%; | |||
} | |||
#mp-navigation { | |||
order: 0; | |||
width: initial; | |||
} | |||
} | |||
.comment-container-top { | |||
background-color: #474747; | |||
} | |||
h2 { | |||
font-size: 1.5em; | |||
padding-left: 15px; | |||
} | |||
.large-note { | |||
max-height: 600px; | |||
overflow-y: auto; | |||
} | |||
.ref-box { | |||
background-color: #131313; | |||
border: 1px dotted #dec300; | |||
margin: 1em 0; | |||
padding: 1.1em; | |||
} | |||
.references-scroll { | |||
overflow: auto; | |||
padding: 3px; | |||
} | |||
ol.references { | |||
font-size:100%; | |||
} | |||
.references-small { | |||
font-size:90%; | |||
} | |||
.toc { | |||
background-color: #232323; | |||
} | |||
.minerva__tab-container .minerva__tab:last-child { | |||
display: none !important; | |||
} | |||
.mw-ui-icon-wikimedia-search-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/search.svg); | |||
} | |||
.mw-ui-background-icon-search { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/search.svg); | |||
} | |||
.mw-ui-icon-minerva-ellipsis:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/ellipsis.svg); | |||
} | |||
.mw-ui-icon-minerva-userContributions:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/userContributions.svg); | |||
} | |||
.mw-ui-icon-wikimedia-edit-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/edit.svg); | |||
} | |||
.mw-ui-icon-wikimedia-history-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/history.svg); | |||
} | |||
.mw-ui-icon-wikimedia-star-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/star.svg); | |||
} | |||
.mw-ui-icon-minerva-download:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/download.svg); | |||
} | |||
.mw-ui-icon-wikimedia-language-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/language.svg); | |||
} | |||
.mw-ui-icon-mf-expand:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/arrow-expand.svg); | |||
} | |||
.mw-ui-icon-wikimedia-menu-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/menu.svg); | |||
} | |||
.mw-ui-icon-wikimedia-bellOutline-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/bellOutline.svg); | |||
} | |||
.mw-ui-icon-minerva-rchanges:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/rchanges.svg); | |||
} | |||
.mw-ui-icon-minerva-articles:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/articles.svg); | |||
} | |||
.mw-ui-icon-minerva-rules:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/rules.svg); | |||
} | |||
.mw-ui-icon-minerva-donate:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/donate.svg); | |||
} | |||
.mw-ui-icon-minerva-contact:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/contact.svg); | |||
} | |||
.mw-ui-icon-minerva-newarticle:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/newarticle.svg); | |||
} | |||
.mw-ui-icon-minerva-help:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/help.svg); | |||
} | |||
.mw-ui-icon-minerva-read:before { | |||
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/read.svg); | |||
} | |||
#main-menu-input:checked ~ #mw-mf-page-left { | |||
background-color: #202020; | |||
} | |||
#mw-mf-page-left ul.hlist li a { | |||
color: #fff!important; | |||
padding: 0.7em 20px; | |||
} | |||
#mw-mf-page-left ul li { | |||
background-color: #333333; | |||
border-top: 1px solid #333333; | |||
} | |||
#mw-mf-page-left ul li a { | |||
color: #ffffff !important; | |||
} | |||
.catlinks { | |||
background-color: #282828; | |||
border: 1px solid #dec300; | |||
} | |||
#main-menu-input:checked ~ #mw-mf-page-left { | |||
box-shadow: 1px 0 8px 0 rgb(137 53 53 / 35%); | |||
} | |||
#mw-mf-page-left ul.hlist li a span { | |||
font-weight: 500; | |||
font-size: smaller; | |||
} | |||
#mw-mf-page-left ul li a:hover { | |||
box-shadow: inset 4px 0 0 0 #dec300; | |||
} | |||
#mw-mf-page-left .secondary-action { | |||
border-left: 1px solid #333333; | |||
} | |||
.oo-ui-indicator-down { | |||
filter: unset; | |||
background-image: linear-gradient(transparent,transparent),url(/images/arrow-down.svg); | |||
} | |||
.oo-ui-indicator-up { | |||
background-image: linear-gradient(transparent,transparent),url(/images/arrow-up.svg); | |||
} | |||
.mw-parser-output a.external { | |||
background-image: url(/images/link-external-small-ltr-progressive.svg); | |||
} | |||
a.external { | |||
background-image: url(/images/link-external-small-ltr-progressive.svg); | |||
} | |||
.page-Main_Page #page-secondary-actions a { | |||
display: none; | |||
} | |||
.mw-footer .hlist li:after { | |||
color: #dec300; | |||
} | |||
/* Профили участников */ | |||
/***Политбюро***/ | |||
#mw-content-text a[href$=":GodSatanist"] { | |||
color:#e48900 !important; | |||
text-shadow:1px 0 1px #e48900; | |||
} | |||
#mw-content-text a[href$=":Drzuzeppe"] { | |||
color:#e48900 !important; | |||
text-shadow:1px 0 1px #e48900; | |||
} | |||
#mw-content-text a[href$=":ErichHonecker"] { | |||
color:#e48900 !important; | |||
text-shadow:1px 0 1px #e48900; | |||
} | |||
.comment-user a[href$=":GodSatanist"] { | |||
color:#e48900 !important; | |||
text-shadow:1px 0 1px #e48900; | |||
} | |||
.comment-user a[href$=":Drzuzeppe"] { | |||
color:#e48900 !important; | |||
text-shadow:1px 0 1px #e48900; | |||
} | |||
.comment-user a[href$=":ErichHonecker"] { | |||
color:#e48900 !important; | |||
text-shadow:1px 0 1px #e48900; | |||
} | |||
/***Дружинники***/ | |||
#mw-content-text a[href$=":JuryKlinskih666"] { | |||
color:#7f4adc !important; | |||
text-shadow:1px 0 1px #7f4adc; | |||
} | |||
#mw-content-text a[href$=":Reagentura"] { | |||
color:#7f4adc !important; | |||
text-shadow:1px 0 1px #7f4adc; | |||
} | |||
.comment-user a[href$=":JuryKlinskih666"] { | |||
color:#7f4adc !important; | |||
text-shadow:1px 0 1px #7f4adc; | |||
} | |||
.comment-user a[href$=":Reagentura"] { | |||
color:#7f4adc !important; | |||
text-shadow:1px 0 1px #7f4adc; | |||
} | |||
/***Редколлегия***/ | |||
#mw-content-text a[href$=":DOBROKop"] { | |||
color:#7bbf34 !important; | |||
text-shadow:1px 0 1px #7bbf34; | |||
} | |||
#mw-content-text a[href$=":DobroPolit"] { | |||
color:#7bbf34 !important; | |||
text-shadow:1px 0 1px #7bbf34; | |||
} | |||
.comment-user a[href$=":DOBROKop"] { | |||
color:#7bbf34 !important; | |||
text-shadow:1px 0 1px #7bbf34; | |||
} | |||
.comment-user a[href$=":DobroPolit"] { | |||
color:#7bbf34 !important; | |||
text-shadow:1px 0 1px #7bbf34; | |||
} | |||
/* Профили участников — конец */ | |||
.whos-online li { display: inline-block; } | |||
.whos-online li + li:before { | |||
content: ", "; | |||
margin-right: 3px; | |||
} | |||
#mw-indicator-mw-helplink a { | |||
display: none; | |||
} | |||
/* --- SITE NOTICE --- */ | |||
.sitedir-ltr .mw-dismissable-notice-body { | |||
margin: 0.5em 20% 0.5em 5em; | |||
background-color: black; | |||
border-radius: 10px; | |||
padding: 5px; | |||
} | |||
a:not([href]) { | |||
color: #dec300; | |||
cursor: pointer; | |||
} | |||
::selection { | |||
background: #cd4b4b; | |||
color: white; | |||
} | |||
div.hider { border:1px solid #dec300; padding: 0.85em 1em 0.75em 1.25em; margin: 0.9em 1em 0.9em 1em; border-radius: 8px; display: flow-root } | |||
div.hider-headtext { font-weight: 700; padding-bottom: 0.25em; } | |||
div.mw-collapsible-content { padding-top:1.25em; border-top: 2px dashed #ccd } | |||
th.table-andras-head > span.mw-collapsible-toggle { font-size: 0.85em; margin-right: 0.8em; padding-top: 0.15em } |
Текущая версия на 20:24, 31 января 2024
@font-face {
font-family: 'Avalon';
src: url('https://wiki.biboran.org/fonts/avalon.ttf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Abaddon';
src: url('https://wiki.biboran.org/fonts/abaddon.ttf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Abdulojaz';
src: url('https://wiki.biboran.org/fonts/abdulojaz.ttf') format('opentype');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'IBM Plex Sans', sans-serif;
}
.mainpage-recent-updates .tile-halves {
flex: 1;
align-content: flex-start;
margin-right: 0.9rem;
}
.mainpage-recent-updates .tile-halves:hover .tile-top img {
transform: scale(1.04);
}
.mainpage-recent-updates .tile-halves:last-child {
margin-right: 0;
}
body.wgl-readermode .mainpage-recent-updates .tile-image {
max-height: 10.5em;
}
.mainpage-recent-updates .tile-bottom.link-button a {
text-align: left;
padding: 1rem 1.5rem 0.75rem;
}
.mainpage-recent-updates h2 {
margin: -0.5em 0 0.3em;
}
.mainpage-recent-updates p:not(.byline) {
font-size: 0.9em;
line-height: 1.75em;
color: #444e5a;
}
.mainpage-recent-updates .jagex-promotion .byline {
color: #855cd8;
}
.mainpage-contents .tile-halves {
flex: 1;
margin-right: 0.9rem;
}
.mainpage-contents .tile-halves:hover .tile-top img {
transform: scale(1.04);
}
.mainpage-contents .tile-halves:last-child {
margin-right: 0;
}
.mainpage-contents .tile-top {
height: 4.5rem;
position: relative;
}
.mainpage-contents .tile-top h2 a {
display: block;
text-align: center;
text-decoration: none;
line-height: 4.5rem;
padding-left: 0.45rem;
}
.mainpage-contents h2 {
margin: 0;
padding: 0;
}
@media only screen and (max-width: 65.999rem) {
.mainpage-recent-updates .tile-halves:last-child {
display: none;
}
.mainpage-recent-updates .tile-halves:nth-last-child(2) {
margin-right: 0;
}
.mainpage-recent-updates .tile-top {
height: 18vw;
}
.mainpage-contents .tile-halves:nth-child(1),
.mainpage-contents .tile-halves:nth-child(2),
.mainpage-contents .tile-halves:nth-child(3) {
margin-bottom: 0.9rem;
}
.mainpage-contents .tile-halves:nth-child(3) {
margin-right: 0;
}
.mainpage-contents .line-break {
width: 100%;
}
.mainpage-skills ul {
columns: 2 9em;
}
.mainpage-skills .skill-thieving {
display: none;
}
.mainpage-header .header-stats,
.mainpage-onthisday {
display: none;
}
}
.tile.big-tile {
border: none;
border-bottom: 1px solid #e4eaee;
}
.mainpage-recent-updates {
border-bottom: 1px solid #353535;
padding: 1.5em 1em 2.5em;
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-webkit-scroll-snap-destination: 50% 50%;
scroll-snap-destination: 50% 50%;
-webkit-scroll-snap-type: mandatory;
scroll-snap-type: mandatory;
}
.mainpage-recent-updates::before {
content: 'Последние новости';
display: block;
position: -webkit-sticky;
position: sticky;
left: 1.5em;
color: #949eaa;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .025em;
}
.mainpage-recent-updates .tile {
width: 78%;
}
.mainpage-recent-updates .tile p,
.mainpage-recent-updates .tile a {
white-space: normal !important;
}
.mainpage-recent-updates .tile-halves {
display: inline-block;
margin: 1em .75em 0 0;
width: 85vw;
max-width: 18em;
white-space: initial;
-webkit-scroll-snap-coordinate: 50% 50%;
scroll-snap-coordinate: 50% 50%;
scroll-snap-align: center;
}
.mainpage-recent-updates .tile-halves:nth-child(1) {
animation: 0.9s 0.2s both slide-up;
}
.mainpage-recent-updates .tile-halves:nth-child(2) {
animation: 0.9s 0.4s both slide-up;
}
.mainpage-recent-updates .tile-halves:nth-child(3) {
animation: 0.9s 0.6s both slide-up;
margin-right: 1em;
}
.mainpage-recent-updates .tile-top {
height: 9em;
overflow: hidden;
}
.mainpage-recent-updates .tile-bottom {
display: flex;
padding-bottom: .5rem;
}
.mainpage-recent-updates .tile-bottom p:not(.byline) {
color: #fff;
}
.mainpage-recent-updates .byline {
margin: 0;
}
.mainpage-recent-updates .byline + h2 {
margin: .025em 0 0;
padding: 0;
}
@media only screen and (min-width: 58em) {
.mainpage-recent-updates {
display: flex;
flex-flow: row wrap;
justify-content: center;
overflow-x: initial;
}
.mainpage-recent-updates::before {
width: 100%;
}
.mainpage-recent-updates .tile-halves:nth-child(3) {
margin-right: 0;
}
}
/* ------------------
tile
------------------ */
.tile {
background: #0e0e0e;
border: 1px solid #681010;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
padding: 1.5em 2em 1em;
}
.tile h2 {
font-weight: 600;
border: none;
margin-top: .4em;
}
.tile .byline + h2 {
margin-top: -0.5em;
}
.byline {
font-size: .9em;
color: #949eaa;
}
.byline a {
color: #949eaa;
}
/* ------------------
halves
------------------ */
.tile-halves {
border: 1px solid #681010;
background: #0e0e0e;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
.tile-halves .byline + h2 {
margin-top: 0.5em;
}
.tile-top {
padding: 1.3rem 1.5rem 2rem;
}
.tile-top.tile-image {
background-color: #949eaa;
padding: 0;
}
.tile-bottom {
background: #000;
border-top: 1px solid #681010;
padding: 1rem 1.5rem 2rem;
}
.tile-bottom.read-more {
background: #f9fafa;
padding: 0;
transition: 0.3s ease-out;
}
.tile-bottom.read-more a {
display: block;
color: #ffffff;
font-weight: bold;
text-align: center;
padding: 1em 1.75em;
text-decoration: none;
background-color: #2f0909;
}
.tile-bottom.read-more:hover {
background: #f2f4f4;
}
.tile-bottom.read-more .arrow {
filter: invert(43%) sepia(50%) hue-rotate(175deg);
margin-left: .4em;
transition: 0.3s ease-out;
}
/* ---------------------
oswf tile
--------------------- */
.tile.oswf-day {
float: none !important;
padding: .5em 2em;
}
.tile.oswf-day h2 {
margin-right: auto;
margin-left: auto;
margin-top: -0.5em;
}
.oswf-tile {
margin-bottom: 1em;
}
.oswf-tile h2 {
clear: none !important;
margin-top: 0;
padding-top: .2em !important;
}
.oswf-tile .oswf-img {
display: block;
max-width: 75px;
float: right;
}
.oswf-tile .oswf-img img {
max-width: 100%;
height: auto !important;
}
.mainpage-contents .tile-halves {
flex: 1;
margin-right: 0.9rem;
}
.mainpage-contents .tile-halves:hover .tile-top img {
transform: scale(1.04);
}
.mainpage-contents .tile-halves:last-child {
margin-right: 0;
}
.mainpage-contents .tile-top {
height: 4.5rem;
position: relative;
}
.mainpage-contents .tile-top h2 a {
display: block;
text-align: center;
text-decoration: none;
line-height: 4.5rem;
padding-left: 0.45rem;
}
.mainpage-contents h2 {
margin: 0;
padding: 0;
}
.mainpage-contents .tile-halves:nth-child(1),
.mainpage-contents .tile-halves:nth-child(2),
.mainpage-contents .tile-halves:nth-child(3) {
margin-bottom: 0.9rem;
}
.mainpage-contents .tile-halves:nth-child(3) {
margin-right: 0;
}
.mainpage-contents .line-break {
width: 100%;
}
.mainpage-skills ul {
columns: 2 9em;
}
.mainpage-skills .skill-thieving {
display: none;
}
.mainpage-header .header-stats,
.mainpage-onthisday {
display: none;
}
}
@media only screen and (min-width: 66rem) and (max-width: 81.999rem) {
.mainpage-contents .tile-halves:last-child {
display: none;
}
.mainpage-contents .tile-halves:nth-last-child(2) {
margin-right: 0;
}
.mainpage-header .header-stats,
.mainpage-contents .line-break {
display: none;
}
}
@media only screen and (min-width: 82rem) {
.mainpage-header .header-intro {
margin-right: 2em;
}
.mainpage-contents .line-break {
display: none;
}
body.wgl-readermode .mainpage-contents .tile-halves:last-child {
display: none;
}
body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) {
margin-right: 0;
}
}
.mainpage-contents {
background: #0e0e0e;
padding: 2.5em 1em 2em;
border: 1px solid #681010;
}
.mainpage-contents::before {
content: 'Важно';
margin-left: 1.5em;
color: #949eaa;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .025em;
}
.mainpage-contents .tile-halves {
border: none;
background: none;
box-shadow: none;
margin: 0 1.5em;
}
.mainpage-contents .tile-halves:first-child {
margin-top: 1.25em;
}
.mainpage-contents .tile-halves:first-child .tile-bottom {
border-top: none;
}
.mainpage-contents .tile-halves:last-child {
margin-bottom: 0;
}
.mainpage-contents .tile-halves:last-child .tile-top {
border-bottom: none;
}
.mainpage-contents .tile-bottom {
border-color: #828d9a;
padding: .25em 0;
background: none;
}
.mainpage-contents h2 {
padding: 0 0 .35em;
width: 100%;
}
.mainpage-contents h2 a {
color: #f9fafa;
display: block;
}
.mainpage-skills ul {
columns: 3;
margin: 1em 0.7em 0.7em 1em;
}
.mainpage-skills li {
display: flex;
margin-bottom: 0.4em;
isolation: isolate;
}
.mainpage-skills li a:first-child {
border-radius: 3px;
padding: 4px;
width: 25px;
height: 25px;
}
.mainpage-skills li a:last-child {
flex: 1;
display: flex;
align-items: center;
color: #36414f;
font-weight: bold;
padding-left: 0.7em;
text-decoration: none;
}
.mainpage-skills li:hover a:first-child {
border-radius: 3px 0 0 3px;
}
.mainpage-skills li:hover a:last-child {
color: rgba(255, 255, 255, 0.9);
border-radius: 0 3px 3px 0;
}
.skill-agility a:first-child,
.skill-melee a:first-child {
background: #bc483d;
}
.skill-agility:hover a:last-child,
.skill-melee:hover a:last-child {
background: #932419;
}
.skill-ranged a:first-child {
background: #748d36;
}
.skill-ranged:hover a:last-child {
background: #4c6215;
}
.skill-magic a:first-child {
background: #6274ab;
}
.skill-magic:hover a:last-child {
background: #304791;
}
.skill-herblaw a:first-child {
background: #6385a8;
}
.skill-herblaw:hover a:last-child {
background: #315f8d;
}
.skill-prayer a:first-child {
background: #91689e;
}
.skill-prayer:hover a:last-child {
background: #713684;
}
.skill-firemaking a:first-child {
background: #bc483d;
}
.skill-firemaking:hover a:last-child {
background: #932419;
}
.skill-crafting a:first-child {
background: #6274ab;
}
.skill-crafting:hover a:last-child {
background: #304791;
}
.skill-fishing a:first-child,
.skill-fletching a:first-child {
background: #3e8e9a;
}
.skill-fishing:hover a:last-child,
.skill-fletching:hover a:last-child {
background: #1a6671;
}
.skill-cooking a:first-child,
.skill-divination a:first-child,
.skill-thieving a:first-child {
background: #91689e;
}
.skill-cooking:hover a:last-child,
.skill-divination:hover a:last-child,
.skill-thieving:hover a:last-child {
background: #713684;
}
.skill-farming a:first-child,
.skill-woodcutting a:first-child {
background: #59924f;
}
.skill-farming:hover a:last-child,
.skill-woodcutting:hover a:last-child {
background: #306f25;
}
.skill-mining a:first-child,
.skill-summoning a:first-child {
background: #6385a8;
}
.skill-mining:hover a:last-child,
.skill-summoning:hover a:last-child {
background: #315f8d;
}
.skill-invention a:first-child,
.skill-smithing a:first-child {
background: #d2b244;
}
.skill-invention:hover a:last-child,
.skill-smithing:hover a:last-child {
background: #b69213;
}
.skill-archaeology a:first-child {
background: #a56831;
}
.skill-archaeology:hover a:last-child {
background: #784212;
}
@keyframes slide-up {
from {
opacity: 0;
transform: translateY(1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.mainpage-skills .tile-top {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
background-color: #0e0e0e;
}
.mainpage-skills .tile-top h2 {
position: -webkit-sticky;
position: sticky;
left: .5em;
}
.mainpage-skills .tile-top ul {
columns: 3;
width: 32em;
list-style: none;
margin-left: .75em;
}
@media only screen and (min-width: 32em) {
.mainpage-skills .tile-top ul {
width: 100%;
max-width: 50em;
margin: auto;
}
}
.mainpage-skills .tile-top li {
display: flex;
align-items: center;
margin-bottom: .6em;
}
.mainpage-skills .tile-top li a:first-child {
width: 25px;
height: 25px;
padding: 4px;
border-radius: 3px;
}
.mainpage-skills .tile-top li a:last-child {
flex: 1;
color: #444e5a;
font-weight: bold;
padding-left: .5em;
}
.skill-agility a:first-child,
.skill-melee a:first-child {
background: #bc483d;
}
.skill-ranged a:first-child {
background: #748d36;
}
.skill-magic a:first-child {
background: #6274ab;
}
.skill-fishing a:first-child,
.skill-fletching a:first-child {
background: #3e8e9a;
}
.skill-cooking a:first-child,
.skill-divination a:first-child,
.skill-thieving a:first-child {
background: #91689e;
}
.skill-farming a:first-child,
.skill-woodcutting a:first-child {
background: #59924f;
}
.skill-mining a:first-child,
.skill-summoning a:first-child {
background: #6385a8;
}
.skill-invention a:first-child,
.skill-smithing a:first-child {
background: #d2b244;
}
.skill-archaeology a:first-child {
background: #a56831;
}
.mainpage-news .news-updates::before {
content: '';
margin-left: .75em;
color: #949eaa;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .025em;
}
.mainpage-news .news-updates li {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mainpage-wikinews .news-date {
font-weight: bold;
margin-bottom: 0.3em;
}
.mainpage-wikinews p:not(.news-date) {
margin-left: 1em;
}
.mainpage-wikinews::before {
content: '';
margin-left: .75em;
color: #949eaa;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .025em;
}
.mainpage-wikinews .news-date {
font-weight: bold;
margin-bottom: 0;
}
.mainpage-left .mainpage-wikinews p {
margin-left: .75em;
margin-right: .75em;
}
.mainpage-discord {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-discord .tile-top {
display: flex;
align-items: center;
background: #7289da;
padding: 1em 1.75em;
}
.mainpage-discord .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}
.mainpage-discord .tile-top a:hover .arrow {
transform: translateX(50%);
}
.mainpage-discord .tile-bottom {
background: #697ec4;
border: none;
padding: 1em 1.75em;
}
.mainpage-discord .tile-bottom p {
color: #ffffff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}
.mainpage-discord .partner-icon {
margin-right: 0.75em;
}
.mainpage-discord .server-name {
color: #ffffff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}
.mainpage-discord .server-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}
.mainpage-discord .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}
.mainpage-social {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-social .tile-top {
display: flex;
align-items: center;
padding: 1em 1.75em;
}
.mainpage-social .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}
.mainpage-social .tile-top a:hover .arrow {
transform: translateX(50%);
}
.mainpage-social .tile-bottom {
border: none;
padding: 1em 1.75em;
}
.mainpage-social .tile-bottom p {
color: #ffffff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}
.mainpage-social .social-icon {
margin-right: 0.75em;
width: 60px;
text-align: center;
}
.mainpage-social .social-header {
color: #ffffff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}
.mainpage-social .social-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}
.mainpage-social .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}
.mainpage-social.mainpage-discord .tile-top {
background: #7289da;
}
.mainpage-social.mainpage-discord .tile-bottom {
background: #697ec4;
}
.mainpage-social.mainpage-vk .tile-top {
background: #6588b5;
}
.mainpage-social.mainpage-vk .tile-bottom {
background: #324b6b;
}
/* --------------------
discord server
-------------------- */
.mainpage-discord {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-discord .tile-top {
display: flex;
align-items: center;
background: #7289da;
padding: 1em 1.75em;
}
.mainpage-discord .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}
.mainpage-discord .tile-top a:hover .arrow {
transform: translateX(50%);
}
.mainpage-discord .tile-bottom {
background: #697ec4;
border: none;
padding: 1em 1.75em;
}
.mainpage-discord .tile-bottom p {
color: #ffffff;
font-weight: bold;
font-size: .9em;
text-align: center;
text-transform: uppercase;
letter-spacing: .03em;
margin: 0;
}
.mainpage-discord .partner-icon {
margin-right: .75em;
}
.mainpage-discord .server-name {
color: #ffffff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}
.mainpage-discord .server-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: .5em;
}
.mainpage-discord .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: .7em;
background-size: .7em 1em;
transition: 0.3s ease-out;
}
/* --------------------
social
-------------------- */
.mainpage-social {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-social .tile-top {
display: flex;
align-items: center;
padding: 1em 1.75em;
}
.mainpage-social .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}
.mainpage-social .tile-top a:hover .arrow {
transform: translateX(50%);
}
.mainpage-social .tile-bottom {
border: none;
padding: 1em 1.75em;
}
.mainpage-social .tile-bottom p {
color: #ffffff;
font-weight: bold;
font-size: .9em;
text-align: center;
text-transform: uppercase;
letter-spacing: .03em;
margin: 0;
}
.mainpage-social .social-icon {
margin-right: .75em;
width: 60px;
text-align: center;
}
.mainpage-social .social-header {
color: #ffffff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}
.mainpage-social .social-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: .5em;
}
.mainpage-social .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: .7em;
background-size: .7em 1em;
transition: 0.3s ease-out;
}
.mainpage-social.mainpage-discord .tile-top {
background: #7289da;
}
.mainpage-social.mainpage-discord .tile-bottom {
background: #697ec4;
}
.mainpage-social.mainpage-vk .tile-top {
background: #6588b5;
}
.mainpage-social.mainpage-vk .tile-bottom {
background: #324b6b;
}
.mainpage-editing {
border: 1px solid #681010;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-editing .tile-top {
background: #43161b;
}
.mainpage-editing .tile-bottom {
background: #300f13;
border: none;
padding: 0.8rem 1.5rem 0.4rem;
}
.mainpage-editing h2,
.mainpage-editing a,
.mainpage-editing a:visited,
.mainpage-editing a:active {
color: #ffffff;
}
.mainpage-editing p {
color: rgba(255, 255, 255, 0.9);
}
.mainpage-editing ul {
list-style-image: url("data:image/svg+xml,%0A%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-opacity='.6' stroke-width='2' points='1.5 1.5 4.5 4.496 1.5 7.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mainpage-editing .tile-top {
background: #444444;
}
.mainpage-editing .tile-bottom {
background: #666666;
border: none;
padding: .8rem 1.5rem .4rem;
}
.mainpage-editing h2,
.mainpage-editing a,
.mainpage-editing a:visited,
.mainpage-editing a:active {
color: #ffffff;
}
.mainpage-editing p {
color: rgba(255, 255, 255, 0.9);
}
.mainpage-editing ul {
list-style-image: url("data:image/svg+xml,%0A%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-opacity='.6' stroke-width='2' points='1.5 1.5 4.5 4.496 1.5 7.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mw-body {
background-color: #353535;
color: white;
}
.header-container.header-chrome {
background: url(/images/FN_MBL.png) #2f0909 no-repeat;
background-size: 900px;
background-position: 0 30%;
}
.mainpage-news {
background: #262626;
}
.minerva-footer {
border-top: solid 1px #fff;
overflow: auto;
padding-bottom: 6px;
background-color: #000;
}
.mw-footer > .post-content .license {
color: white;
}
.last-modified-bar {
background-color: #30a664d9;
}
.last-modified-bar a {
color: #fdfdfd
}
.content .thumbcaption {
color: #f5f5f5
}
.wikitable > * > tr > th {
background-color: #2f0909;
}
.mainpage-skills .tile-top li a:last-child {
color: #ffffff;
}
/* Цвета diff'ов */
.diff-deletedline {
border-color: #ea1a1a;
}
.diff-deletedline .diffchange {
background: #ea1a1a;
color: #fff;
}
.diff-addedline {
border-color: #2ba200;
}
.diff-addedline .diffchange {
background: #2ba200;
color: #fff;
}
.diff-context {
border-color: #dec300;
background: #454545;
color: #fff;
}
/* Убираем вкладку обсуждений */
#ca-talk { display: none !important; }
#pt-mytalk.mw-list-item { display: none !important; }
#mw-mf-diffview #mw-mf-userinfo {
background-color: #000000;
border-top: solid 1px #2f0909;
}
div.mw-highlight {
background-color: black;
}
.page-actions-menu {
border-bottom: 1px solid #353535;
}
.comment-body textarea {
background-color: #c2c2c2;
}
.comment-submit {
border: 1px solid #982a2a;
background-color: #982a2a;
}
.comment-toolbar {
border: 1px solid #000;
}
.usermessage {
background-color: #ff8a8a;
border: 3px solid #ff0d0d;
color: #000;
font-weight: bold;
margin: 1em 0 1em;
padding: 0.5em 1em;
vertical-align: middle;
text-align: center;
}
.notification-count {
background: #2f0909;
color: #ffffff;
}
.minoredit {
background: #353535;
color: #dec300;
}
a {
color: #dec300;
text-decoration: none;
}
a:visited {
color: #897a0b;
}
.mp-portal-row {
display: flex;
flex-flow: row nowrap;
margin: 0;
align-items: self-start;
justify-content: space-around;
text-align: center;
font-weight: bold;
max-width: 100%;
}
.mp-portal-row div {
flex: 0 1 auto;
margin: 4px;
}
@media only screen and (max-width: 1000px) {
.mp-portal-row {
flex-flow: row wrap;
}
.mp-portal-row > div {
max-width: 100px;
}
}
.mp-portal-icon a img {
width: 100%;
min-width: 50px;
max-width: 150px;
height: auto;
}
.mp p img {
height: auto;
}
.mp-menu-item {
text-align: left;
width: 165px;
display: inline-block;
margin: 5px 15px;
vertical-align: top;
}
.mp-menu-item-header {
border-bottom: 1px solid #505050;
font-size: 120%;
font-variant: small-caps;
color: black;
}
.mp-menu-item-body {
column-count: 1;
margin-top: 5px;
}
.mp-menu-item-body>ul {
margin-top: 0;
}
.mp-news-container {
width: 100%;
max-height:249px;
overflow:hidden;
text-overflow: ellipsis;
content: "";
position:relative;
}
.mp-news-container:before {
content:'';
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:linear-gradient(transparent 200px, white);
pointer-events: none;
}
.mp-container-small img,
.mp-container-mid img,
.mp-container-large img {
height: auto;
}
.mp-container-large,
.mp-container-mid {
width: 100%;
}
.mp-container-small {
width: 50%;
}
.mp-container-40 {
width: 100%;
}
.mp-container-20 {
width: 100%;
}
.mp-new-content-row {
display:flex;
justify-content:center;
font-size:0.9em;
}
#mp-navigation {
order: 2;
width: 100%;
}
@media (min-width: 1000px) {
.mp-container-40 {
flex-basis: 50%;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.mp-container-large {
flex-basis: 66.667%;
max-width: 66.667%;
}
.mp-container-mid {
flex-basis: 50%;
max-width: 50%;
}
.mp-container-small {
flex-basis: 33.333%;
max-width: 33.333%;
}
.mp-container-100 {
flex-basis: 100%;
max-width: 100%;
}
.mp-container-40 {
flex-basis: 39%;
max-width: 39%;
}
.mp-container-20 {
flex-basis: 22%;
max-width: 22%;
}
#mp-navigation {
order: 0;
width: initial;
}
}
.comment-container-top {
background-color: #474747;
}
h2 {
font-size: 1.5em;
padding-left: 15px;
}
.large-note {
max-height: 600px;
overflow-y: auto;
}
.ref-box {
background-color: #131313;
border: 1px dotted #dec300;
margin: 1em 0;
padding: 1.1em;
}
.references-scroll {
overflow: auto;
padding: 3px;
}
ol.references {
font-size:100%;
}
.references-small {
font-size:90%;
}
.toc {
background-color: #232323;
}
.minerva__tab-container .minerva__tab:last-child {
display: none !important;
}
.mw-ui-icon-wikimedia-search-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/search.svg);
}
.mw-ui-background-icon-search {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/search.svg);
}
.mw-ui-icon-minerva-ellipsis:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/ellipsis.svg);
}
.mw-ui-icon-minerva-userContributions:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/userContributions.svg);
}
.mw-ui-icon-wikimedia-edit-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/edit.svg);
}
.mw-ui-icon-wikimedia-history-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/history.svg);
}
.mw-ui-icon-wikimedia-star-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/star.svg);
}
.mw-ui-icon-minerva-download:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/download.svg);
}
.mw-ui-icon-wikimedia-language-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/language.svg);
}
.mw-ui-icon-mf-expand:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/arrow-expand.svg);
}
.mw-ui-icon-wikimedia-menu-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/menu.svg);
}
.mw-ui-icon-wikimedia-bellOutline-base20:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/bellOutline.svg);
}
.mw-ui-icon-minerva-rchanges:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/rchanges.svg);
}
.mw-ui-icon-minerva-articles:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/articles.svg);
}
.mw-ui-icon-minerva-rules:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/rules.svg);
}
.mw-ui-icon-minerva-donate:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/donate.svg);
}
.mw-ui-icon-minerva-contact:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/contact.svg);
}
.mw-ui-icon-minerva-newarticle:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/newarticle.svg);
}
.mw-ui-icon-minerva-help:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/help.svg);
}
.mw-ui-icon-minerva-read:before {
background-image: linear-gradient(transparent,transparent),url(/images/minerva icons/read.svg);
}
#main-menu-input:checked ~ #mw-mf-page-left {
background-color: #202020;
}
#mw-mf-page-left ul.hlist li a {
color: #fff!important;
padding: 0.7em 20px;
}
#mw-mf-page-left ul li {
background-color: #333333;
border-top: 1px solid #333333;
}
#mw-mf-page-left ul li a {
color: #ffffff !important;
}
.catlinks {
background-color: #282828;
border: 1px solid #dec300;
}
#main-menu-input:checked ~ #mw-mf-page-left {
box-shadow: 1px 0 8px 0 rgb(137 53 53 / 35%);
}
#mw-mf-page-left ul.hlist li a span {
font-weight: 500;
font-size: smaller;
}
#mw-mf-page-left ul li a:hover {
box-shadow: inset 4px 0 0 0 #dec300;
}
#mw-mf-page-left .secondary-action {
border-left: 1px solid #333333;
}
.oo-ui-indicator-down {
filter: unset;
background-image: linear-gradient(transparent,transparent),url(/images/arrow-down.svg);
}
.oo-ui-indicator-up {
background-image: linear-gradient(transparent,transparent),url(/images/arrow-up.svg);
}
.mw-parser-output a.external {
background-image: url(/images/link-external-small-ltr-progressive.svg);
}
a.external {
background-image: url(/images/link-external-small-ltr-progressive.svg);
}
.page-Main_Page #page-secondary-actions a {
display: none;
}
.mw-footer .hlist li:after {
color: #dec300;
}
/* Профили участников */
/***Политбюро***/
#mw-content-text a[href$=":GodSatanist"] {
color:#e48900 !important;
text-shadow:1px 0 1px #e48900;
}
#mw-content-text a[href$=":Drzuzeppe"] {
color:#e48900 !important;
text-shadow:1px 0 1px #e48900;
}
#mw-content-text a[href$=":ErichHonecker"] {
color:#e48900 !important;
text-shadow:1px 0 1px #e48900;
}
.comment-user a[href$=":GodSatanist"] {
color:#e48900 !important;
text-shadow:1px 0 1px #e48900;
}
.comment-user a[href$=":Drzuzeppe"] {
color:#e48900 !important;
text-shadow:1px 0 1px #e48900;
}
.comment-user a[href$=":ErichHonecker"] {
color:#e48900 !important;
text-shadow:1px 0 1px #e48900;
}
/***Дружинники***/
#mw-content-text a[href$=":JuryKlinskih666"] {
color:#7f4adc !important;
text-shadow:1px 0 1px #7f4adc;
}
#mw-content-text a[href$=":Reagentura"] {
color:#7f4adc !important;
text-shadow:1px 0 1px #7f4adc;
}
.comment-user a[href$=":JuryKlinskih666"] {
color:#7f4adc !important;
text-shadow:1px 0 1px #7f4adc;
}
.comment-user a[href$=":Reagentura"] {
color:#7f4adc !important;
text-shadow:1px 0 1px #7f4adc;
}
/***Редколлегия***/
#mw-content-text a[href$=":DOBROKop"] {
color:#7bbf34 !important;
text-shadow:1px 0 1px #7bbf34;
}
#mw-content-text a[href$=":DobroPolit"] {
color:#7bbf34 !important;
text-shadow:1px 0 1px #7bbf34;
}
.comment-user a[href$=":DOBROKop"] {
color:#7bbf34 !important;
text-shadow:1px 0 1px #7bbf34;
}
.comment-user a[href$=":DobroPolit"] {
color:#7bbf34 !important;
text-shadow:1px 0 1px #7bbf34;
}
/* Профили участников — конец */
.whos-online li { display: inline-block; }
.whos-online li + li:before {
content: ", ";
margin-right: 3px;
}
#mw-indicator-mw-helplink a {
display: none;
}
/* --- SITE NOTICE --- */
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0.5em 20% 0.5em 5em;
background-color: black;
border-radius: 10px;
padding: 5px;
}
a:not([href]) {
color: #dec300;
cursor: pointer;
}
::selection {
background: #cd4b4b;
color: white;
}
div.hider { border:1px solid #dec300; padding: 0.85em 1em 0.75em 1.25em; margin: 0.9em 1em 0.9em 1em; border-radius: 8px; display: flow-root }
div.hider-headtext { font-weight: 700; padding-bottom: 0.25em; }
div.mw-collapsible-content { padding-top:1.25em; border-top: 2px dashed #ccd }
th.table-andras-head > span.mw-collapsible-toggle { font-size: 0.85em; margin-right: 0.8em; padding-top: 0.15em }