Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. Please ensure you do not violate Wikia's Terms of Use by obscuring or removing the advertising. *****/
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ConsistentDiscussionsFeeds.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:RedesignedAdminDashboard.css&only=styles";
@import url('/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorVisualMinimal/light.css&only=styles');
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernPopovers.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedLoadingScreens.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/light.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernLightbox.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernRail.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedDesigner.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles";
@import url("//dev.wikia.com/load.php?mode=articles&only=styles&articles=MediaWiki:FontAwesome.css");
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernCommentsSection.css&only=styles";

/* Фон */
body.mediawiki {
    background: linear-gradient(to bottom, #006, #58C);
    background-image: url('https://vignette.wikia.nocookie.net/vocaloid/images/f/f6/WikiaBG.png/revision/latest?cb=20200425155447&path-prefix=ru');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: transparent;
    background-repeat: no-repeat;
}

/* Цветные ники */
/* Бюрократы */
a[href$="/Redptich"],
a[href$=":Redptich"],
a[href$="/DeLarmus"],
a[href$=":DeLarmus"] {
    color: #39ACC4;
    text-shadow: 1px 1px 1px #000017;
    font-weight: bold;
    transition: 0.4s;
}

/* Администраторы */
 {
    color: #FEE459;
    text-shadow: 1px 1px 1px #000017;
    font-weight: bold;
    transition: 0.4s;
}

/* Модератор контента */
a[href$="/%D0%A2%D0%B0%D0%BA%D0%BE%D1%812"],
a[href$=":%D0%A2%D0%B0%D0%BA%D0%BE%D1%812"] {
    color: #EAB7D3;
    text-shadow: 1px 1px 1px #000017;
    font-weight: bold;
    transition: 0.4s;
}

/* Модератор Обсуждений */
a[href$="/GrilledTheorist"],
a[href$=":GrilledTheorist"] {
    color: #C6323E;
    text-shadow: 1px 1px 1px #000017;
    font-weight: bold;
    transition: 0.4s;
}

}
/* Оформление табличек */
/* Бюрократы */
.Wall .edited-by > a.subtle[href$="Redptich"]:after,
.comments li[data-user="Redptich"] .edited-by:after,
.Wall .edited-by > a.subtle[href$="DeLarmus"]:after,
.comments li[data-user="DeLarmus"] .edited-by:after {
    color: #000000;
    background-color: #ffff00;
    content:'Hatsune Miku (Бюрократ)';
    border-radius: 1em;
    padding: 0 5px;
    margin-left: 3px;
}
/* Модератор Обсуждений */
.Wall .edited-by > a.subtle[href$="GrilledTheorist "]:after,
.comments li[data-user="GrilledTheorist "] .edited-by:after {
    color: #ffffff;
    background-color: #C6323E;
    content:'MEIKO (Модератор Обсуждений)';
    border-radius: 1em;
    padding: 0 5px;
    margin-left: 3px;
}

/* Модератор контента */
.Wall .edited-by > a.subtle[href$="%D0%A2%D0%B0%D0%BA%D0%BE%D1%812"]:after,
.comments li[data-user="Такос2"] .edited-by:after {
    color: #020202;
    background-color: #EAB7D3;
    content:'Megurine Luka (Модератор контента)';
    border-radius: 1em;
    padding: 0 5px;
    margin-left: 3px;
}

/*Убираем рамку вокруг блока*/
.WikiaRail .module {
	border: none !important;
}
 
/* Скругления для блоков цитат на стенах обсждения */
.Wall .quote, .WallPreview .quote {
zoom: 1;
background-color: #E1E9F0;
border: 1px solid #D1DCE9;
font-style: italic;
margin: 8px 0;
padding: 10px;
border-radius: 10px;
}
 
/* Скругления линий, сообщений на стене обсуждения */
.Wall ul.comments > .message > li {
border-top: 1px solid #7F9FBB;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
 
/* Скругления линий, разделяющих ответы на стене обсуждения */
.Wall ul.comments > .message .replies > li {
border-top: 1px solid #7F9FBB;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.Board .comments .SpeechBubble.message-main, .Board .SpeechBubble.new-message { /* Стена обсуждения участника */
    border-left: 3px solid #1c7dd5;
}
.avatar { /* Стена обсуждения участника */
    border: 2px solid #1c7dd5;
}
 
.footer { /* Глобальный навигационный шаблон по платформерам */
    margin: 0 !important;
    padding: 0 15px !important;
    border: none !important;
    box-shadow: none !important;
}
 
/* Полоса прокрутки */
::-webkit-scrollbar {
	height: 14px;
	width: 14px;
}
::-webkit-scrollbar-thumb {
	background: #cdcdcd;
}
::-webkit-scrollbar-track {
	background: #eeeeee;
    border: 2px solid #e1e3e5;
}
::-webkit-scrollbar-thumb:hover {
	background: #aaa;
}

/*Кастомный слайдер от ворона*/

#SliderView {
  background: transparent;
  width: 100%;  
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
}
#SliderWrapper {
  position: relative;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
  -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
  transition-timing-function: cubic-bezier(.67,.01,.23,1);
}
#SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
  margin: 0px;
  padding: 0px;
}
#NavBtns li {
  margin: 0px;
}
 
.Sld {
  height: auto;
  list-style: none;
  display: inline;
  float: left;
}
 
.SlideIMG {
  width: 100%;
}
.SlideIMG img {
  display: block;
  max-width: 100%;
  height: auto;
  min-width: 100%; 
  min-height: 100%; 
  position: relative;  
}
 
#NavBtns {
  position: absolute; 
  display: block;
}
.NavBtn {
  position: relative;
  display: block;
  top: 0px;
  width: auto;
  height: auto;
  list-style: none;
  margin: 0px;
  background: transparent;
}
 
.nmLeft {
  height: 100%;
  left: 0px;
  background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
}
.nmLeft li {
  list-style: none;   
  padding: 10px 100px 10px 10px;
}
.nmLeft li:hover {
  cursor: pointer;
  background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}
 
.nmRight {
    color:white;
  height: 100%;
  right: 0px;
      background: linear-gradient(to left, rgb(61, 70, 84), transparent);
  text-align: left;
}
.nmRight li {
  list-style: none;   
  padding: 10px 10px 10px 100px;
}
.nmRight li:hover {
  cursor: pointer;
     color:#6699ff;
}
 
.nmTop {
  width: 100%;
  top: 0px;
  background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
  text-align: left;
}
.nmTop li {
  display: inline-block;
  list-style: none;   
  padding: 10px 10px 20px 10px;
}
.nmTop li:hover {
  cursor: pointer;
  background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}
 
.nmBottom {
  width: 100%;
  bottom: 0px;
  background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8),  transparent);
  text-align: left;
}
.nmBottom li {
  display: inline-block;
  list-style: none;   
  padding: 20px 10px 10px 10px;
}
.nmBottom li:hover {
  cursor: pointer;
  background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8),  transparent);
}

.nbActiveRight {
  background: linear-gradient(to left, rgba(47, 100, 92, .8),  transparent);
}
.nbActiveTop {
  background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8),  transparent);
}
.nbActiveBottom {
  background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8),  transparent);
}
/* Крутящийся аватар в профиле */
.masthead-avatar img {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
 
.masthead-avatar:hover img{
  border-radius: 100%;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Таббер */

.tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 13px !important;
    border-bottom: 3px solid #3e4755 !important;
    padding: 0.3em 0 !important;
}
.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: #3a3a3a !important;
    border: none !important;
    background: transparent !important;
}
.tabberactive a {
    color: white !important;
    background: #3e4755 !important;
}
.tabbernav :not(.tabberactive) a:hover {
    background: rgba(42,161,152, 0.2) !important;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}