VOCALOID вики
Регистрация
VOCALOID вики
245
страниц
Нет описания правки
Нет описания правки
Строка 69: Строка 69:
 
/* Конец стиля нав.шаблонов */
 
/* Конец стиля нав.шаблонов */
 
 
/* Удаление пустых <p> тегов, созданных подгрузкой шаблона подписи */
 
.pForceRemove p {
 
display:none;
 
}
 
 
/* Фикс рамки вокруг страницы */
 
.WikiaPage {
 
border: 1px solid #cde1f3;
 
}
 
 
/* Содержание */
 
.WikiaArticle .toc {
 
border-left: thick solid #6C80A4 !important;
 
border: none;
 
}
 
 
/*Для виджета*/
 
.discord-icon {
 
background: url("https://images.wikia.nocookie.net/wikies/ru/images/thumb/8/8d/Logo_discord.png/20px-Logo_discord.png");
 
}
 
 
/* Страница сообщества */
 
.community-page-header.community-page-header-cover:before {
 
background-color: rgba(0, 0, 0, 0.0);
 
}
 
.community-page-header .community-page-subheader-welcome-message {
 
color: #464646;
 
font-size: 20px;
 
line-height: 100px;
 
margin: -15px 0 0 0;
 
}
 
.community-page-header .community-page-header-welcome-message {
 
color: #464646;
 
font-size: 30px;
 
line-height: 0;
 
}
 
 
.community-page-rail {
 
background: #cde1f3;
 
}
 
 
.community-page-card-module {
 
border: 1px solid #6C80A4;
 
}
 
 
/* оформление шапки профайла */
 
.UserProfileMasthead .masthead-info hgroup {
 
background-color: #6d81a7;
 
border-color: #aab;
 
color: #FFFFFF
 
overflow: visible;
 
}
 
 
.UserProfileMasthead .wds-dropdown__content {
 
background-color: #667ba2;
 
border-color: #aab;
 
color: #FFFFFF
 
}
 
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li > a {
 
color: #FFFFFF
 
}
 
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li:hover > a {
 
background-color: rgba(0,108,176,0.1);
 
color: #006cb0
 
}
 
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
 
background-color: #313131;
 
border-color: #484848;
 
color: #D5D4D4
 
}
 
 
.UserProfileMasthead .wds-dropdown__toggle {
 
cursor: pointer;
 
}
 
 
.UserProfileMasthead .wds-dropdown::after {
 
border-bottom-color: #667ba2
 
}
 
 
.UserProfileMasthead .wds-dropdown::before {
 
border-bottom-color: #aab
 
}
 
 
.UserProfileMasthead button {
 
background-image: none
 
}
 
 
.UserProfileMasthead .wds-button.wds-is-secondary {
 
background-color: transparent;
 
border-color: #fff;
 
color: #fff;
 
}
 
 
.UserProfileMasthead .wds-button.wds-is-secondary:focus:not(:disabled),
 
.UserProfileMasthead .wds-button.wds-is-secondary:hover:not(:disabled),
 
.UserProfileMasthead .wds-button.wds-is-secondary:active,
 
.UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active {
 
background-color: transparent;
 
border-color: #cac6c6;
 
color: #cac6c6
 
}
 
 
.UserProfileMasthead .wds-button.wds-is-text {
 
background-color: transparent;
 
color: #D5D4D4
 
}
 
 
.UserProfileMasthead .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
 
border-left-color: transparent;
 
}
 
 
/* http://dev.wikia.com/wiki/ToolbarStyle */
 
.WikiaBarWrapper {
 
background: #6B7FA3 !important;
 
border-top: 1px solid #6B7FA3 !important;
 
box-shadow: none !important;
 
font-weight: 700
 
height: 24px !important;
 
}
 
.WikiaBarWrapper .wikia-bar {
 
background-image: none !important;
 
}
 
.WikiaBarWrapper .toolbar {
 
padding: 0 !important;
 
}
 
.wikia-bar .toolbar .tools li a,
 
.WikiaBarWrapper .toolbar .tools li *{
 
color: #ffffff !important;
 
cursor: default !important;
 
text-decoration: none !important;
 
}
 
.WikiaFooter .toolbar .tools > li,
 
.WikiaBarWrapper .toolbar .tools > li {
 
border: none !important;
 
margin: 0 !important;
 
padding: 4px 10px !important;
 
transition-duration: 0.1s !important;
 
}
 
.wikia-bar .toolbar .tools > li:hover {
 
background: #768AAE !important;
 
}
 
.toolbar .tools li .arrow-icon-ctr {
 
display: none !important;
 
}
 
/* **** Change icons *****/
 
.toolbar .sprite.gear {
 
filter: invert(0%);
 
}
 
.mytools.menu > a:before {
 
content: "\f0c9";
 
font-family: FontAwesome !important;
 
font-color: #ffffff !important;
 
margin-right: 0.75em !important;
 
}
 
/* **** Tools menu *****/
 
.tools-menu {
 
background: #6B7FA3 !important;
 
border: 1px solid #6B7FA3 !important;
 
box-shadow: none !important;
 
transform: translateY(2px);
 
transition-duration: 0.1s !important;
 
}
 
.tools-menu li:not(:first-child) {
 
border: none !important;
 
}
 
.tools-menu li > a,
 
.tools-menu li span {
 
font-size: 12px !important;
 
font-color: #ffffff;
 
padding: 5px 11px 5px 7px !important;
 
transition-duration: 0.1s !important;
 
}
 
.tools-menu li > a:hover {
 
background: #768AAE !important;
 
}
 
 
.WikiaBarWrapper button,
 
.WikiaBarWrapper button:hover,
 
.WikiaBarWrapper button:active {
 
background-color: transparent !important;
 
background-image: none !important;
 
border: none !important;
 
}
 
 
/** Горячие точки **/
 
.HotSpotsModule p {
 
font-weight: bold;
 
text-transform: uppercase;
 
font-size: 10px;
 
}
 
 
.HotSpotsModule li small {
 
display: none !important;
 
}
 
 
.HotSpotsModule li big {
 
font-weight: bold;
 
font-size: 16px !important;
 
padding-left: 6px !important;
 
padding-right: 1px;
 
}
 
 
.HotSpotsModule li div div {
 
border-radius: 50% !important;
 
padding: 2px 5px !important;
 
}
 
 
.HotSpotsModule li span {
 
padding: 15px 0 !important;
 
}
 
 
.HotSpotsModule a.title {
 
font-size: 16px;
 
}
 
 
.HotSpotsModule li .hot-spot-severity-1,
 
.HotSpotsModule li .hot-spot-severity-2,
 
.HotSpotsModule li .hot-spot-severity-3,
 
.HotSpotsModule li .hot-spot-severity-4,
 
.HotSpotsModule li .hot-spot-severity-5 {
 
background-color: #7589AD !important;
 
}
 
 
/* Уведомления */
 
.WikiaNotifications li div {
 
background: #6C80A4 !important;
 
border-radius: 0 !important;
 
box-shadow: none;
 
color: #fff;
 
}
 
.WikiaNotifications .WikiaBadgeNotification .notification-details {
 
background: #294b70 !important;
 
}
 
.WikiaNotifications .WikiaBadgeNotification .notification-details a,
 
.WikiaNotifications li div a{
 
color: #fff;
 
text-decoration: none;
 
}
 
 
/* Достижения */
 
.skin-oasis #about-achievements {
 
border-left: thick solid #6C80A4 !important;
 
}
 
 
.LeaderboardTable .rank span {
 
background-color: #7da6d1;
 
}
 
 
/* Убирает кнопку добавления файлов в галерею */
 
.wikia-photogallery-add {
 
display: none !important;
 
}
 
 
.widget-szj0pM widget-theme-light {
 
-webkit-border-radius: 15px;
 
}
 
 
.widgetBtnConnect-2fvtGa {
 
-webkit-border-radius: 15px;
 
}
 
 
/************************************/
 
/************************************/
 
/* Основной стиль инфобоксов */
 
/* Основной стиль инфобоксов */

Версия от 14:29, 17 апреля 2020

/***** 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. *****/

/* Оформление табличек */
/* Vokaloeed */
.Wall .edited-by > a.subtle[href$="Vokaloeed"]:after,
.comments li[data-user="Vokaloeed"] .edited-by:after {
    color: #000000;
    background-color: #ffff00;
    content:'Рин Кагамине(Бюрократ)';
    border-radius: 1em;
    padding: 0 5px;
    margin-left: 3px;
}
/* DeLarmus */
.Wall .edited-by > a.subtle[href$="DeLarmus"]:after,
.comments li[data-user="DeLarmus"] .edited-by:after {
    color: #000000;
    background-color: #ffff00;
    content:'Рин Кагамине(Бюрократ)';
    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;
}
 

 
.navbox td { /* линия-разделитель для строк */
    border-bottom: 1px solid #bcd4ed;
}
 
.navbox td:nth-child { /* убрать линию-разделитель у подзаголовка */
    border-bottom: none;
}
 
.navbox tr:last-child td { /* убрать линию-разделитель у последней ячейки */
    border-bottom: none;
}
 
/* Конец стиля нав.шаблонов */
 
/************************************/
/*     Основной стиль инфобоксов    */
/************************************/
 
.portable-infobox.pi-theme-infobox {
    border: 2px solid #3e4755;
    border-radius: 4px;
    font-size: 95%;
    margin-bottom: 5px;
    background-color: rgba(62, 71, 85, 0.3);
    vertical-align: top; padding:3px;
}
.portable-infobox.pi-theme-infobox.pi-header {
    border: 2px solid #3e4755;
    border-radius: 4px;
    font-size: 95%;
    margin-bottom: 5px;
    background-color: rgba(62, 71, 85, 0.3);
    vertical-align: top; padding:3px;
}
 
/************************************/
/*     Основной стиль навбоксов     */
/************************************/
.Нав { /* Базовый стиль таблицы */
    width: 100%;
    border-spacing: 0;
    border: #e1e3e5 solid 2px;
    border-bottom: #c80000 solid 4px;
    margin-bottom: 10px;
} 
 
.Нав_заг, .Нав th { /* Стиль заголовка */
    background-color: #1c7dd5;
    color: #fff;
    font-size: 120%;
    padding: 5px;
    border-bottom: #f5c900 solid 4px !important;
    font-weight: bold;
    text-align: center;
}
 
.Нав_подзаг { /* Стиль подзголовка */
    font-weight: bold;
    text-align: center;
}
 
.Нав th, .Нав td {
    padding: 3px 8px;
    border-bottom: #1c7dd5 solid 1px;
} 
 
.Нав tr:last-child td {
    border-bottom: none;
}
 
/************************************/
/*         Желтые Навбоксы          */
/************************************/
.Желтый .Нав_заг,
.Зоны .Нав_заг {
    background-color: #f5c900;
    color: #3a3a3a;
    border-bottom: #1c7dd5 solid 4px !important;
}
 
/************************************/
/*             Табвью               */
/************************************/
.tabs {
    border-bottom: 3px solid #1c7dd5;
}
.tabs .selected a {
    border: #e1e3e5 solid 2px !important;
    border-top: #c80000 solid 3px !important;
    border-bottom: none !important;
}
.tabs li a {
    top: 0;
    border: #e1e3e5 solid 2px;
    border-top: #f5c900 solid 3px;
    border-bottom: none;
    border-radius: 0;
    padding: 3px 10px;
    margin: 0 2px;
}
/************************************/
/*          Блоки рельсы            */
/************************************/
 
.WikiaRail .rail-module,
.WikiaRail .module {
    border: #e1e3e5 solid 2px;
    padding: 10px;
    margin: 0 0 30px;
}
.WikiaRail .rail-module h2.has-icon,
.WikiaRail .rail-module h2,
.WikiaRail .module h2 {
    border-bottom: #1c7dd5 solid 4px;
    font-size: 16px;
    padding-bottom: 5px;
}
 
/************************************/
/*          Блок категорий          */
/************************************/
 
.article-categories {
    background-color: transparent;
    background-image: none;
    border: #e1e3e5 solid 2px;
    border-top: #1c7dd5 solid 4px;
    margin: 10px 0;
}
 
/************************************/
/*             Разное               */
/************************************/
.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);
}