MediaWiki:Gadget-edit.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.

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

/* Стили для новой панели инструментов редактирования: */
ul.eMenu {
    margin-left: 0  !important;
}
.eMenu {
    background: #E8E8E8;
    border: solid 1px #808080;
    color: #808080;
    font-family: Verdana, Arial Unicode MS, Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0.3ex 0 0.3ex 0;
    padding: 0.25ex 0.5em 0.25ex 0.5em;
    height: 3.0ex;
}
.eMenu.active, .active .eMenu {
    background: #D0E8FF;
    border: solid 1px #B0C0D0;
    color: black;
}
.active .eMenu {
    border-top: none;    
}
.eMenu button, .eMenu a {
    color: #808080;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
    border: none;
    background: transparent;
    vertical-align: middle;
    /* Только для IE: */
    width: auto;
    overflow: visible;
}
.eMenu button:active {
    position: relative;
    top: 1px;
    left: 1px;
}
.eMenu.active button, .eMenu.active button *, .eMenu.active a {
    color: blue;
}
.eMenu.active button.extender,
.eMenu.active button .plus_sign,
.eMenu.active button.label {
    color: black;
}
.eMenu li {
    display: block;
    float: left; /* -- только для IE. В других работало бы и inline. */
    margin: 0; /* -- только для IE. */
    padding: 0 0.2em 0 0.2em;
}
.eMenu li, .eMenu button, .eMenu a {
    max-height: 32px; /* -- у некоторых символов-стрелок огромная высота глифа,*/
                      /*        разносящая формат в FF. */
}
.eMenu a {
    text-decoration: none;
}

/* Справка: */
.eMenu.above>li:last-child,
.eMenu.above>li.lastChild { /* -- для IE. */
    float: right;
    text-align: right;
    position: relative;
}
.eMenu.above>li:last-child .eMenu,
.eMenu.above>li.lastChild .eMenu { /* -- для IE. */
    right: 0;
    text-align: left;
    width: 15em;
}
.eMenu button *, .eMenu a * {
    display: inline;
}
.eMenu button *.full, .eMenu a *.full, .eMenu span *.full {
    display :none;
}
/* Подменю: */
.eMenu .eMenu {
    display: none;
    padding: 0 0.5em 1ex 24px;
    margin: 0;
    margin-right: 1em;
    position: absolute;
    z-index : 1000;
    border-top: none;
    height: auto;
    clear: both;
}
.eMenu .eMenu li {
    display: inline;
    padding-left: 0;
    padding-right: 0;
}
.eMenu .eMenu button,
.eMenu .eMenu a {
    padding-left: 0.2em;
    padding-right: 0.2em;
}
/* Тексты пунктов подменю: */
.eMenu .eMenu button .full, .eMenu .eMenu a .full {
    margin-left: 8px;
    display: inline;
    color: #808080;
}
.eMenu.active .eMenu button *, .eMenu.active .eMenu a * {
    color: blue;
}
.eMenu.active .eMenu button *.plus_sign {
    color: black;
}
.eMenu.active .eMenu .full, .eMenu.active .eMenu .full * {
    display: inline;
    margin-left: 0.5em;
}
.eMenu.active .eMenu button .full, .eMenu.active .eMenu button .full * {
    color: black;
}
/* Пункты подменю с новой строки: */
.eMenu .eMenu .nl {
    display: block;
    list-style-type: none; /* -- только для IE. Он игнорирует display: block здесь же.*/
    float: none;
    clear: both;
}
.eMenu .eMenu .header, .eMenu .eMenu li:first-child  {
    display: block;
    float: none;
    clear: both;
    margin-left: -24px;
    margin-top: 1ex;
}
.eMenu .eMenu .header *, .eMenu .eMenu li:first-child  * {
    font-weight: bold;
}
.eMenu img {
    border: none; /* -- для IE и FF. */
}
/* Подсветка: */
.eMenu button:hover, .eMenu a:hover, .eMenu .last:hover, 
/* Это только для IE: */
.eMenu button.hover {
    background: #FFFFA0;
}
/* Отключение подвески для псевдокнопок: */
.eMenu button.label:hover, .eMenu button.label.hover {
    background: transparent;
}