Sage — это плагин для броузера Mozilla Firefox, позволяющий читать новостные RSS-ленты, в соответствии с пользовательскими CSS-стилями.

Основное его удобство заключается в интеграции с броузером — он использует cookies броузера и тем, самым, позволяет читать RSS-ленты, требующие броузерной аутентификации.

Например пользователь броузера Mozilla Firefox, залогинившийся в Bugzilla, получает возможность читать индивидуально сформированные для него по запросу RSS-ленты.

В нашей компании, рекомендуется использовать (вместо стиля по умолчанию), следующий CSS-стиль для Sage:

<code-css> html * { -moz-box-sizing: border-box; }

html { line-height: 1.3; background-color: #FFF; }

body { margin: 0px; color: #222; font-family: verdana; }

a:link { text-decoration: none; color: #436976; font-weight: bold; } a:visited { text-decoration: none; color: #537986; } a:hover { text-decoration: underline; } a:active { text-decoration: none; }

p.item-desc a:link { color: #029; }

  1. rss-header {

background-color: #dee7ec; border: 1px solid #8cacbb; padding: 6px 8px; margin: 10px 2%; }

  1. rss-title {

font-size: large; line-height: 1; margin: 0px; padding: 0px; }

  1. rss-desc {

font-size: small; margin: 0px; padding: 5px 0px 0px 20px; }

div.item { border: 1px solid #8cacbb;

       width: 96%;

min-width: 14em; margin: 0px 0px 8px 2%; padding: 0px;

       position: relative;
       top:0px;
       left:0px;

float: left; overflow: hidden; }

h2.item-title { background-color: #dee7ec; font-size: x-small; font-weight: normal; line-height: 1.1; margin: 0px; padding: 5px 5px 8px 8px; }

span.item-ordinal { padding-right: 0.2em; }

div.item-desc { /* min-height: 2em;*/ margin: 0px; padding: 8px 10px; }

.item-signature{

       font-weight: bold;
       font-size: small;
       float: right;
       position:relative;

}

pre.item-desc {

       font-family: monospace;
       padding: 0px;
       margin: 0px;

}


div.item-pubDate {

       position: absolute;
       top:      0px;
       left:     75%;

font-size: x-small; margin: 0px; padding: 8px 10px;

       width: 50%;

}

div.item-worktime {

       position: absolute;
       top:      0px;
       left:     65%;

font-size: x-small; margin: 0px; padding: 8px 10px;

       width: 30px;

}

div.item-technorati {

       display:none;

}

img { max-width: 100%; height: auto; }

.bug-info {

       font-size: x-small;
       margin: 0px;
       padding: 0px;
       width: 100%;
       position: relative;
       top:      -5px;
       border: 1px dashed #8cacbb;

} </code-css>

СсылкиПравить


По крайней мере часть этого текста взята с ресурса http://lib.custis.ru/ под лицензией GDFL.Список авторов доступен на этом ресурсе в статье под тем же названием.