MediaWiki:Mobile.css

@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 }