MediaWiki:Gadget-floatingTips.css

Материал из свободной русской энциклопедии «Традиция»
Перейти к навигации Перейти к поиску

Замечание: Чтобы после сохранения вступили в силу изменения стилей, перезагрузите файл //traditio.wiki/w/load.php?debug=false&lang=ru&modules=site&only=styles&skin=vector&*, если используете скин Vector, или //traditio.wiki/w/load.php?debug=false&lang=ru&modules=site&only=styles&skin=common&*, если используете скин Common.

Чтобы вступили в силу изменения скриптов, перезагрузите файл //traditio.wiki/w/load.php?debug=false&lang=ru&modules=site&only=scripts&skin=vector&*, если используете скин Vector, или //traditio.wiki/w/load.php?debug=false&lang=ru&modules=site&only=scripts&skin=common&*, если используете скин Common.

Гаджеты и импортируемые скрипты загружаются отдельными файлами.

/*
 * Приспособление floatingTooltips для показа всплывающих подсказок
 *     над сносками, если текст сносок за пределами экрана (<ref>, расширение Cite),
 *     и над текстом с подсказкой (шаблон Подсказка).
 *     Посказки появляются над сноской, со смещением влево.
 *     Скрипт для·подсказок определён в·файле MediaWiki:Gadget-floatingTips.js.
 *     Используется поставляемый с MediaWiki плагин jQuery tipsy (зависимость ext.tipsy).
 *     Александр Машин для «Традиции», 2014.
 *
 */
 
.tipsy {
    padding-bottom: 4px;
}

.tipsy-inner {
    border: solid 2px black;
    color: black;
    background-color: #FFFFFF; /* -- для браузеров, не поддерживающих градиент */
    max-width: 30em;
}

.tipsy-se .tipsy-inner, .tipsy-sw .tipsy-inner {
    background: linear-gradient(to bottom, #FFFFFF, #FFE0A0);
}

.tipsy-ne .tipsy-inner, .tipsy-nw .tipsy-inner {
    background: linear-gradient(to top, #FFFFFF, #FFE0A0);
}

.tipsy-arrow {
  	background: url('/images/0/04/FloatingTip.png') no-repeat top left;
	width: 12px;
	height: 6px;
}

.tipsy-se .tipsy-arrow, .tipsy-ne .tipsy-arrow {
	right: 8px;
}

.tipsy-sw .tipsy-arrow, .tipsy-nw .tipsy-arrow {
	left: 8px;
}

/*
 * Текст, снабжённый всплывающими подсказками:
 */
.tipped {
	border-bottom: 1px dotted;
	cursor: help;
}
.tip {
	display: none;
	speak: none;
}