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

Материал из Янтарной ноосферы, свободной интернет-энциклопедии
добавил описание личной панели и уточнил цвет для совместимости
добавил описание левой панели
Строка 63: Строка 63:
         float: right;
         float: right;
}
}
/* Панель слева */
#mw-panel {
position: fixed;
top: 190px;
    z-index: 1;
}
/* Логотип!
#p-logo {
}*/
/* Подвал, шириной со статью
div#footer {
}*/

Версия от 20:30, 28 февраля 2020

@import url('https://fonts.googleapis.com/css?family=Istok+Web:400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');/* 	Тело */
/* Шрифт для всего и цвет для общего фона */
body {
	background-color: #ffbf00;
}
body, .mw-body h1, .mw-body h2 {
	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;
}
/* 	Панель слева */
#mw-panel {
	position: fixed;
	top: 190px;
    z-index: 1;
}

/*	Логотип! 
#p-logo {
}*/
/*	Подвал, шириной со статью 
div#footer {
}*/