[Ингбур]

Пользовательские стили для кубиков. Применяется с использованием соответствующего плагина браузера либо при индивидуальной непереносимости дефолтного стиля, либо если бросков делается сразу по многу.

Было:

Стало:

    CSS

.dicetop, .dicemain {
display: inline;
font-size: 11px;
line-height: 220%;
white-space: nowrap;
}
.dicetop {
background: #E4EAF2 url(http://rttw.ru/forum/style_images/rttw/dice.png) no-repeat left;
padding: 3px 3px 3px 24px;
margin: 0;
}
.dicemain {
border: solid #C2CFDF;
border-width: 1px 2px 1px 1px;
padding: 3px 0 3px 3px;
margin: 0 3px 0 0;
}
.dicemain br, .dicemain b {
display: none;
}

    Known Issues

В связи с особенностями генерируемого форумом HTML (текстовые элементы) не всё удаётся полностью настроить:

В случае изменения генерации HTML (помещения каждого текстового элемент в отдельный SPAN, помещения обоих .dicetop, .dicemain в общий специальный DIV) будет настраиваться вообще идеально.

Сообщение отредактировано: Ингбур - 19 Июля 2013, 18:22

[Ингбур]

Посмотрел. Воспроизвелось. В FF Stylish в другом порядке применяет - сначала пользовательские, а потом страничные. Решение - понавтыкать !important где надо и не надо. Вот самый свежий вариант:

    SJ

Array.prototype.slice.call(document.getElementsByClassName("dicemain"), 0).forEach(function(diceDiv) {
diceDiv.previousSibling.parentNode.removeChild(diceDiv.previousSibling);
var hint = diceDiv.previousSibling.innerHTML;
if (hint == 'Бросок кубика') diceDiv.previousSibling.setAttribute("excessive", "1");
diceDiv.innerHTML = diceDiv.innerHTML.replace(/<b>.+?<\/b>(.+?)<br>\s*<b>.+?<\/b>(.+?)\s*\(<b>.+?<\/b>(.+?)\)/g, '<span title="' + hint + ' = $2">$1 = <b>$3</b></span>');
});

    CSS

.dicetop, .dicemain {
display: inline-block;
font-size: 11px !important;
color: black !important;
white-space: nowrap!important;
cursor: default!important;
background: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px dashed red !important;
}
.dicetop {
padding-right: 4px !important;
}
.dicetop[excessive] {
display: none !important;
}

Сообщение отредактировано: Ингбур - 22 Июля 2013, 17:28