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

Материал из Янтарной ноосферы, свободной интернет-энциклопедии
(добавил описание личной панели и уточнил цвет для совместимости)
м (пробую)
 
(не показано 15 промежуточных версий этого же участника)
Строка 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;
/* Ну разве что только шрифты здесь импортировать, так как они безусловно хорошие */
}
/* Импорт нормального шрифта */
body, .mw-body h1, .mw-body h2 {
@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');
font-family: Istok Web, sans-serif;
}
/* Цвет статьи и отдельно — заголовков
  Шрифты отдельно переписываются, так что и тут тоже указывается */
.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;
}

Текущая версия от 12:16, 11 февраля 2023

/* Размещённый здесь 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');