Young Justice вики
Advertisement

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");
@import "/index.php?title=MediaWiki:Chat.css&action=raw&ctype=text/css";
/*==================*/
/*= Импор шрифтов. =*/
/*==================*/
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Ruda');
/*=======================*/
/*= Шрифт по всей вики. =*/
/*=======================*/
.WikiaPage {
  font-family: 'Ruda'; 
  border: 0px;
  border-right: 1px solid #8F1C10;
  border-left: 1px solid #8F1C10;
}

/* Шрифты в заголовках и шапке. */
.wds-community-header__sitename {
  font-family: 'Jura';
}
.wds-community-header__sitename a{
  background-image: linear-gradient(transparent 50%, #000 50%);
}
.page-header__title {
   font-family: 'Jura'; 
   background-image: linear-gradient(transparent 50%, #E3DCC3 50%)
}
h1, h2, h3, h4, h5, h6, .msg-title, .wds-tabs {
  font-family: 'Ruda';
}

/* Полоска сверху. */
.page-header__separator {
  visibility: hidden; 
} 
/*====================================*/
/*= Свернуть/развернуть в навбоксах. =*/
/*====================================*/
.mw-collapsible-toggle,
.mw-collapsible-toggle-expanded {
  font-size: 0;
  margin-bottom: -8px;
  margin-right: 3px;
}
.mw-collapsible-toggle::after {
  content: '▽';
  font-size: 20px;
}
.mw-collapsible-toggle-expanded::after {
  content: '△';
  font-size: 20px;
}

/* Сообщения */
.SpeechBubble .speech-bubble-message:after {
  visibility: hidden;
}

/* Делает кпоку "править" на заголовках 3 и 4 уровня невидимой, пока на неё не будет наведен курсор. */
h2 span.editsection,
h3 span.editsection,
h4 span.editsection {
  visibility: hidden;
  transition: all ease-out 1s;
}
/* ..при наведении. */
h2:hover span.editsection,
h3:hover span.editsection,
h4:hover span.editsection {
  visibility: visible;
}

/*===========*/
/*= Кнопки. =*/
/*===========*/
a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.wds-button), input[type="reset"], input[type="button"], .button, .wikia-button, button {
  background-color: #000;
  background-image: none !important;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 19px;
  line-height: 20px;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
  transition: all ease-out 0.5s;
}
.wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover {
  background-color: #171717;
  background-image: none !important;
  border-radius: 0px;
}
.wds-button.wds-dropdown__toggle {
  border-radius: 0px;
} 
.wds-button {
  border-radius: 0px;
}

/*=====================*/
/*= Полоса прокрутки. =*/
/*=====================*/
/* Делает ширину полосы прокрутки. */
::-webkit-scrollbar {
    width: 10px;
}
/* Делает фон полосы прокрутки. */
::-webkit-scrollbar-track {
    background: #000;
}
/* Делает прямоугольник в полосе прокрутки. */
::-webkit-scrollbar-thumb {
    background: #8F1D11;
    transition: all ease-out 0.5s;
}
/* Даёт анимацию при наведении на прямоугольник. */
::-webkit-scrollbar-thumb:hover {
    background: #D7301D;
}

/*============*/
/*= Табберы. =*/
/*============*/
.tabbernav {
    font-family: 'Jura';
    font-weight: normal !important;
    font-size: 13px !important;
    border-bottom: 3px solid #000 !important;
    color: #fff !important;
    padding: 0.3em 0 !important;
    transition: all ease-out 0.5s;
}
.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}
.tabberactive a {
    color: #fff !important;
    background: #000 !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: none !important;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}

/*================*/
/*= Голосования. =*/
/*================*/
/* Делает границу прозрачной */
div.ajax-poll {
	border: transparent !important;
}
/* Меняет полосу с результатами. */
.pollAnswerVotes div {
    font-family: 'Jura';
	background: #8F1D10;
	color:#fff;
	border-radius:0px;
	border: none !important;
	height: 20px !important;
	margin-left: -1px;
}
/* Меняет полосу без результатов. */
.pollAnswerVotes {
	background: #000;
	font-family: 'Jura';
	border-radius: 0px;
	border: none !important;
	height: 20px !important;
}
/* Убирает границу голосования. */
.ajax-poll {
	border: none !important;
}

/*============*/
/*= Коробки. =*/
/*============*/
.box {
    background: none;
    margin: 20px !important;
    background-image: url('https://vignette.wikia.nocookie.net/young-justice/images/b/b3/Viko-A1.png/revision/latest?cb=20200531073122&path-prefix=ru');
    width:100%;
    transition: all ease-out 0.5s;
}
.box:hover {
    zoom: -2;
}
/* Заголовок коробки. */
.box h4 {
	font-size: 25px !important;
	padding-bottom: 10px !important;
	text-align: center !important;
	padding: 10px !important;
	background-image: url('https://vignette.wikia.nocookie.net/young-justice/images/6/66/Viko-A4.png/revision/latest?cb=20200531073123&path-prefix=ru');
	color:#fff;
    background-size: 100% 100%;
	margin:-7px;
}
/* Содержание коробки. */
.boxcontent {
    margin-left: 50px !important;
    margin-right: 50px !important;
}
/* Шапка блока. */
.boxhead {
    background-image: url('https://vignette.wikia.nocookie.net/young-justice/images/e/e1/Viko-A2.png/revision/latest?cb=20200531073122&path-prefix=ru');
    width:100%;
}
/* Ботинки блока. */
.boxend {
    background-image: url('https://vignette.wikia.nocookie.net/young-justice/images/0/0b/Viko-A3.png/revision/latest?cb=20200531073123&path-prefix=ru');
    width:100%;
}
Advertisement