.starred-icon { background-image: url('%appswebroot%/news/img/starred.png'); } .subscriptions-icon { background-image: url('%appswebroot%/news/img/rss.svg'); } .unread { font-weight: bold; } #app-navigation .unread > a { padding-right: 32px; } #app-navigation .utils { position: absolute; right: 0; top: 0; bottom: 0; } #app-navigation .utils > * { float: right; } #app-navigation .utils button { margin: 0; background-position: center; background-repeat: no-repeat; background-color: transparent; border: 0; box-shadow: none; display: none; height: 32px; width: 32px; } #app-navigation li:hover > .utils button { display: block; } .folder { text-transform: uppercase; } .unread-counter { padding: 8px 6px 8px 5px; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 9pt; display: none; } .unread .unread-counter { display: block; } button.action { opacity: .5; } button.action:hover { opacity: 1; } #app-navigation li:hover > a { padding-right: 98px; } #app-navigation li:hover > .utils { display: block; } #app-navigation li:hover > .utils .unread-counter { padding-left: 0; } .delete-icon { background-image: url('%webroot%/core/img/actions/delete.svg'); } .mark-read-icon { background-image: url('%appswebroot%/news/img/mark_read.svg'); } .rss-icon { background-image: url('%appswebroot%/news/img/rss.svg'); } #app-navigation .ui-draggable-dragging { width: 249px; } #app-navigation .multiselect { height:20px; }