MediaWiki:Common.css: различия между версиями

Материал из Янтарной ноосферы, свободной интернет-энциклопедии
добавил описание личной панели и уточнил цвет для совместимости
добавил класс hatnote
 
(не показано 16 промежуточных версий этого же участника)
Строка 1: Строка 1:
@import url('https://fonts.googleapis.com/css?family=Istok+Web:400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');/* Тело */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Шрифт для всего и цвет для общего фона */
 
body {
/* Импорт нормального шрифта */
background-color: #ffbf00;
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=PT+Mono&display=swap');
}
 
body, .mw-body h1, .mw-body h2 {
.hatnote {
font-family: Istok Web, sans-serif;
font-style: italic;
}
padding-left: 1.6em;
/* Цвет статьи и отдельно — заголовков
  Шрифты отдельно переписываются, так что и тут тоже указывается */
.mw-body  {
background-color: #fdeaa8;
    z-index: 2;
}
/* Хак, чтобы ничего не мешалось */
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs span {
    background-color: transparent;
    background-image: none;
}
/* Стиль невыбранных кнопок в панели навигации */
div.vectorTabs ul li {
    background: transparent url(http://jantanoo.info/w/images/passiv-fdeaa8.png);
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QUJEQwTkctl6AAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAAAg0lEQVQY022NQRIDIRACW2b1/3/LV3JecnAlmsoNpoEBgPv9GgKGAE1l7i5oQ8Al7C4aQ9i1gEtAfyK4x/ZMdYGvRK7QEp72XKGOxmYrK0uZlr+1g/ncSk3nSglPqtROdQ7sYQloedly02Md9dvYbk142i+Imiv/AOkSQHIssIV5wFIfWEA8Uwy7WOAAAAAASUVORK5CYII=');
    background-repeat: repeat-x;
    background-position: 0% 0%;
}
/* Стиль выбранных кнопок в панели навигации.
Используется по умолчанию изображение 1*100 */
div.vectorTabs li.selected {
    background: transparent url(http://jantanoo.info/w/images/aktiv-fdeaa8.png);
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QUJEQk30L91fAAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAAAaElEQVQY0+2KwRHCMADDFNE0pczA/vswC9/GPNL0YAc+PtkWx/v1lOQh5C5wRTYhu8AmsAtZJWmX0gTapKynPJQs1zZrsgqpAovQq0CVDPk23/i7zUj3fIfyVYukl5PoRTIIIQj8A/gAI6kyVQCnArkAAAAASUVORK5CYII=');
background-repeat: repeat-x;
}
/* Шапка
div#mw-head {
}*/
/* Основа для страницы — пока непонятно, зачем надо
Может изменять цвет полосы под строкой пользователя */
#mw-page-base {
background-color: transparent;
background-image: none;
}
/* Строка с функциями пользователя.
Ширится на всю страницу, ещё и после лого,
поэтому фон должен быть прозрачным */
#p-personal {
position: fixed;
top: 0;
    right: 0;
    background-color: rgb(255,255,255);
background-color: rgba(255,255,255,0.7);
width: 100%;
max-width: 100%;
        z-index: 3;
}
#p-personal li {
margin: 0.5em 0.25em;
}
#p-personal ul {
        float: right;
}
}

Текущая версия от 21:19, 3 ноября 2024

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/* Импорт нормального шрифта */
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=PT+Mono&display=swap');

.hatnote {
	font-style: italic;
	padding-left: 1.6em;
}